これは簡単!Cocoon でファビコンを設定する方法

Wordpress

WordPress のテーマ「Cocoon」での、ファビコン(サイトアイコン)の設定方法を紹介します。

ファビコン(サイトアイコン)はサイトをみるときに、アドレスバーとかタブに表示される
ちっこいアイコンのことです。

設定はとっても簡単!

ファビコン用のファイルは用意しておくとして、「wordpress ファビコン」などで調べると、(1)header.phpに記述する方法 と (2)プラグインを使う方法 が出てくると思います。

しかし、Cocoonの場合はその必要はありません!

もっと簡単です!

 

では、いきます。

(1)管理画面から、[外観] – [カスタマイズ] を選ぶ
(2)カスタマイズ画面で、[サイト基本情報] を選ぶ
(3)下の方にサイトアイコンの設定があるので [画像を選択]ボタンを押す
(4)メディアライブラリから画像を選ぶ。ここでファイルをアップロードすることもできる
(5)選んだ画像は画像切り抜きでトリミングすることができます
(6)カスタマイズ画面で、[公開] を押せば完了!

とっても簡単ですね〜。

画像付き解説

ここまでの説明でわかるかと思いますが、画面キャプチャも載せておきますね。

まず、設定前はデフォルトで たまごのマーク?のファビコンになっています。

[外観] – [カスタマイズ] – [サイト基本情報] を選びます。

 

 

[画像を選択] を押す。

 

 

ここで画像をアップロード/選択します。選んだ画像をトリミングすることもできます。
画像を選んだ状態です。[公開] を押せば完了です。

 

 

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

今回はPNG画像で透過させてみたので、ちゃんと丸く表示されています。

 

 

以上です!Cocoonは設定が簡単でありがたいですね。
逆にheader.php に記載する方法では設定できませんのでご注意を!

 

Wordpress
スポンサーリンク
私のるつぼ