【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 で SSL 化をしてみた【XREA サーバ】

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

記事を読む

【Google AdSense】ads.txt ファイルを設置してみた。

以前からずっと、Google AdSense の画面を開くと、以下のような「ads.txt ファイル

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

無料動画編集ソフト AviUtl で mp4 形式の動画を読み込み・出力する方法【Windows】

今回は、無料動画編集ソフト AviUtl で mp4 形式の動画を読み

【Cubase】イヤホンから音がでないときの対処方法。

Cubase でイヤホンから音がでなくなったときの対処方法のメモです。

【Cubase】特定のトラックを無効にする方法。

今回は、Cubaseで特定のトラックのみを無効にする方法について紹介し

【転移学習】学習済みVGG16 による転移学習を行う方法【PyTorch】

今回は、PyTorch を使って、学習済みのモデル VGG16 を用い

【PyTorch】畳込みニューラルネットワークを構築する方法【CNN】

今回は、PyTorch を使って畳込みニューラルネットワーク(CNN)

→もっと見る

PAGE TOP ↑