iCatch_wordpress

【ダブルレクタングル】広告を横一列に並べる方法

こんにちは、@yellow_bucketsです。

今回は、ブログ中に表示されている広告を横並びに並べる事ができましたので、備忘録として残します。

 

ダブルレクタングルについて

広告を横並びに並べるのをダブルレクタングルというそうですね。

ダブルレクタングルで調べてみたところ、こんな記事を見つけました。

 

なので、僕もマネしてみたいなと思いまして。

 

僕がやったこと

僕はQuick Adsenceというプラグインを使って広告を特定の位置に表示するように設定しているのですが、広告横並びを実現する為に単純に広告のコードを2つ続けて書いてみたんですね。

そうしたところ、↓の用に表示されました。

mini1399813340

右の広告がズレて表示されちゃってますね。

 

なので、HTMLタグのテーブルタグを使って表示するようにQuick Adsence内でコードを変更しました。

テーブルタグというのは、基本的に表を作ったりする時に使うタグだそうです。

<table>
<tr>
<td><左側の広告コード></td>
<td><右側の広告コード></td>
</tr>
</table>

やったことはこれだけ。。

mini1399813550

できました!

 

 

まとめ

とりあえず一件落着。。

まだまだブログの変更したい箇所はたくさんありますので、変更できた際には残していきたいと思います。
 

今日はここまで。

 

【6/18 追記】

このやり方だと、広告の上に線が入っちゃってるんですね。
僕のテーマだとグレーの細い線だったので、そんなに目立たなかったのですが。。

▼線を消す方法を以下の記事にしてありますんで、併せてご覧下さい。
関連記事:【HTML】テーブルセル上部に表示されちゃってる線を消せました。

 

最後に

最後まで読んで頂きありがとう御座います。

もし気に入っていただいて、以下のリンクボタンからRSS登録やSNSでフォローしていただけると、とても励みになります。
宜しくお願い致します。

・RSS on c/w XXX.net
follow us in feedly

・SNS on c/w XXX.net

・SNS on yellow_buckets

 
最新記事一覧はこちらから。
このブログについて。