WordPress サイトアイコン(favicon)作成と設定方法

WordPress

今回はサイトアイコン(favicon)を簡単に作成して、wordpressサイトに設定する方法を紹介致します。

1.サイトアイコン(favicon)を作成するメリット

  • 目立つので何のサイトか瞬時にわかる
  • ブランディングの向上
  • 再訪率の向上

サイトアイコン(favicon)はページが表示されたときのブラウザのタブに表示されます。細かい部分ですが、目立つため何のサイトか認知されるのに繋がります。

2.サイトアイコン(favicon)を作成する方法

サイトアイコン(favicon)を作成するにはいくつか方法があります。

  • 無料サイトを利用してアイコンを作成する
  • デザイナーに依頼して作成する

今回はCanvaを利用して無料でサイトアイコン(favicon)を作成する方法を紹介致します。Canvaは直観的な操作でオシャレなデザインを簡単に作成することができます。

Canva公式サイト

アカウントを持っていない方は、「登録」からアカウントを作成します。
Googleアカウントを持っていれば、すぐに作成できます。

Canva-signup

ログイン後、Canvaのホーム画面が表示されます。

Canva-home

「デザイン作成」をクリックします。

Canva-デザイン作成

「ロゴ」を選択します。

Canva-logo-creation

ロゴ作成用の画面が表示されたら、左から無料のテンプレートや「素材」からロゴを作成します。

Canva-logo-creation2

テンプレートを選択されると自動で反映されます。
フォントの種類やサイズも変更できます。
アイコンが作成できたら、右上の「ダウンロード」をクリックします。

Canva-logo-download

「PNG」を選択して、「ダウンロード」をすればアイコン作成は完了です。

3.wordpressサイトへサイトアイコンを設定する方法

外観-カスタマイズ

Canvaで作成した画像をダウンロードしたら、Wordpressを開き、メニューから「外観」⇒「カスタマイズ」ページを表示します。

WPサイト基本情報

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

WPサイトアイコンを選択

サイトアイコンを選択をクリックして、作成した画像を選択します。
「画像切り抜き」を選択すると、下のイメージのようなプレビューが表示されます。

WP-favicon-設定

画像選択後、プレビューに表示されているイメージのサイトアイコンで問題なさそうなら「公開」をクリックします。

WordPressサイトアイコン(favicon)の設定は以上となります。