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」→「コピーしたコードを貼る」→「ファイルを更新」をクリックする

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

 

 

まとめ

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

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

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