記事の詳細

ファビコンとはブログやサイトのシンボルマークのようなものです。favicon.icoというファイルを作成して、ヘッダ部分にタグを指定してあげれば表示させることが可能になります。

このブログでは以下のようにファビコンが表示されています。

WordPressブログにファビコン(シンボルマーク)を設置する方法

ファビコンの画像を用意する

まずはファビコンに使う画像を用意します。画像は正方形のものを用意してください。ブラウザに表示されるファビコンは16×16のサイズ、デスクトップの表示は32×32のサイズになります。用意するのは大きい画像でもよいですが、icon形式に変換するときサイズを縮小させるので、小さい画像のほうがきれいに変換できます。

画像をicon形式に変換する

画像をicon形式に変換するには、以下のサイトを利用すれば簡単に変換することができます。

まず、それぞれのサイズに変換する画像を参照して「favicon.ico作成」ボタンを押します。

すると3つのサイズ情報が含まれたマルチアイコンが作成できるので、「ダウンロード」ボタンをクリックします。

これで「favicon.ico」を用意することがでました。

favicon.icoをアップロードする

ダウンロードした「favicon.ico」を、WordPressをインストールしているフォルダ(wp-config.phpがある場所)にアップロードします。

ヘッダ部分にコードを書き込む

WordPressブログのヘッダ部分(header.php)に以下のタグを記述します。○○○の部分を自分のサイトドメインに変更してください。

<link rel="shortcut icon" href="http://○○○/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://○○○/favicon.ico" type="image/vnd.microsoft.icon" />

これでファビコンの設定は完了です。一旦ブラウザを閉じてから、もう一度立ち上げて自分のブログを確認すると表示されると思います。※表示まで若干時間がかかる場合があります。



関連記事

ページ上部へ戻る