【WordPress】初心者でも簡単にファビコンの設定する手順

「ファビコン」を設置するとWordPressがどのように表示されるのか?

「ファビコンを設置したいけど、面倒くさそう」

「ファビコンを設定する時間なんかないよ!」

って、思っていませんか?

せっかく運営しているWordPressのサイトもファビコンを設定していないと、個性がないサイトになってしまいます。

自分好みの画像を用意して、お気に入りのWordPressサイト運営をしてみませんか?

目次

ファビコンとは

ファビコンとは、ブラウザのタブやブックマークに表示されます。

ファビコンは、お気に入り(favorite)とアイコン(icon)を合わせた言葉です

favorite + icon = favicon

ファビコンの役割

ファビコンのメリット

ファビコンを設置するとどのようなメリットがあるのでしょうか?

  • タブや検索結果に表示される
  • ブランディングに役立つ

ファビコンを設置すると、かっこいいサイトになって、ブログの執筆活動もヤル気がでます。

ファビコンを設定していない

ちなみにファビコンを設定していないWordPressサイトは下記のように表示されます。

なんだか味気ないWordPressのサイトですよね?

WordPressでファビコンを設定する方法

  • ファビコンファイル(icoファイル)を設定する
  • 画像を設定する

ファビコンファイル

通常のHTMLのサイトで、ファビコンを表示されせるためには、iconファイル(拡張子はico)を作成する必要があります。

iconファイルを作成するのは簡単ですが、面倒な作業が必要になります。

画像

WordPressは、画像を設置すればファビコンとして表示することができるようになります。

画像は、512ピクセル以上の正方形であれば大丈夫です。

この記事では画像を使ったファビコンの設定方法を紹介します。

ファビコン用の画像の準備

  • フリーサイトの素材を使う
  • 自分で画像ファイルを準備する

フリーサイトの素材を使う

WordPressでは、ファビコンに設定できる画像サイズは、正方形で512ピクセル以上のデータが必要です。

ファビコン用に使用できる画像データを準備しているフリーのサイトを紹介します。

どのサイトも素敵な画像がたくさんあるので、お気に入りのファビコンの画像を見つけてくださいね。

FLAT ICON DESIGN

まず、FLAT ICON DESIGN です。

カラフルで可愛い画像が無料で使用できます。

icooon-mono

モノトーンな画像は、 icooon-mono です。

こちらのサイトの画像も無料で使用できます。

icon rainbow

icon rainbow のサイトもモノトーンで渋い画像を使用することができます。

自分で画像ファイルを準備する

「オリジナルなサイトにしたい」「フリーサイトには、お気に入りの画像がない」
そんな時は、自分で画像ファイルを準備してください。

ファビコンの設置方法

今回は、FLAT ICON DESIGN で、「博士のフラットアイコン素材」を使用して、ファビコンとして設定します。

サイズは「512×512」、ファイル名は「PNG」を選んで、気に入った画像を選んでください。


①WordPress管理画面から「ダッシュボード」→「外観」→「カスタマイズ」を選択します


②「サイトの基本情報」を選択します。


③「サイト基本情報」画面の一番下の項目の「サイトアイコンを選択」を選択します


④ファイルをアップロード、もしくはメディアライブラリから画像を選択します

⑤「公開」ボタンをクリックして完了です

⑥ファビコンの確認

まとめ

以上、WordPressでファビコンを設定する方法を紹介しました。

ぜひ、お気に入りの画像でファビコンを設定し、個性的なサイトを作成してください。

よかったらシェアしてね!
  • URLをコピーしました!
目次