【WordPress】Cocoonでファビコンを設定する方法

ワードプレス

当サイトは、アフィリエイト広告を利用しています。

ブロガーに人気のWordPress「無料テーマ」であるCocoon。

長くブログを続けていると、色々とカスタマイズをして、

オリジナリティを出したい!

と感じる方も多いのではないでしょうか。

この記事では、Cocoonでファビコンを設定する方法ついてご紹介します。

簡単にできるので、まだの方は早速チャレンジしてみましょう!

ファビコンとは

ファビコン(Favicon)は、

ブラウザのタブを複数開いているとき

サイトをブックマークしたとき

などに表示される、サイトのシンボル的なアイコンのことです。

WordPressでは、青い背景に白くて細長い丸がデフォルトとして設定されています。

サイトにオリジナリティを出し、見つけてもらいやすくするためにも、独自のファビコンを設定してみましょう!

Cocoonでは、以下の2ステップで簡単にファビコンを設定することができます。

○ファビコン用データの作成

○WordPressでファビコンを設定

ファビコン用データの作成

まずは、ファビコン用の画像データを準備します。

おすすめは、

512 X 512pxのPNG

で作成すること。

私は、専門的な知識がなくても簡単にデザインが作成できるCanvaで画像を作成しました。

○実際にCanvaで作成したファビコン画像

無料で使用できる「Canva Free」でも十分見応えのあるデザインを作成することができますので、まだ使用したことがない方は、ぜひお試しください。
※利用するためには、会員登録が必要です。

ファビコンを作成する上で、1点注意していただきたいのは、

ファビコンの四隅が丸くカットされて表示される場合がある

ということです。

私はぎりぎり端までデザインを配置してしまって、失敗しました・・・

WordPressでファビコンを設定

ファビコン用の画像データが準備できたら、早速WordPressでファビコンを設定していきます。

Cocoonでは、以下の要領でファビコンを設定することができます。

WordPress管理画面を開く

↓ ↓ ↓

外観をクリック

↓ ↓ ↓

カスタマイズをクリック

↓ ↓ ↓

サイト基本情報をクリック

↓ ↓ ↓

サイトアイコンを設定

↓ ↓ ↓

公開をクリック

画像データが反映されるまでに数日かかる場合もありますので、設定した後すぐに画像が切り替わらなくてもご安心ください。

まとめ

ここまで、WordPress「無料テーマ」であるCocoonでファビコンを設定する方法ついてご紹介してきました。

ファビコンの設定は、簡単な操作でブログにオリジナリティを出すことができるので、おすすめです。

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

コメント

タイトルとURLをコピーしました