2016/03/30

トップ画像にリンクを張る

ブログカスタマイズ犬と海
テンプレートをお借りしているMilliさんに教わって、トップ画像を差し替え(ロゴと文字入れ)てリンクを張りました。

【HTMLテンプレート】
<h1 id=”top”>{blog_name}</h1>
   ↓
<h1><a href=”ブログURL” title=”ブログタイトル”><span>ブログタイトル</span></a></h1>
【CSSテンプレート】
div#banner の height:150px; と background-image:~ を削除
以下を書き換え
div#banner h1{
font-size:18px;
font-weight:bold;
}
div#banner h1 a{
width:画像の横幅(700pxにするとよいでしょう);
height:画像の縦幅;
background-image:url(画像のURL);
display:block;
}
div#banner h1 span{
display:none;
}
div#banner p.description{
display:none;
}
ブログタイトルも説明文もタイトル部分に文字としては表示されなくなりますので、必要なものは画像に載せちゃってください。

→ 詳細はMillibarさんの犬と海 Ver1.00をご覧ください。その他のTipsも参考になります。

ヒトミ

著者:ヒトミ

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

Twitterフォロー