ブログを始めたということで、早速ブログのトップに画像を挿入してみました。
(もう表示されていると思います ※PCサイトのみ!)
やり方は、
デザイン設定画面の
タイトル/背景タブ
で画像をアップロードして
表示させたい範囲を選択して決定。
完了。
う〜む、すこぶるカンタンですね。
素晴らしい。
ただ、このままだと、ただ画像がでで~んと表示されてでっかい飾りができただけです。
どうせなら自分が希望するリンク先やブログトップなどにリンクしたいですよね。
でもその設定はこのページには無い。
で、
いくつか参考サイトを見て、結果的に下記修正のみでできました!
デザイン設定>カスタマイズ>トップページ
中を見ていくと
<div id="header-image">
てな記述があり、
おお、ヘッダーのイメージっぽいぞ!
と思いました。
で、
そこの
<div id="header-image">
<IfBlogHeaderImageUrl>おお、ヘッダーのイメージっぽいぞ!
と思いました。
で、
そこの
<div id="header-image">
<img src="<$BlogHeaderImageUrl$>" id="blog-header-image" />
</IfBlogHeaderImageUrl>
</div>
これを、文字にリンクつけるみたいに
<A Href="_飛ばしたいURL_" Target="_blank">_表示させたい文字とか場所_</A>
これで挟んで
<div id="header-image">
<A Href="http://itunes.apple.com/jp/app/3.00-friend-tap-just-3.00/id817224527?mt=8" Target="_blank">
<IfBlogHeaderImageUrl><img src="<$BlogHeaderImageUrl$>" id="blog-header-image" /></IfBlogHeaderImageUrl>
</A>
</div>
</A>
</div>
こうしてあげたわけです。勘で。
そしたらできました〜。
で、
この 作業をほかの個別ページとかほかのところにも同じ修正したら、どこからでもこのトップ画像をクリックすれば希望のリンク先に遷移することができましたー!
お試しあれ!