【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】全ての記事データをローカルにバックアップする方法。

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

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

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

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

今回は、PyTorch を使って、ニューラルネットワーク(NN)を構築

【OpenCV】検出した顔画像部分を切り出す方法【Python】

OpenCV を使って、Python で画像の中から顔部分を切り出した

【Fashion-MNIST】ファッションアイテムのデータセットを使ってみた【TensorFlow】

今回は、機械学習用に公開されているデータセットの1つである「Fashi

→もっと見る

PAGE TOP ↑