【WordPress】サイトアイコン(ファビコン)作成

Cocoon

ブラウザのタブやお気に入り登録した際に表示される、サイトアイコン(=favicon)を変更してみようと思います。

ちなみにCocoonのテーマを設定すると、デフォルトは繭(=Cocoon)のデザインです。

Cocoonでサイトアイコン(ファビコン)の変更方法

まずは、Wordpress上でのファビコン変更方法から。

サイトアイコン用の画像準備

Cocoon公式サイトにてファビコン推奨サイズは512px×512pxのPNG画像とありました。

サイドメニューから[外観]-[カスタマイズ]を開く

Cocoonでファビコン設定

[サイト基本情報]を選択

Cocoonでファビコン設定

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

サイトアイコンを選択。

Cocoonでファビコン設定

「公開」ボタンもお忘れなく。

これで変更は完了。

Canva(無料版)で作成

アプリやWebサイトから気軽に作れるCanvaでトライ。

Canvaにログインして、右上の「デザインを作成」ボタンをクリック

canva

カスタムサイズを入力して、「新しいデザインを作成」ボタンクリック

Cocoon公式サイトにあった通り、512px×512pxで作成。

canva

あとはお好みで編集

色々使える素材があって便利(^^)

canva

ダウンロード

canva

PNGファイルでダウンロード。(有償だと透過が可能)

canva

設定すると、こんな感じになりました。

Cocoonでファビコン設定

ICOOON MONOで作成

モノクロシンプルアイコンのサイト、ICOOON MONOさんで作成してみます。

サイズは「512px」、「PNG」形式でダウンロードします。

透過設定なのがありがたい!

↓アップロード直後は、投下設定の為、こんな黒っぽい表示になります。

が、タブなどで確認すると無事、正常に表示されました★

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