サイドバーが消えた!ブログのレイアウトが崩れる原因(ワードプレス)

公開日: : その他

先日、ワードプレスで作ったブログのサイドバーが下にずれて、焦りました。

私は、ブログの知識がほとんどないので、ちょっと触らないと、どうやって広告をつけていたかも忘れてしまうぐらいです。

ブログ超初心者

私はパソコンは好きですが、コードとかタグとか、全くわかりません。

わからないことは、検索して、見つけて、それを真似して、なんとかブログを運営しています。

そんな初心者の私がしでかした出来事です。

サイドバーが消えた!!

珍しく、広告の入れ替えなどをしていた時に、それは起こりました。

トップページでは、レイアウトはとくに問題がなかったのに、個別ページに飛ぶと、サイドバーが消えていたのです。

見にくいし、広告はないし、アフィリエイトのためのブログとしては、全くダメな状態でした。

焦った私は、いろいろ検索し、single.phpとか、全然わからないところまで、確認しました。

(確認したところでわからないのですが)

サイドバーが消えた原因

何事も、異変が起こったら、直前に何をしていたか考えますね。

急に肌荒れし始めたら、「最近変えた化粧品がいけないのかしら」などというように…。

私も、「レイアウトが崩れた!」と思った時の直前にしていた作業を思い出しました。

それは、広告の貼り替えです。

アドセンスの広告を消して、違うものを貼ってみたり、やっぱり戻してみたり。

アドセンスの広告は、広告の前に「Sponsored Link」などと書かなければいけません。

それで、私は、メモとして

<div align=”center”>

Sponsored Link

Sponsored Link<br />

(ここに取得した広告コードを貼り付ける)

</div>

と書いていました。

それなのに、私は、広告に

<div align=”center”>

Sponsored Link<br />

だけをつけて、締めの部分の「</div>」を忘れてしまいました。

私の解決法

「</div>」をつけ忘れたアドセンスの広告を、サイドバーの一番上に持ってきたものだから、サイドバーが下にズレこみ、レイアウトが崩れてしまったのです。

アドセンスの広告の後ろに、きちんと

</div>

を入れたら、元に戻りました。

前の部分と後ろの部分(</div>)がセットだということを忘れた私がバカでした。

最後に

調べてみたら、同じようにブログのサイドバーが消えて焦っている人は多いようでした。

しかし、どれも個別の症状で、皆が「こうすれば直る!」という方法は見つかりませんでした。

ただ、多くは、私のように、「入れるべきものを入れていない」「入れなくていいものを入れている」といったことが原因のようです。

今回、レイアウト崩れにすぐ気づいて、対処できたから良かったですが、数日後に気づいていたら、何が原因かわからず、きっと困り果てていたことでしょう…。 

これは、将来、また同じ過ちを犯しかねない自分自身へのアドバイスとして、書き残しておきます。

PAGE TOP ↑