たった3分!ワードプレスにファビコンを表示させる方法

140312

【この記事を読むのに必要な時間は約 3 分です】

ファビコン(favicon)とはそのホームページ独自のアイコンのこと。ブラウザのアドレスバーやタブ、ブックマークに追加したとき等に表示されます。

例えばこのブログをインターネットエクスプローラーで見てみると・・・、

ワードプレスにファビコンを表示させる方法(1)

こんな具合に表示されます。

このファビコンワードプレスならたった5分で簡単表示出来るんです!
それではその方法を紹介。

Favicon Rotatorをインストール

ワードプレスのプラグイン「Favicon Rotator」をインストールします。

プラグインのインストールはワードプレスのサイドバーより「プラグイン」→「新規追加」と移動してから「Favicon Rotator」と入力し「プラグインの検索」ボタンを左クリックします。

ワードプレスにファビコンを表示させる方法(2)

私の場合は検索結果の先頭に表示されました。
「いますぐインストール」を左クリックしてインストール。その後プラグインを有効化します。

ワードプレスにファビコンを表示させる方法(3)

Favicon Rotatorの設定

Favicon Rotatorを使ってファビコンをアップロードしていきます。
ワードプレスサイドバーより「外観」→「Favicon」と移動、もしくは「プラグイン」→「インストール済みプラグイン」と移動しFavicon Rotatorの「設定」を左クリックしてください。どちらでも結局は同じ設定画面に移ります。

その後「Browser Icon」の右側にある「Add Icon」を左クリック。

ワードプレスにファビコンを表示させる方法(4)

自分のコンピューター、またはワードプレスのメディアライブラリからアイコンにする画像を選択します。
icoだけでなくjpg(jpeg)やgif等、一般的に使われて画像形式ならあらかた使用可能。
なお、ファビコンの表示サイズは16×16ですがこのサイズの画像を用意しなくても大丈夫。縦と横の比率が1:1の画像でなくても構いません。自動的に縮小、トリミングされます。
30MB以内のお好きな画像を用意しましょう。

ワードプレスにファビコンを表示させる方法(5)

テストでネコの画像にしてみました。
最後に「Add Browser Icon」を左クリック。

ワードプレスにファビコンを表示させる方法(6)

最後に「保存」を左クリックして完了です。

ワードプレスにファビコンを表示させる方法(7)

こんな具合にタブにファビコンが表示されるようになりました。

ワードプレスにファビコンを表示させる方法(8)

画像が小さすぎてネコなのかよく分からないですね(笑)。
やっぱりデザインはシンプルなものが良さそうです。よろしければ参考にしてみてください。

  • このエントリーをはてなブックマークに追加

この記事の著者

伊藤 リョウ合同会社代表社員・行政書士・Webデザイナー・ファイナンシャルプランナー(2級FP技能士)

Web関連会社を平成19年に設立。現在まで作成を中心としたITトータルサポートを行っている。
平成25年度行政書士試験に合格(一般知識は満点)。Webと行政書士業の幸福な関係構築を目指し平成26年5月、行政書士事務所開設。
静岡県出身。藤枝東高校・立命館大学産業社会学部卒業。元和菓子職人という異色の経歴を持つ。
既婚。2児の父。趣味はランニング(フルマラソンベスト3時間41分)。

この著者の最新の記事

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

ページ上部へ戻る