【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】 カテゴリごとに広告を簡単に切り替える方法【AdRotate】

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

【耳コピ】音楽ファイルを楽器ごとに分離する方法【Spleeter:フリー】

今回は、mp3 などの音楽ファイルをボーカル、ベース、ドラムなどの楽器

【Chainer】手書き数字認識をしてみた【Deep Learning】

Chainerを用いて、ニューラルネットワークを構築し、手書き数字認識

【Spyder】引数のあるスクリプトを実行する方法。

Python の統合開発環境(IDE)である Spyder では、簡単

【Anaconda】Prompt 上で Git コマンドを実行する方法。

Anaconda のコマンドプロンプト(Anaconda Prompt

【MT4】日付と時間を指定してPCを自動起動させる方法【DELL】

今回は、日付と時間を指定してPCを自動的に起動させる方法について紹介し

→もっと見る

PAGE TOP ↑