[SEO_Tuning_Eiger] ブログのタイトル画像を入れてみた

SEO Tuning Eiger デフォルトの「Sample」と書いてあるロゴ画像を差し替えました。

1. 画像をアップロード

画像を新規アイテムとしてアップロード。タグに "@SITE_LOGO" と追加します。

item_title.png

2. [バナーヘッダー] テンプレートを修正

<mt:ignore>されている(MTテンプレート上でコメントアウト状態)箇所を復活させて、"themestatic/seotuning_eiger/images/logo.png" を直接呼び出している方のimgタグを削除。

なお、<mt:Assets type="image" tag="@SITELOGO" limit="1"> のところは、"@SITELOGO" というタグの付いているアセット(アイテム)を呼び出します。

BEFORE

<a href="<$mt:BlogURL encode_html="1"$>">
<mt:ignore>
<mt:Assets type="image" tag="@SITE_LOGO" limit="1">
<img alt="<$mt:BlogName encode_html="1"$>" src="<$mt:AssetThumbnailURL encode_html="1"$>">
<mt:Else>
<$mt:BlogName$>
</mt:Assets>
</mt:ignore>
<img alt="<$mt:BlogName encode_html="1"$>" src="<$mt:SupportDirectoryURL$>theme_static/seo_tuning_eiger/images/logo.png">
</a>

AFTER

<a href="<$mt:BlogURL encode_html="1"$>">   
<mt:Assets type="image" tag="@SITE_LOGO" limit="1">
<img alt="<$mt:BlogName encode_html="1"$>" src="<$mt:AssetThumbnailURL encode_html="1"$>">
<mt:Else>
<$mt:BlogName$>
</mt:Assets>
</a>

3. [全cssマージ&minify] h1 タイトルの max-width を削除

h1内のimgのスタイルに max-width: 200px; とあった箇所を、横幅を制限しないように削除。 padding-top:40px; も削除。

BEFORE

[role=banner] h1 img {
  max-width: 200px;
  height: auto;
}
h1.title img{
  float:left;
  padding-top:40px;
}

AFTER

[role=banner] h1 img {
  height: auto;
}
h1.title img{
  float:left;
}