WordPress:アドセンス広告の黄色くなってしまう背面を消したい

170122mp0297

草津

アファリエイト広告をワードプレスに掲載している方には『今更?』と言われてしまいそうですが、新規構築を行う際に、必ず必要になることなので記載致します。

初めての方は必ず直面する、サイドバーなどの広告の背面が勝手に黄色くなってしまう現象の対処法です。



広告の後ろが黄色くはみ出すんですけど

20170302-004

広告ってサイズは色々です。
特に最近は表示する端末などに合わせ、オートで幅を変えるからすごいのです。
とにかく、見栄えは大切ですからね。

しかしワードプレスにそのままセットすると、端っこがちょこっとはみ出してしまったりと、サイズ対応が追い付いていないようなのです。

それで、この黄色い部分を何とか出来ないかと思うんですよね。

『CSS』でやっつける

20170302-001

やり方はかなり簡単なので、焦らず急がず行きましょう。

ちなみに『CSS』などのソースコードを触る時には、必ず『バックアップ』を取るクセを付けましょう。『バックアップ』と言ってもサーバー経由ではなく『CSS』全文をコピーして『.txt』で保存しておけば大丈夫です。

『外観』⇒『テーマの編集』と進みます。

20170302-002

続いて一番下にある『スタイルシート』を選択します。
たくさんの文字列が出るので、上記のようにコピーを取ります。

続いて『⌘ + F』で文字検索を出し『ins』と入力します。
いくつか候補が出ますので、順次見て行きましょう。

20170302-003

すると、こんな文字列が現れます。
『background-color:』の後ろの色を表すコードです。

これに何かしら数字が入っていると、色が表示される仕組みです。
上記のように『#fff;』のみにして、保存すれば反映されます。

サイドバー表示をさせて、消えていれば成功です。
ちなみに、それでも色が出てしまう場合は、焦らずリロードしてみましょう^_^





コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)