【Coccon】faviconを自作して設定する

【Coccon】faviconを自作して設定する WordPress
この記事は約2分で読めます。

ネットを閲覧している時にブラウザタブの左に表示されているアイコンを気になったことはありませんか?

このアイコンはfavicon(ファビコン)と呼ばれるもので、一目でサイトの区別ができるようなデザインになっているのが特徴です。

「favicon」=「Webサイトのシンボルマーク」

デフォルトの状態だと味気ないのでオリジナルのfaviconを設定してアピールしましょう!

favicon初期設定

本記事ではCanva」で作成したfaviconCocconに設定するまでの流れをまとめて紹介します。

スポンサーリンク

「Canva」でfaviconを作成

まずはオリジナルのfaviconを作りましょう!

Canvaにログインして右上の「デザインを作成」⇒「カスタムサイズ

テンプレートはカスタムサイズ

「512」x「512」pxと設定して「新しいデザインを作成

サイズは「512」x「512」px

❸オリジナルのfaviconを作成したら「ダウンロード」⇒「ダウンロード
※ファイルの種類は「PNG」のまま!

faviconダウンロード

❹これでfaviconの完成です!

favicon完成

Cocconにfaviconを設定

❶WordPressのダッシュボードで「外観」⇒「カスタマイズ

外観」⇒「カスタマイズ

❷「サイト基本情報」⇒「サイトアイコン

サイト基本情報」⇒「サイトアイコン

❸画像をアップロードして「選択

画像をアップロードして「選択

❹画像は「切り抜かない

画像は「切り抜かない

❺表示イメージを確認して問題なければ「公開

問題なければ「公開

❻faviconの反映されたことを確認!

favicon変更完了

まとめ

今回は「Canva」でfaviconを作成してCocconに設定するまでの流れを説明しました。

faviconはデザインさえ決めてしまえばそこまで時間が掛からないのでオリジナルのfaviconを設定してみてくださいね!

この記事が気に入ったら
いいね ! しよう

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