WordPressブログにファビコンを作成・表示させる『Favicon Rotator』

WordPressブログにファビコンを作成

どうも、ごりょんさんです。

寒くなってきましたね~ 家の中でも、ニット帽、ネックマフラー、穴あき手袋、ちゃんちゃんこ、靴下2枚と、厚着をして最近を過ごしています。

最近ネットサーフィンをしていますと何やらURLの頭にお洒落な画像みたいなのがくっついているのを発見しました。

ファビコン①

IEのお気に入りもいつの間にか賑やかになっていました。

ファビコン②

なかなか面白いアイコンだな~と思いましてネットで検索してみるとファビコンと出てきました。

ファミコンなら昔流行ったけどファビコンとは何なのでしょう?

何にせよお洒落なアイコンはアクセスアップに繋がると考えまして当ブログにも取り入れる事にしました。

スポンサーリンク

WordPressブログにファビコンを表示させるプラグイン『Favicon Rotator』の導入方法

なにぶんWordPress初心者のわたくしにとって、CSSやPHPとかいうややこしいのは極力避けたいので、プラグイン1つで簡単に出来る方法を探す事にしました。

その前に、ファビコンとは何なのかを解説しておきます。

ファビコンとは?

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。 引用元:wikipedia

要するに、アイコンのWEB版という感じでしょうか?

ファビコンのインストールと有効化

まず初めにファビコンを簡単に作れる方法を解説しているサイトを探しました。

今回はこのサイトを参考にさせて貰いました。

WordPressのダッシュボード➝プラグイン➝新規追加と進みます。検索窓に「Favicon Rotator」と記入してEnterをクリックします。

WordPressブログにファビコンを作成2

「今すぐインストール」をクリックします。

WordPressブログにファビコンを作成1

インストールが完了したら有効化ボタンをクリックします。これでプラグイン一覧にFavicon Rotatorが表示されました。

ファビコン③

ファビコンの作成方法

それでは実際にファビコンを作成していきましょう。

ダッシュボード➝外観➝Faviconと進みます。

ファビコン④

BrowserIcon右のAddIconをクリックします。

ファビコン⑤

自分のパソコンのHDD内に保存してある画像をアップロードします。

ファビコン

今回はこちらの画像を使用していきます。

ファビコン

フリー画像サイトからいただいて来たました。

無料イラストなら「イラストAC」➝http://www.ac-illust.com/

画像をアップロードしましたら、「AddBrowserIcon」をクリックします。

ファビコン⑦

これで画像のセッティングが完了しましたので、「変更を保存」をクリックします。

ファビコン⑧

さっそく確認してみますと、かわいらしいファビコンが出来ていました!

WordPressブログにファビコンを作成3

お気に入りはこんな感じになりました。なかなか様になっていますね。

WordPressブログにファビコンを作成4

ファビコンのスマホ設定

今度はスマホにファビコンを導入してみます。

「TouchIcon」をクリックして先程と同じ様に画像をアップロードし「変更を保存」をクリックします。

ファビコンスマホ①

最終的にこんな感じになりました。

ファビコンスマホ②

スマホで確認してみましょう。

ファビコンスマホ③

少し小さい感じがしますが、こんなもんでしょうね。

ファビコン挿入まとめ

今回はプラグイン「Favicon Rotator」を使いファビコンを挿入しました。プラフインを導入するだけでしたので初心者でも簡単に出来ましたね。

これならブログの見た目も良くなり集客アップにも繋がるのでこの設定は必ずやっておいた方が良いですね。

追記

WordPressテーマSimplicityではプラグインを使わずにファビコンが挿入可能です。

ダッシュボード➝サイトをカスタマイズ➝その他と進みます。

ここからアップロードすればファビコンが挿入されます。

WordPressブログにファビコンを作成5

スポンサーリンク

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です