Favicon Rotatorの使い方ーWordPressプラグイン【初心者向け】
WordPressにファビコンを追加できるプラグイン【Favicon Rotato】の使い方について初心者向けに解説した記事です。テーマファイルの編集やサイズ調整がなくても、画像をアップするだけでファビコンの設定が可能です。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
監修してくれたメンター
吉﨑 智正
WordPressのプラグインの使い方を初心者向けに紹介する記事です。
今回は、WordPressにファビコンを追加できるプラグイン、Favicon Rotatorの使い方を紹介します。
目次
田島メンター！！ブラウザのタイトルのところにあるアイコン画像あるじゃないですか？
あぁ、ファビコンのこと？
ファビコンっていうんですね！それをWordPressのサイトで変更したいんですけど、どうやればいいんですか？
それなら「Favicon Rotator」っていうのを使えばできるよ！
Favicon Rotatorとは
ファビコンとは、Wrbサイトを閲覧する際にタブに表示されるアイコンです。
ブランディングなどに有効で、他サイトと比較してオリジナリティを表現できる箇所でもあります。
お気に入り登録した際にも表示され、設定することでサイトの信頼性やクリック率向上が期待できます。
Favicon Rotatorは、WordPressのサイトで簡単にファビコンを追加できるプラグインです。
テーマファイルを編集する必要なく、面倒なサイズ調整などもしてくれるので、非常に簡単に設定できます。
また、このプラグインではファビコンだけでなく、スマホの画面にサイトへのリンクを作成したときに表示されるタッチアイコンも設定可能です。
プラグインをインストールする
このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。
インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。
プラグインの設定ができると、ダッシュボード＞外観＞Favicon というリンクが増えています。
ファビコンを追加する
管理画面は、非常にシンプルです。
登録したい画像を、「Add Icon / Set Icon」をクリックして「ファイルを選択」で選択し、「Set Browser Icon / Set Touch Icon」ボタンをクリックして設定します。
「設定を保存」ボタンをクリックします。
サイズは自動調整してくれるので問題ありませんが、正方形の画像を準備するほうが見た目がキレイです。
また、アップロードしたり、メディアファイルから選択するだけで、自動的にサイズを調整してくれます。
もし、正方形でない画像を選択した場合は自動的にトリミングされます。
画像を追加したら、保存ボタンを押しましょう。
ブラウザでサイトを見てみると、設定したファビコンが表示されます。
今回の記事は以上です。
WordPressの他のプラグインを使って見たい場合は、W3 Total Cacheの使い方も合わせてご覧ください。
大きい画像でも小さくリサイズしてくれるのが便利ですね〜
そうだね。スマホのタッチアイコンの設定をできるから、スマホを意識しているサイトなら設定しておいたほうが良いね
はい♪
WordPressを学習中の方へ
これで解説は終了です、お疲れさまでした。
- つまずかず「効率的に」学びたい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
WordPressでのサイト制作を学習していて、このように思ったことはありませんか？
テックアカデミーのWordPressコースでは、第一線で活躍する「プロのエンジニア/Webデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、WordPressを使ったオリジナルサイト構築を学べます。
まずは一度、一週間の無料体験で学習の悩みや今後のキャリアについて話してみて、「現役のプロから教わること」を実感してみてください。
時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします。
