Cocoonのサイトアイコン(ファビコン)を設定する方法

どうも!たら(@hajimetara)です。

自分のサイトを見たときに「サイトアイコン」が表示されるとわかりやすいですよね。

cocoonではサイトアイコンを設定するだけでファビコン、アップルタッチアイコン、MicroSoftアプリケーションタイルイメージを同じアイコンに変更できるので早速設定しましょう!

Cocoonのテーマを使っていて「サイトアイコン」を設定していないと、デフォルトのCocoonアイコンが表示されてしまいます。

cocoonのサイトアイコン(ファビコン)を設定する方法

ファビコンとアップルタッチアイコンって?

たら
たら

ファビコンとアップルタッチアイコンはこんな感じだよ。


↑ ファビコン
Webサイトの上に表示されたりブックマークしたときに表示されるアイコン


↑ アップルタッチアイコン
(iPhone/iPadのホーム画面用アイコン)

はじめ
はじめ

わかりやすいデザインにしたほうがよさそうだね。

サイトアイコンのサイズは?

画像サイズは512×512ピクセルの正方形、PNG画像が推奨されています。

サイトのイメージ写真画像やアルファベット、キャラクターなど「サイトの顔」になるアイコンを決めましょう。

サイトアイコンを設定する方法

外観→「カスタマイズ」をクリック。

 

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

 

サイトアイコンを選択」をクリック。

 


ファイルをアップロード」をクリック。

 

ファイルをドロップしてアップロード」をクリック。

 

イメージ画像が表示されます。

表示の画像でよければ

公開をクリックして完了です!

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