hotaru's terrace

ほたるのテラス ー Starting Over ー 人生やり直してみませんか

WordPress

アドセンス広告とラベル名の間に余白が入る原因

投稿日:2017年11月11日 更新日:

本ブログのWordPressテンプレートはStinger8を使用しております。
素人の私は、先人の皆様のブログ等を参考に試行錯誤しながらカスタマイズしています。
先日、Google Adsenseを本ブログに貼り付けた時の事、結構ハマって解決までに時間がかかってしまったので、同じようなお悩みがある方への参考になればと思い、また自分の備忘録として記事にしておきます。

 

スポンサーリンク

アドセンス広告とラベル名の間に大きな余白が!?

皆様のブログ等を参考にアドセンス広告を挿入してみましたが、「スポンサーリンク」等のラベル名とアドセンス広告の間に何故か大きな余白が出てしまいました。

こうなるはずが…

 

こうなってしまう…(T_T)

この余白を消すために、素人なりにpaddingとかmarginとかを色々試してはうまくいかずの繰り返しで、 なかなか原因がつかめず結構時間がかかってしまいました。

 

アドセンスコード内に<br />コードが勝手に挿入されている

素人丸出しの私、最初からソースを確認すれば良かったのです。
ソースを確認したところ、 アドセンスのコードに<br />が複数挿入されているのを確認しました。
これが原因で余白ができてしまっていたようです。

 

犯人はテキストウィジェットだった

アドセンス広告を表示するために、たいていの説明ではテキストウィジェットを利用して貼り付けるとあり、 何の迷いもなくその通りにしていましたが原因はこのテキストウィジェットでした。
調べてみると、Wordpressの4.8あたりからこのテキストウィジェットの仕様が変わったらしく、勝手に<br />が挿入されてしまうようです。
これを防ぐためには、テキストウィジェットではなく、カスタムHTMLウィジェットを使用すれば良いとの事。 早速変更してみると、すっきりと余白は消えました。
ソースを確認しても余計なコードは挿入されていません。
めでたしめでたしです。

 

まとめ

アドセンスを貼り付けるウィジェットは、テキストウィジェットではなく、カスタムHTMLウィジェットを利用する事。
テキストウィジェットを利用すると、アドセンスコード内に<br />が挿入されて、意図しない余白ができてしまう。

アドセンスとラベルの間の余白に悩まれている方がいらっしゃったらお試しください。

しかし、素人はカスタマイズに時間がかかり過ぎてダメですね。

 

スポンサーリンク

adsense1

スポンサーリンク

adsense1

-WordPress
-

執筆者:

関連記事

Calculated Fields Formの使い方/WordPressに計算フォームを埋め込む

WordPressブログに簡単にフォームを埋め込むためのプラグイン、Calculated Fields Form を使用してみました。 せっかくですので、簡単な使い方をサンプルフォームを作りながらまと…

続きを読む

WordPressでウィジェット(Widget)が保存できない原因|サーバー側のWAF設定を確認しよう

  WordPressでウイジェット(Widget)の編集をしている時に、保存できない(終わらない)現象になった事はありませんか? 「保存」ボタン押すとアイコンがくるくる回って終わらない。 …

続きを読む

アナリティクスのページビュー(PV)が2倍になる原因

WordPressでブログをはじめると、ほとんどの方がアナリティクス(Google Analytics)を 導入するのではないでしょうか。私も多分に漏れず入れています。 ブログを始めた頃はほとんど誰も…

続きを読む


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

プロフィール

hotaruです。
夢は妻と2人で車で日本一周旅行に行く事です。
follow us in feedly  
にほんブログ村 オヤジ日記ブログへ

スポンサーリンク

仮想通貨専用デビットカードはHcard

当サイトは、ロリポップで運用しています。


FX口座開設は、DMMFXがお得です。