『THE THOR』カスタマイズ 広告の背景を消す方法

『THE THOR』カスタマイズ 広告の背景を消す方法

『THE THOR』を使っていて、記事内や記事下Wレクタングルで表示される広告背景を消したいと思ったことはありませんか?

『THE THOR』で広告が表示される際の背景
この ストライプ模様のコトね

 

ウィジェットで広告を設置した場合は、「背景スタイルを無効にしますか?」にチェックさえ入れれば簡単に消すことができるのに・・・。

なぜ同じ機能がないんだー!

広告ウィジェットの背景を消す

 

ということで、バージョンアップで機能追加されるのを待てないという方は、CSSでカスタマイズしてみましょう。

追加CSSに記述する

初心者の方は、外観>カスタマイズ>追加CSSから追加するの簡単! ビジュアル的にも確認ができますよ。

記事内広告の背景を消すカスタマイズ方法

記事内広告の背景を消すには、以下のCSSを追加しましょう。

 

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

同じように、下のCSSを追加しましょう。

 

これで、背景のストライプ模様が消えるはずです。

 

追記:ver.1.4.0で広告の設定が追加されました

2019年3月12日に提供された「Ver.1.4.0」で記事内広告の設定が追加になりました。

追加された内容は2点。

  • 広告の背景を無効にする機能
  • 「広告」という文字列を変更できる機能

 

設定方法

ダッシュボード > カスタマイズ >広告設定 > 個別ページ用設定

 

個別ページ用設定では、「記事内広告」と「記事下ダブルレクタングル広告」の設定ができます。

それぞれに、「背景スタイルを無効にする」「広告の表記を変更する場合は入力」という項目あるので、こちらを変更します。

THOR広告設定ver1.4.0追加

 

CSSを触らなくてもいいので、安全安心ですね。

スポンサーリンク