アメブロカスタマイズをしていたら、ブログのレイアウトが変になった。

困った!ブログのレイアウトが崩れてしまった時はどうしたらいいの?

クロコ

こんにちは。よしみんです^^

アメブロのカスタマイズを始めたころは楽しくていろいろやりたくなりますねぇ。

フリースペースを加工したり、メッセージボードを触ったり、CSSを編集したり。

どんどん加工しているうちに、、、、、

あ~!!!!なんだかブログのレイアウトがぐちゃぐちゃだ~!

ってことになる人も。

今回は、その場合の対処方法をお伝えします。

1)最後にやった操作・変更を取り消す

ブログなどのデジタルものは、あとからじわじわと何かが起こることはまずないです。

変なことになったら、直前の作業を疑いましょう。

作業の大小も関係ないです。

ちょっとのタグでも大きな変化が起こりますので、ご注意を。

「一つ前に戻る」をまずは試してみる。

あとは、そうならないように、1操作ごとに表示の確認も重要です。

2)フリースペース・フリープラグインを表示からはずす

どこが原因かわからない!

そんな時は犯人探しをしていくしかありません。

変なタグが入ってしまっているのが問題だと思うので、

まずはタグを入れることができる「フリースペース」「フリープラグイン」を表示から外しましょう。

これで治れば、どちらかが犯人ですので、記述を見直してください。

3)メッセージボードを消す

メッセージボードのタグに不備があって、ブログのトップページだけおかしくなっているということもまれにあります。

何を隠そう、私自身、トップページのみ、すべて太字になるというエラーを出したことがあります(笑)

トップページだけにエラーが出ている場合はここが原因かも。

思い切って、メッセージボードの記述を全部外してみましょう。

トップページだけのエラーなのか、個別記事のエラーなのかを知りたい場合は、ブログトップの表示と、何か一つ記事をクリックして表示した時を見比べます。

ちなみに、トップページのURLは「https://ameblo.jp/アメブロID/」、

個別ページのURLは「https://ameblo.jp/アメブロID/entry-xxx数字がいっぱいxxx.html」となってます。

4)ブログのデザインを既存のテンプレートにする

どうにもこうにも修正されない場合、次に疑うのはブログのデザイン。

もちろん、デザインのCSSをいじっていない場合は触らなくてOK。

デザインかも?の場合は、デザインの潔白を証明するために一度既存のテンプレートに戻しましょう。

記述したCSSは初期化されちゃうので、バックアップすることを忘れずに。

5)ここまでやってもダメだったら記事が原因

記事内にタグを使って記述している部分はないかを探して不備がないか探しましょう^^

記事の最後に定型文を入れている人、どこか間違って削ったりしていないかな?

最新の記事から順番に非表示(下書き)にして見て、表示が治るかをチェックしていきましょう。

理系で実験慣れしている人はわかると思いますが、変化を加えるときは1か所ずつが原則です。

エラーが出たとき、どこにエラーが出ているのかわからなくなりますからね!