【WordPress】広告を横に2つ並べて、table の枠線を消す方法。
今回は、WordPress で広告を横に2つ並べて表示(ダブルレクタングル)する方法を紹介します。
ダブルレクタングルは、HTML の table タグを使って実現させるのですが、そのままだと枠線も表示されてしまったので、table タグの枠線を消す方法についても紹介します。
今回紹介する方法は、PHPのコードやCSSをいじらずに簡単にできるのでオススメです!
広告を横に2つ並べて表示(ダブルレクタングル)
広告でも画像でもいいのですが、横に2つ並べて表示させるには、table タグを使います。
WordPress の「テキスト」タブの部分に、以下のようなコードを入力します。
1 2 3 4 5 6 7 8 9 10 11 12 |
<table> <tbody> <tr> <td> 広告のコード </td> <td> 広告のコード </td> </tr> </tbody> </table> |
すると、以下のように広告が表示されます。
![]() |
![]() |
table タグの枠線を消す
横並びで広告が表示されましたが、このままでは枠線が表示されてしまっているのでデザイン的にも微妙ですよね。。
色々と調べたのですが、少しやっかいでなかなか枠線が消えてくれません。。(泣)
例えば、「<table border=0>」とか指定しても消えませんでした。
結論をいうと「style=”border: none;”」を使うと枠線を消すことができました。
以下のように html を3か所修正します。
1 2 3 4 5 6 7 8 9 10 11 12 |
<table style="border: none;> <tbody> <tr> <td style="border: none;> 広告のコード </td> <td style="border: none;> 広告のコード </td> </tr> </tbody> </table> |
以下のように枠線が消えてスッキリしました。
![]() |
![]() |
関連記事
-
-
【WordPress】記事の画像を自動的に圧縮(最適化)する方法。
当サイトはWordPressを使って運営しているのですが、記事画像はほとんど圧縮していませんでした。
-
-
【WordPress】 カテゴリごとに広告を簡単に切り替える方法【AdRotate】
今回は、WordPress のプラグインを使って、簡単にカテゴリごとに広告を切り替える方法について紹
-
-
WordPress で SSL 化をしてみた【XREA サーバ】
ついに本ブログサイトの SSL 化をしました。その時のメモです。 いつかはしないととは思ってい
-
-
【WordPress】全ての記事データをローカルにバックアップする方法。
当ブログは、XREAサーバ を契約して、そこにWordPressを入れて運営しています。 「B
-
-
【WordPress】STINGER3 でGoogleアドセンスを自動広告にしてみた。
Googleアドセンスの自動広告というのが出ていたので、ちょうど月初めということもあり 2018年5
-
-
【Google AdSense】ads.txt ファイルを設置してみた。
以前からずっと、Google AdSense の画面を開くと、以下のような「ads.txt ファイル
-
-
【Amazon API】商品情報が取得できなくなった時の対処方法|2020年4月~
本ブログの Amazon 商品へのリンクは、「AmazonJS」という WordPress のアドオ