まず、表示が崩れる直前に加えたコンテンツを「非表示」とした後、再構築をして表示をご確認ください。
※例えば「プロフィール」を追加した場合、プロフィールを「非表示」に変更してから再構築を行ってください。
これで表示が直る場合、非表示にしたコンテンツの中のレイアウト指定に不具合の原因があります。
原因として多いものに、下記があります。

サイドバーに入れたバナー画像の横幅を確認する
サイドバーに許容されるバナー画像の横幅は、テンプレートの種類により異なりますが、160ピクセル・もしくは200ピクセルのどちらかとなります。
これらを超える横幅の画像を表示した場合、はみだした部分が原因となり、ブログレイアウト全体が崩れることがあります。
まずは追加した画像をいったん消して確認を行い、問題が解消するようであれば、より幅の狭い画像を利用するように変更してください。

サイドバー「プロフィール」コンテンツのURL・メールアドレスが長くなっていないか確認する
サイドバーのプロフィールに入力したホームページURL・メールアドレスの文字列が長すぎる場合、英文は途中で折り返さずに表示するため、右サイドバーエリアに許された横幅のサイズを超えてしまい、右サイドバー部分がページ下部へ下落するなど、ブログが正しく表示ができないことがあります。
この場合、URL・メールアドレスをいったん消去して、問題が解消するかどうか確認してください。

サイドバーに追加した部分に記述ミスがないかどうか確認する
サイドバーに追加した自由形式内などに間違いがある場合、ブログレイアウト全体が崩れることがあります。
レイアウトや文字色の指定を行いますと、下記のように、表示を指定する文字列(タグ)が付加されます。
<div style="text-align:right;">右寄せにしたい部分</div>
<span style="color:#FF0000;">赤い文字にした部分</span>
<span style="font-size:large;">文字を大きくした部分</span>
これを、よく見ると
<div ...> 〜 </div>
<span ...> 〜 </span>
のように「開始側」と「閉じ側」で1セットになっています。
<div ...>が開始側、
</div>が閉じ側です。
レイアウト指定が崩れている場合、このセットが合っていないケースがほとんどです。例えば、
・
<div ...>〜 と始まったまま「閉じ」タグが存在しない
・
</div></div> のように「閉じ」が2つ重複している
上記のケースでは、例えば<div style="text-align:right;">と右寄せ指定したまま、閉じ側の</div>が存在しない場合、そこから下の項目すべてが右寄せになってしまいます。
また、同様に文字サイズ指定では、
<span style="font-size:large;">大きくしたい文字</span>
このように「<span ...>〜</span>」のセットになっていない場合に、「そこから下の文字が、すべて大きくなってしまう」ような現象が起こります。
上記の問題を発見したら、いったんデザイン指定を取り除き、元の文章のみの状態に戻してから配置指定をやり直すなどの方法で、「セット」になるようにご留意ください。
※コンテンツの修正作業が終了しましたら、「自動的に再構築する」を選択して記事を保存してください。
ニックネーム 269gサポート at 15:40|
よくある質問:デザイン・表示・テンプレート