こっそり始める Blog

iPhoneとiPad中心のブログです

こっそり始める Blog header image 2

WordPressで作っているこのブログにアイコンを付けたった

2012年08月04日 · コメント(0) · WordPress



こんばんは。

こっちに移転してからこのブログにアイコン表示がないことに気付いた @tar0073 です。
ブラウザで開いた時にタブのサイト名の横に表示されるアイコンのことです。

ちなみにこのアイコンはファビコン(favicon)と呼ばれるものらしいです。

SPONSORED LINK

ファビコンの設置方法

いざファビコンをこのブログに設置すると思ってもやり方がわかりません。
そこで!
教えて!Google先生!

WordPressにファビコンを設置する方法。iPhone同時対応! | ごすてっぷ

で、出てきたサイトで設置方法がわかりました。

画像を用意

 

やり方はわかりました。
それでは画像の準備ですね。
もちろんこれを使います。

IMG_0035.jpg

当ブログのアイコンと言えばこれですよね。
ただこのままだとちょっと大きいのでリサイズしました。

出来た画像をimagesフォルダへアップロードします。
ファイル名は「favicon.ico」とします。

いざ設置

画像の準備が済めば次はheader.phpの編集です。
上記サイトに説明があるようにの間に次のコードを追加します。

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico">

以上で設置は完了です。

見てみましょう

それでは設置が終わったファビコンを見てみましょう。

スクリーンショット 2012-08-04 22.14.58.png

無事ファビコンが表示されてます。

ただ当ブログはモバイルテーマを別に使用しているのでiPhoneなどで見た場合、この方法ではファビコンが表示されません。
てことで、次回はモバイルテーマにファビコンを表示させたいと思います。

SPONSORED LINK



タグ : ··

コメント(0)

コメントはまだありません。

コメントする

CAPTCHA


Get Adobe Flash playerPlugin by wpburn.com wordpress themes