超簡単☆WordPressファビコン設置方法まとめ

当ページでは、wordpressにファビコンを設置する際の手順をまとめておきたいと思います。
ファビコンとは、こんな感じで表示される小さなアイコンの事です。

ファビコンは、ホームページビルダーで作成したサイトで作った事があるので、ちょっとだけ得意だったりします。＾＾

ファビコンは、使用する画像の準備が出来たら、3ステップで簡単に設置する事が出来ます。
また、こちらの設置方法は、wordpressだけではなく、無料ブログサービス（HTML編集が可能なもの）や、ホームページなどで代用する事も出来ます。

ファビコン作成＆設置の事前準備

解凍ソフトの準備
ファビコン用にダウンロードするファイルは、zip形式ですので解凍ソフトが必要になります。
私の場合は、+Lhacaを使用しています。（無料でダウンロードできます。）

ファビコン用の画像の準備
実際に表示されるファビコンの大きさは、16px×16pxです。
準備する画像は、ぴったり16pxでなくても構いません。
ポイントは、【16px×16px以上の大きすぎない画像】（16px以下の画像はキレイに表示されません。）
【正方形の画像】（自動でトリミングされるので、正方形以外だと歪んでしまいます。）この２点です。

ご自身の好きな画像を画像ソフトやwindowsペイントなどで作成したり、画像配布サイト様からお借りしても良いでしょう。（その場合、利用規定をよくお読みになってくださいね。）

私の場合は、フリー素材・今日もわんパグ様からお借りした下記画像をそのまま使用しています。

準備した画像をファビコンのファイル形式（.ico）に変換

準備した画像をファビコンとして表示する事が出来るように、ファイル形式の変換をします。
FavIcon from Picsという変換サイトを使用した例を説明していきます。

まず、サイトにアクセスしたら【参照】をクリックして、パソコン内のファビコン画像を選択。
赤枠で囲んだ【Generate FavIcon.ico】をクリックです。

下記のような画面にプレビューが表示されますので、それでＯＫなら、赤枠で囲んだ【Download FavIcon Package】をクリック。【名前をつけて保存】です。（解凍ソフトがデスクトップ上にあるならデスクトップへ。）

下記のようなファイルがダウンロードされていると思います。
このアイコンをクリックしたまま【＋Lhaca】のアイコン上へ持って行きます。（ドラッグ＆ドロップ）

　→　

これで、ファビコン用の画像ファイルの変換作業が終わりました。

ファビコン画像をWordPressへアップロード

解凍したファイルの中には、このように3つのファイルが入っています。

「animated_fabicon1.gif」というファイルは、アニメーションで動くタイプのgifファビコンに使われるものです。（Internet Explorerでは表示されないので、その場合は、「favicon.ico」の表示設定も必要になるかと思います。）

「RedaMe.txt」というファイルは、説明書のような内容が入っているようです。（英語なのでよくわかりません。（笑））

通常のファビコン設置には、真ん中の「favicon.ico」というファイルを使います。
このファイルをwordpress管理画面→メディア→メディアのアップロードで、通常の写真やイラストと同じ様にアップロードします。

次に【編集】をクリックして、画面右側に表示される画像URLをメモ帳などにコピーしておきます。

header.php内へコードを追加

テーマ編集「header.php」の</head>の直前に下記コードを追加します。

※ファイル編集は必ずバックアップを取ってから行ってください。
「子テーマ」を作成しておくと、テーマのアップグレードの際に変更内容が消えることがありません。

<link rel="shortcut icon" href="http://コピーしておいた画像ＵＲＬ" />

当ブログではこのようになります。↓

これでファビコンが表示されれば大成功です☆
表示されない場合は、キャッシュのクリア（インターネット一時ファイルの削除）を実行すると表示されると思います。
また、反映までに時間がかかる場合もあるようです。

ホームページビルダーでの初めてのファビコン作りでは、下記サイトを参考にさせて頂きました。
＞お気に入りアイコン（ファビコン）の作り方/TAG<index>
ありがとうございます。

以上で、カテゴリー『WordPressに挑戦！』の記事投稿は終了です。
wordpressのインストールから各種設定、記事投稿に至るまでの経緯をこうして記録してみると、「意外と色んな作業をしていたものだ。。」とちょっと驚いたりしています。＾＾

この歳になって興味のある事や新しい事を学ぶ機会に恵まれた事に感謝しています。

次記事からはまた再び、子供達との日常やお弁当記録などをマイペースに綴っていきたいと思います。
そして、新しいテーマでのサイト作りも自分なりに、1歩1歩頑張っていこうと思います。

wordpressに関する記事投稿に関して、温かなメッセージを下さった方々。
情報をシェアして下さった方々。記事を読んで下さった方々。。本当にありがとうございました。

2013年1月31日　ａｉ