RealFaviconGeneratorを使ってWordPressのサイトにファビコンを設定する方法

ファビコンとは何かご存知ですか?

ファビコンとは、ウェブサイトのシンボルやイメージマークのことを指します。

いまいちピンとこない人もいるかもしれません。

具体例を挙げると、

これはGoogleのファビコンです。このマークをみればGoogleだとわかりますよね。

皆さんも自分のWordPressのサイトに、オリジナルのファビコンを設定してみたくありませんか?

今回は、WordPressのサイトにファビコンを設定するためのプラグイン、

「Real Favicon Generator」のインストール方法から使い方、ファビコンの設定方法を紹介します!

Real Favicon Generatorのインストール方法

まず、WordPress管理画面の、「プラグイン」→「新規追加」を選択します。

ページが移動したら、プラグインという文字の横にある「新規追加」をクリックします。

すると、次のような画面に切り替わります。

そしたら右上の「プラグインの検索」に「RealFaviconGenerator」と入力します。

「Favicon by RealFaviconGenerator」というプラグインが出てきますので、「今すぐインストール」をクリックします。

インストールが終わったら、「有効化」をクリックするのも忘れないようにしてください。

これでRealFaviconGeneratorがWordPressのプラグインとしてインストールされました。

次はファビコンの設定の仕方について紹介していきます。

WordPressのサイトにファビコンを設定する方法

RealFaviconGeneratorのインストールが完了したところで、実際にWordPressのサイトにファビコンを設定していきましょう。

ファビコンの画像を選択する

まず、ファビコンにしたい画像を選択しましょう。

「外観」→「Favicon」をクリックします。

「Select from the Media Library」をクリックします。

今回は、下の画像をファビコンに設定してみたいと思います。

なるべく正方形に近い画像を選ぶようにしましょう。

ファビコンにしたい画像ファイルをアップロードし、メディアライブラリで選択します。

ファビコンにしたい画像ファイルを選択したら、「Generate favicon」をクリックします。

これで、画像選択は終了です。

次は詳細設定画面に移ります。

 

ファビコンの詳細設定

WordPressのサイトを開くOSごとにファビコンが実際にどのような見え方をするのか詳細設定をすることができます。

デフォルトのままでも構わないと思います。

色コードはインターネットで調べると簡単に出てくるので、色にこだわりたい方は調べてみてください。

ファビコンの画像設定

Compressionでは画像の形を選ぶことができます。しかし、上記のようにほとんど変化がない場合もあるので、選択は任意で大丈夫です。

Scaling algorithmは画像認識の方法です。基本的にはデフォルトのままで大丈夫です。

最後にAppnameです。スマホのホーム画面にブックマークしたり、PCのデスクトップに保存(ショートカット)した時に表示される名前の事です。

運営するサイトのタイトルを設定するのが基本となっています。

 

ファビコンを出力

ここまで来たらラストスパートです。

「Generate your Favicons and HTML code」をクリック。

「Fabicon installed!!」の表示が確認できれば、これでファビコンの設定は完了です。

「Check your Favicon」で実際に設定したファビコンが反映されているかどうかを確認してみましょう。

ファビコンが設定されていました。

まとめ

いかかでしたか?

プラグインをインストールするだけで、簡単にWordPressのサイトにファビコンが設定できてしまうんです。簡単ですよね!

ぜひファビコンを設定したいと思った方はこの記事を読みながら、ファビコンの設定をしてみてください。

ファビコンは何度でも自由に画像を差し替えることができます。

 

質問等ありましたら、コメントにてお寄せください。

今回は以上です。

最後まで読んでいただきありがとうございました。

 

 

 

 

 COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

EWWW Image Optimizerの使い方・設定方法!【2017~2018...

Speech Bubbleで記事に遊び心!?記事をLINE風会話形式に出来る

超便利プラグインAddQuicktagを徹底解説!TinyMCE Advance...

プラグインを使ってWordPressのサイトをAMP対応させる方法について紹介!

NO IMAGE

AdSense Plugin WP QUADSでアドセンスの挿入をラクに!

BackWPupの使い方、設定方法!バックアップはブログの生命線!