ども、@キヨです。

今回の記事は、

  • アドセンス広告の背景が黄色や灰色になる
  • 見栄えがとても悪い
  • 変に広告として目立ってしまう
  • これでは読者が記事に集中できない
  • どうにかアドセンス広告の背景を透過したい

こんな人向けに書いています。

というわけで、アドセンス広告の背景を透過する方法を紹介していきましょう。

アドセンス広告の背景を透過するためのタグを紹介

アドセンス広告の背景を透過するには、とあるタグが必要です。それは以下の通り。

ins.adsbygoogle { background: transparent !important; }

このタグをCSSに追加すれば、見事にアドセンス広告の背景が透過できます。

では、実際にその手順を以下から紹介していきます。

SPONSORED LINK

タグの追加手順

ここからは先述したタグの追加手順を紹介します。

まず、ワードプレス管理画面から「外観」を選択し、その中にある「カスタマイズ」をクリックします。クリックするとその中の「追加CSS」を選択しクリックします。

アドセンス広告の背景を透過する手順

追加CSSをクリックしたら、その中に先述したタグを入力。次に「公開」をクリックします。

アドセンス広告の背景を透過する方法

以上で、アドセンス広告の背景を透過する方法は完了です。

ワードプレスのテーマによってはアドセンス広告の背景が変に色付けされますが。今回の追加タグを用いれば問題は解決するでしょう。

なお、当サイトが使用しているワードプレステーマ「賢威8」ではそのようなことはありません。つまり、今回のような煩わしい設定をしなくてもアドセンス広告の背景は白のまま表示されます。

もしも、今回のように追加タグを使用したくない場合は、賢威8の導入を検討してみてはいかがでしょうか。

関連記事はこちら