2010/06/21

【HTML】ファビコン設定方法

今回は完全に備忘録.
ホームページにファビコンを設定する方法を書き留めておく.

方針:
・簡単,シンプル.
・できたら自動!

設定方法:
favicon.icoをphotoshop等で作成します.
フリーの素材をダウンロードしても良いと思います.
public_htmlフォルダの下にfavicon.icoを置きます.

自動化はあきらめました.なのでHTMLソースを手で変更.まず

<head></head>

で区切られた部分の間の

<title>タイトル名</title>

の後に

<link href="../favicon.ico" rel="shortcut icon"></link>
<link href="../favicon.ico" rel="icon"></link>


の2文を追加します.href=以下は僕のサーバーの場合なので一般的には hef="favicon.icoを置いたパス/favicon.ico"と設定します.
これでファビコンが設定できる!自分のホームページにファビコンを設定しました.

Akitoshi TAKAYASU -Home Page-

しかしこれではファイルをiWebで更新すると設定が元通りになってしまう!ファイルを更新したらもう一回書き直しということでちょっと不便です.
今後の課題です.

0 件のコメント: