【WordPress】広告を横に2つ並べて、table の枠線を消す方法。

公開日: : 最終更新日:2020/04/24 Webサイト運営 , , , , , ,

今回は、WordPress で広告を横に2つ並べて表示(ダブルレクタングル)する方法を紹介します。

ダブルレクタングルは、HTML の table タグを使って実現させるのですが、そのままだと枠線も表示されてしまったので、table タグの枠線を消す方法についても紹介します。

今回紹介する方法は、PHPのコードやCSSをいじらずに簡単にできるのでオススメです!

広告を横に2つ並べて表示(ダブルレクタングル)

広告でも画像でもいいのですが、横に2つ並べて表示させるには、table タグを使います。

WordPress の「テキスト」タブの部分に、以下のようなコードを入力します。

すると、以下のように広告が表示されます。





table タグの枠線を消す

横並びで広告が表示されましたが、このままでは枠線が表示されてしまっているのでデザイン的にも微妙ですよね。。

色々と調べたのですが、少しやっかいでなかなか枠線が消えてくれません。。(泣)

例えば、「<table border=0>」とか指定しても消えませんでした。

結論をいうと「style=”border: none;”」を使うと枠線を消すことができました。

以下のように html を3か所修正します。

以下のように枠線が消えてスッキリしました。





関連記事

【WordPress】記事の画像を自動的に圧縮(最適化)する方法。

当サイトはWordPressを使って運営しているのですが、記事画像はほとんど圧縮していませんでした。

記事を読む

WordPress で SSL 化をしてみた【XREA サーバ】

ついに本ブログサイトの SSL 化をしました。その時のメモです。 いつかはしないととは思ってい

記事を読む

【WordPress】 カテゴリごとに広告を簡単に切り替える方法【AdRotate】

今回は、WordPress のプラグインを使って、簡単にカテゴリごとに広告を切り替える方法について紹

記事を読む

【Amazon API】商品情報が取得できなくなった時の対処方法|2020年4月~

本ブログの Amazon 商品へのリンクは、「AmazonJS」という WordPress のアドオ

記事を読む

【WordPress】STINGER3 でGoogleアドセンスを自動広告にしてみた。

Googleアドセンスの自動広告というのが出ていたので、ちょうど月初めということもあり 2018年5

記事を読む

【WordPress】全ての記事データをローカルにバックアップする方法。

当ブログは、XREAサーバ を契約して、そこにWordPressを入れて運営しています。 「B

記事を読む

【MQL4】EAファイルを作成・実行する方法【FX自動売買】

EAファイルとは、為替の価格データが更新されるたびに繰り返し実行してく

【Excel VBA】開発タブを表示させる方法。

Excel VBAでマクロの開発を行うためには、「開発」タブを表示させ

投資信託にかかる費用について調べてみた。

投資信託を探していると「買付手数料」や「管理費用」などが記載されていた

FX収支|2021年3月|+128,508円

FXの2021年3月の収支結果報告です。 今月は、FXを

【トラリピ】スプレッドについて調べてみた【FX自動売買】

トラリピは、マネースクエアが運営しているFXの自動売買システムです。

→もっと見る

PAGE TOP ↑