いいねブログ!『僕の好きな情報発信箱』

機械メンテナンス屋のかしわモチがネットにハマって試行錯誤しているブログ。

Movable Type

Movable Typeのファビコン画像設置方法

ホームページを見ていると、ブラウザのタブの左側に小さい画像がありますよね!これ【ファビコン】です。

favicon.jpg

yahooだと【Y!】という赤いロゴマークが表示されます。

自分で作ったホームページやブログにもこの【ファビコン】を作りたい!って方、多いと思います。

今回はMovable Type5.12にこの自作の【ファビコン】を設置してみました。

表示されるサイズは16px四方の大きさで画像を作成してください。僕のサイトは緑色基調なんで緑のファビコンにしてみました。

設置は簡単です。ファイル名を『favicon.ico』としてアップロードし後は「デザイン」→「テンプレート」の順に選び、「テンプレートモジュール」から「HTMLヘッダー」をクリックする。

HTMLヘッダーテンプレートに以下の2行を貼り付けて保存をすれば完了!

<link rel="shortcut icon" href="<$MTBlogURL$>favicon.ico" type="image/vnd.microsoft.icon" />

<link rel="icon" href="<$MTBlogURL$>favicon.ico" type="image/vnd.microsoft.icon" />

というコードを追加して、再構築すれば表示OK!

ムーバブルタイプのスマホ対応テンプレートはこれがお勧め

Movable Typeで複数の写真やファイルを一括投稿する方法~プラグイン『MultiFileUploader』

スポンサードリンク

 

-Movable Type