クールでかっこいいワードプレステーマ を カスタマイズすべ

9042 ヘッダバナー

クールでかっこいいWPテーマの 9042 を使ってみた。
screenshot
 

トップバナーに 468 x 60 のバナーを入れたい

いれるのは簡単。ウィジェットがあるからね。
ヘッダバナーウィジェットエリアにテキストウィジェットを張り込んだ。
2015y01m25d_141522404
いいじゃん?
 
けど、このバナーのふちが白くてきゅっとしまらない。これは、枠をつけたいな。
テキストウィジェットに span をつけた。
<span style="border:1px solid #666;"><a href="http://px.a8.net/svt/ejp?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" target="_blank">
<img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110518997452&wid=001&eno=01&mid=s00000009094009018000&mc=1"></a>
<img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" alt=""></span>
2015y01m25d_141727235
あだっ! サイズがあってないやんかぁ~。 あ、まちがった SPAN じゃなくて DIV だったwww
<div style="border:1px solid #666;"><a href="http://px.a8.net/svt/ejp?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" target="_blank">
<img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110518997452&wid=001&eno=01&mid=s00000009094009018000&mc=1"></a>
<img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" alt=""></div>
2015y01m25d_141916206
あら、右に余計な余白が(笑)
これは、アフィリエイトバナーだからね。アフィリエイトバナーは、表示回数を数えるためにダミーのスペース画像をもっている。これをDIVから外さないとこういうことになる。
<div style="border:1px solid #666;">
  <a href="http://px.a8.net/svt/ejp?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" target="_blank">
    <img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110518997452&wid=001&eno=01&mid=s00000009094009018000&mc=1">
  </a>
  <img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TST05+7H3Y7M+1Y64+1HOVC1" alt="">
</div> ←これを1行上の img の前に移動
めでたし、めでたし(笑)
2015y01m25d_142333845
 
次へ> | 最後へ>>|