【Cocoon】タブに表示されるサイトアイコンを作って設定しよう!【ワードプレス】【プロクリエイト】

Procreate
スポンサーリンク

サイトを開いている時や、お気に入り登録したサイト名の左隣にあるアイコンのことをファビコン(favicon)といいます。小さいですが、ファビコンがあることで、何のサイトか認識してもらうことができ、またサイトの印象を付ける役割をします。

サイトを立ち上げてたならファビコンも設定してみましょう!

プロクリエイトで描いた絵を、ワードプレスのCocoonテーマのデフォルトの機能を使ってファビコンを設定する方法をご紹介します!

ProcreateとはiPad専用の有料イラスト制作アプリです。ブラシの種類が豊富で、Apple Pencilを使えば力の入れ方次第で線に強弱をつけることもできます。アニメーション機能にも対応しています。

すでに画像が用意されてる方はこの犬をクリックして「ワードプレスでファビコンの設定」まで飛んでください。

キャンバスサイズ:1000×1000px RGB

キャンバスサイズは1:1にしたいので、幅1000×高さ1000(px)にします。
カラープロファイルはRGBです。

ファビコンが描けたらパソコンと共有できるフォルダーにアップロードします。
USBで保存する場合はこちらからご覧ください。

表示されるときのファビコンのサイズはCrome/Safariで32×32pxEdgeで16×16pxと小さいので、細かい絵ではなく、ロゴのような大きくわかりやすいものがいいと思います。

うーたみ
うーたみ

ワードプレスでは512×512px以上の正方形にするようにと書かれているよ!

青山さん
青山さん

RGBとはコンピューターやディスプレイに使う発色方式だよ。
詳しくは「CMYKとRGBの違い」の記事を見てね!

ワードプレスでファビコン設定

ワードプレスのダッシュボードから「外観」の中にある「カスタマイズ」をクリックします。

「サイト基本情報」をクリックします。

「サイトアイコンを選択」をクリックしてファビコンにする画像をアップロードします。

うーたみ
うーたみ

この時、切り取りをして画像の一部分をファビコンにすることもできるよ!

「公開」をクリックして完了です。サイト名の隣のアイコンが変更されたのが確認できます。

是非サイトアイコンを作成してセットしてみてください!

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