【WordPress】LION MEDIAカスタマイズ備忘録:広告のストライプ背景を消す!

【WordPress】LION MEDIAカスタマイズ備忘録:広告のストライプ背景を消す!

WordPressのテーマ『LION MEDIA』をカスタマイズした時の備忘録です。

広告を設置した時に出てくるストライプの背景を消す

『LION MEDIA』は、簡単に広告が設置できるようになっています。
便利な機能でfit Web Createさんにはとても感謝しています。足を向けて寝れません。

ですが、広告の背景だけはどうしても気になるので。。


この背景です。

ケシサリタイと思います。(くらえ二フラム!)

いくつかやり方があるみたいですが、今回はCSSを追記して忌まわしきストライプの背景を消しましょう。
 

Advertisement

 

カスタマイズの際の注意点

・ページ上に表示される他のコンテンツと広告との区別が付きにくくならないようにする
・ビジターが誤って広告をクリックするようにする

以上のことは守ってくださいね。

下手をすればGoogleアドセンスとASPから提携解除されます。知らなかったでは済まされませんので。
あくまでも自己責任で行ってください。
(本サイトは記事内広告の背景を消していません。広告が溶け込みすぎた…)
 

WordPress側の設定箇所

管理画面にログインし、「外観」>「テーマの編集]と画面遷移してください。


以下のCSSを追記して[ファイルを更新]ボタンを押します。
 

全ての広告の背景を消したい場合

ウィジェット([LION]広告)、記事内広告、記事下用ダブル広告 全ての背景を消すことができます。

/*広告背景消去*/
.adWidget,
.rectangle,
.content .adPost{
	background-color: transparent;
	background-image: none;
}

 

ウィジェット([LION]広告)の背景のみ消したい場合

/*[LION]広告*/
.adWidget{
	background-color: transparent;
	background-image: none;
}

 

記事内広告の背景のみ消したい場合

/*記事内広告*/
.content .adPost{
	background-color: transparent;
	background-image: none;
}

 

記事下用ダブル広告の背景のみ消したい場合

/*記事下用ダブル広告*/
.rectangle{
	background-color: transparent;
	background-image: none;
}

 

うまくできたでしょうか?

以上、WordPressテーマ『LION MEDIA』で広告の背景を消去する方法でした。

お疲れサマンサ!

Web制作カテゴリの最新記事