【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 のプラグインを使って、簡単にカテゴリごとに広告を切り替える方法について紹

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

【MT4】PCが再起動しても自動的に起動させる方法【FX自動売買】

今回は、FX 自動売買用のツールの MT4 で、実行しているPCが再起

【MT4】複数口座を同時に起動させる方法【FX・CFD】

今回は、MT4(メタトレーダー4)で複数口座を同時にログインし、起動さ

【MQL4】スプレッドを取得する方法【MT4】

今回は、MQL4 で対象通貨ペアのスプレッドを取得する方法について紹介

【楽天CFD】取引口座を開設してみた【MT4】

今回は、楽天CFDの取引口座(本番口座)の開設方法について紹介します。

→もっと見る

PAGE TOP ↑