アドセンス広告の背景の黄色を消す、右上の検索を削除


スポンサーリンク


皆さん、こんにちは!ナナシちゃんです。

今回は、

  1. 『アドセンス広告を貼り付けた際、サイズが小さいバナーが表示されたときに、背景が黄色になって表示されてしまうのを修正する方法』
  2. テーマ『Twenty Eleven』を使用時、右上に表示される『検索アイコン』の削除に関する方法

を書かせていただきます。

簡単なので、すぐにできると思います。

tag

 

≪レスポンシブ広告が黄色になる!≫

 

「レスポンシブ広告」とは

「画面の大きさに合わせて自動で伸縮自在する、自動で縦長や四角、横長へと大きさも変わる広告」ですので、ワタクシも使用しております。

しかしながら、最大サイズならば問題ないのですが、最大サイズ以外の広告サイズだと、背景の色がそのまま表示されてしまいます。

banner

左はサイズが固定の広告

右は、レスポンシブ広告ですので、サイズが様々な広告が流れますので、小さいと余白が見えてしまいます。

ワタクシはその見た目がちょっと(´・ω・`)

と思いましたので修正いたしました。

 

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

 

の中の

 

background-color:#ff9;

 

この記述のカラーを修正します。

 

透明にする記述『transparent』

 

background-color:transparent;

 

白にする記述『#ffffff』

ワタクシのは、ブログ背景が白なので、

 

background-color:#ffffff;

 

にしまして完了です!

反映までに、時間が少しかかる場合があるようです。
ワタクシのも若干のタイムラグにより、あれ?変わらないんだけど~(。´・ω・)?
と、なっておりました。

 

スポンサーリンク


 

≪検索アイコンを非表示にする!≫

 

検索アイコンを非表示にする方法

WordPressのテーマ『Twenty Eleven』の右上に表示されている検索アイコン。

スマホで見ると、一番上に表示されていて、ブログタイトルを画像にした場合、完全にブログタイトルとかぶってしまったので、非表示にしてみました。

『外観』→『テーマの編集』→『header.php』を選択

header.php の120行目と125行目を削除。



<div class="only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>">
			<?php get_search_form(); ?>  ←ここ
				</div>


			<?php else : ?>
			<?php get_search_form(); ?>  ←ここ
			<?php endif; ?>

※ここ2箇所を削除すれば完了☆

間違って細かな部分を消さない限り問題ないかと思いますw

 

ここまでお読みいただきありがとうございました。

それでは、また☆彡

 

スポンサーリンク




関連記事