The Thorの広告背景(ストライプ)を削除する方法

こんにちわ、あかつきです。

THE THORの「広告背景のストライプ表示は消せないの?

こんな風に考えたり、なんとか削除しようと設定を見まわしたりしてませんでしょうか?

大丈夫です。可能です。

今回は、この広告のストライプ背景を消す方法を紹介します。

広告背景について

削除したい広告背景はこういうやつですね。

 

実はこれ、現時点では削除する設定は存在しないんです。
でも、次に説明する方法で消すことができますので安心してください。


広告

THE THORの広告ストライプ背景の削除方法

ストライプ背景を削除するのは、以下に短いcssコードを設定するだけで簡単にできてしまいます。

 

「外観」 → 「テーマの編集」をクリックします。

 

以下のコードをコピー(Ctrl+c)する。

記事内広告の背景を消す方法


.content .adPost {
background-color: transparent;
background-image:none;
}

記事下ダブルレクタングル広告の背景を消す方法


.rectangle {
background-color: transparent;
background-image:none;
}

 

「style-user.css」→「コピーしたコードを貼る」→「ファイルを更新」をクリックする

これでストライプ背景が消えますので確認してみてください。

 

 

まとめ

ちゃんと消えましたでしょうか?

削除するのは上記の通りかなり簡単なのですが、なんで標準でできないのでしょうね?
ウィジットの広告の方は、ストライプ背景付けるか消すか選べるのに、ここだけできないのは違和感を感じます。

ストライプ背景があると、「ここは広告だよ!」ってわかりやすいといえばそうなのですが、サイト画面としてはなんだか馴染んだ感じではなくなります。
ストライプ背景がないほうがスッキリしていて、自然な感じに広告が溶け込み見た目もよいかと思いますので試してみてください。

当サイト利用の有料Wordpressテーマ「THETHOR(ザ・トール)」

SEOや集客に非常に強いのが売りのテーマで、画像圧縮・ブラウザキャッシュなどサイト読み込みの表示速度改善機能が最初から備わっています。
モバイルファーストを意識したPWAやAMPにも標準対応しているため、モバイルユーザの集客にはピッタリです。
このようにSEO対策がしっかりしているため、SEO系プラグインも不要でサイトの負荷も抑えられます。

広告設定、おしゃれなデザイン設定、タグの一元管理など便利な機能が詰め込まれていますが、初心者には難しいcssのカスタマイズは一切不要で実現可能なところも満足すること間違いなしです。

  • これからブログで収益を上げていきたい
  • 今よりもっと収益を上げたい

このような考えの人こそ、絶対導入して損のないテーマが「THETHOR(ザ・トール)」です。