PR

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
スポンサーリンク
kashiwa0306をフォローする
いいねブログ!『僕の好きな情報発信箱』

コメント