2009/01/31

Joomla で作ったサイトにファビコン設定

ファビコンの設置の記載はJoomlaでは、ディフォルトで準備されている。
テンプレートによってファビコンのファイルを入れる場所が異なるようだけれど、自分でhtmlをいじるよりは簡単。

まず、画像を準備する。
16x16 ピクセルの画像を作って、 favicon.ico というファイルを作る。
※ photoshopなどの使い慣れたツールでビットマップ(.bmp) ファイルを作る。
  .ico フォーマットにするのに、はこれらのツールがある。

favicon.ico というファイル名で、だいたい良いみたいだけれど、以下で確認。

確認方法は、作成したサイトを表示して、そのソースを表示してみる。
"shortcut"という文字を検索すると、以下のような表示が現れる。
<link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon" >
href でファビコンのフォルダを確認して、そのフォルダに先ほど作ったファビコンをコピー。
ブラウザによっては、起動し直さないと表示されないものもあるようなので、確認時には一度起動し直して見るといいかもしれない。

追加で、icoフォーマットは、どうもうまく透明が使えない。
これは、少しだけ手間だけれど、使っているテンプレートのhtmlを編集する。
と の間、先ほどの記載が入るべき所の下に、以下の記載を追加するとnternet Explorer7とFireFoxで別々のファビコンを表示させることができる。

<link rel="icon" href="/images/favicon.gif" type="image/gif" >

アニメーションgifも使えるらしいです。

0 件のコメント: