どうも!たら(@hajimetara)です。
自分のサイトを見たときに「サイトアイコン」が表示されるとわかりやすいですよね。
cocoonではサイトアイコンを設定するだけでファビコン、アップルタッチアイコン、MicroSoftアプリケーションタイルイメージを同じアイコンに変更できるので早速設定しましょう!
Cocoonのテーマを使っていて「サイトアイコン」を設定していないと、デフォルトのCocoonアイコンが表示されてしまいます。
cocoonのサイトアイコン(ファビコン)を設定する方法
ファビコンとアップルタッチアイコンって?
たら
ファビコンとアップルタッチアイコンはこんな感じだよ。
↑ ファビコン
Webサイトの上に表示されたりブックマークしたときに表示されるアイコン
↑ アップルタッチアイコン
(iPhone/iPadのホーム画面用アイコン)
はじめ
わかりやすいデザインにしたほうがよさそうだね。
サイトアイコンのサイズは?
画像サイズは512×512ピクセルの正方形、PNG画像が推奨されています。
サイトのイメージ写真画像やアルファベット、キャラクターなど「サイトの顔」になるアイコンを決めましょう。
サイトアイコンを設定する方法
外観→「カスタマイズ」をクリック。
「サイト基本情報」をクリック。
「サイトアイコンを選択」をクリック。
「ファイルをアップロード」をクリック。
「ファイルをドロップしてアップロード」をクリック。
イメージ画像が表示されます。
表示の画像でよければ
公開をクリックして完了です!