ミニマリストアローンのブログ

【Manablog Copy カスタマイズ】アドセンス広告の位置ズレを修正する方法

BLOG

Manablog Copyをカスタマイズしたい人「Manablog Copy(マナブログコピー)でアドセンスを貼ると、なぜか位置がズレている…。このままだと見栄えが悪いから、綺麗に設置する方法が知りたいな。」

こういった悩みに答えていきます。

WordPressテーマである「Manablog Copy」を使用して、アドセンス広告を貼ると、、、
位置がずれたアドセンス広告
こんな感じで、ただコピペするだけだと右に飛び出てしまいます。

スマホ画面で見ても、「右側が若干切れてる…」という状態になってしまい、そのせいで横のスクロールバーが出てしまい、縦にスクロースしにくいといった問題も発生します。

そうなってしまうと、操作性も見栄えも悪くなってしまうので、しっかり修正していきましょう。

修正後

位置ずれが修正されたアドセンス広告
この記事通りに設定すれば、上記の画像のように、綺麗に収めることができます。
真似するだけで完了なので、ぜひ参考にどうぞ。

スポンサードサーチ

Manablog Copyでアドセンス広告の位置ずれを修正する方法【コピペでOK】

必ず先に、バックアップを取っておいてください。

functions.phpの一番下に、下記のコードを丸々コピペします

// 本文中にアドセンス表示
function add_ads_before_h2($the_content) {
if (is_single()) {
$ads = <<< EOF
<p style="color: #636363;margin-bottom: 10px;">スポンサードサーチ</p>
<style>ins iframe {margin: 0!important;}</style>
【【【ここにアドセンスコードを貼り付けます】】】

<div style="clear:both"></div>
EOF;
	$h2 = '/^.+?<\/h2>$/im';//H2見出しのパターン

	if ( preg_match_all( $h2, $the_content, $h2s )) {
		if ( $h2s[0] ) {

			// 1つ目のh2見出しの上にアドセンス挿入
			if ( $h2s[0][0] ) {
				$the_content  = str_replace($h2s[0][0], $ads.$h2s[0][0], $the_content);
			}

			// 3つ目のh2見出しの上にアドセンス挿入
			if ( $h2s[0][2] ) {
				$the_content  = str_replace($h2s[0][2], $ads.$h2s[0][2], $the_content);
			}

			// 5つ目のh2見出しの上にアドセンス挿入
			if ( $h2s[0][4] ) {
				$the_content  = str_replace($h2s[0][4], $ads.$h2s[0][4], $the_content);
			}

			// 7つ目のh2見出しの上にアドセンス挿入
			if ( $h2s[0][6] ) {
				$the_content  = str_replace($h2s[0][6], $ads.$h2s[0][6], $the_content);
			}

		}
	}
}
return $the_content;
}
add_filter('the_content','add_ads_before_h2');

そして、上記のコードの中にある<style>ins iframe {margin: 0!important;}</style>の下に、自分のアドセンスコードを貼り付ければOKです。

ちなみに、<style>ins iframe {margin: 0!important;}</style>の部分で、広告の位置がズレないように整えています。

以上です。
これでManablog Copyでも、綺麗にアドセンス広告が貼れるようになるはず。

Manablog Copyに関する記事まとめ

Manablog Copyについて知りたい人向けに「【ワードプレステーマ】Manablog Copyのレビュー&カスタマイズまとめ」にまとめました。

【ワードプレステーマ】Manablog Copyのレビュー&カスタマイズまとめ

「WordPressテーマ、「Manablog Copy(マナブログコピー )」を徹底的にレビューした記事と、その他カスタマイズ方法をまとめた記事となっています。カスタマイズ方法を知りたい方は、ぜひご覧ください。

» この記事を読む

人気記事Amazonアソシエイトに落ちる?【もしもアフィリエイトで解決します】

人気記事【2019年】ミニマリストが買ってよかった物&手放してよかった物

スポンサードサーチ