ブログが大きく崩れる原因。まずはコレを疑え！

ららです。

ある日、ららのブログは、こ～んなふうになってしまっていました。

これはトップページの上の方。
下の方を見てみると…

こんな感じ。

すごくないですか？
もう、何が何やらわからないほど、ブログが、完全に大崩れです。

どうしよう～～（（（(；゜Д゜）））
と、半日悩みました。

何時間もこのまんまでしたから、
もしかしたら、この状態のブログに訪問してくださった方もいらっしゃったかもしれませんね。

(・o・)　カワイソー
と思ってくださったかしら。

こんなんなっちゃったら、
もう人生終わった (；∀；)
って思いますよね。

でもまぁ、泣いても仕方ないので、
自分のやったことを思い返し、ひとつひとつ原因を追及していきました。

で。

原因がわかりました。

意外と気付かないことかもしれないと思うので、ご紹介しますね。

ららのブログが大崩れした原因とは？

きっかけは、過去記事に「moreタグ」を挿入したことでした。

moreタグって
<!–more–>
ってやつですよね。記事を追記にするやつ。　

それまで普通に表示されていた記事たちが、
moreタグを入れたとたんにぐちゃぐちゃになってしまった理由とは、

記事の中に、
「><」
という場所があったんです。

ココ

「><」というのは、泣いてるような顔文字です。よく使いますよね。
この文字が、moreタグを入れた記事に使われていたんです。

そこにmoreタグを入れたところ、さきほどのような大崩れになってしまったというわけです。

たしかに、
記事の中に<や>を入れるのはダメですよね。
その2つの記号は、タグを表すものだから。

でも、うっかり使ってしまった上に、今回のように正常に表示されてしまっていたら、
意外と気付かないこともあると思います。

もう１つ、ブログが崩れるよくある原因

それからもう１点、ららの経験上、ブログが一瞬で崩れてしまう原因があります。
これもよくあるパターンなので、もしブログが崩れたら疑ってください。

それは、
<と>でワンセットのHTMLの文章を、間違ってどちらか片方だけ削除してしまうこと。

たとえば、

＜div align=”center”＞＜a href=”xxxx” target=”_blank”＞＜img src=”xxxxx” widht=”100″＞＜/div＞

こんな文章があったとして、そのうちの、

＜div align=”center”＞＜a href=”xxxx” target=”_blank”＞＜img src=”xxxxx” widht=”100″＞＜/div＞

赤字の部分だけを消そうとしたのに、

＜div align=”center”＞＜a href=”xxxx” target=”_blank”＞＜img src=”xxxxx” widht=”100″＞＜/div＞

間違って「＞」を１個余計に消してしまったような場合です。

こうなると、<と>のペアが崩れるので、ブログの表示も崩れてしまうんです。
たった1文字がないだけで、びっくりするくらい崩れますよ。

以上、ブログが大きく崩れたときに疑うべき2つのパターンでした。

もしあなたも、ららのブログのようになってしまったら、
まずはこの記号が使われていないかどうか、確かめてみてくださいね。

しかし直ってよかったぁ～ (´∀｀)