デザインが崩れる

livedoor Blogサポートの石津です。

デザインが崩れてしまった（下記画像を参照）、とのお問い合わせをいただいております。

■例

まずは、現在ご利用中と同じ「デザイン」を再度、読み込ませてください。

1.管理画面ログイン後、上部項目タブ「ブログの設定/管理 」をクリック

2.左部メニュー「デザインの変更」項目をクリックして右部画面にて現在ご利用のデザインと同じものを選択して「デザインを変更する」

3.左上部「ブログに設定を反映（再構築）」をクリック後、「すべてのページ」を選択して「再構築」

それでも、改善されなければ投稿記事に原因があると思います。

ケース１
上記「例」である左側の画像は投稿記事に、画像を複数投稿して記事の横幅が広がりすぎて、デザインが崩れてます。
こちらは「投稿したブログを編集する」より該当記事に入っていただき投稿画像の「HTMLタグ」を確認してください。

▲部分のように画像と画像が改行がしてない、<br>タグが入っていため、記事の幅が広くなりデザインが崩れたと考えられます。

<a href="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" width="160" height="305" border="0" alt="画像タイトル" hspace="5" class="pict" align="left" /></a>▲<a href="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" width="160" height="256" border="0" alt="画像タイトル" hspace="5" class="pict" align="left" /></a>

◆解消方法
こちらは、▲部分に適度に改行、<br>タグを入れて、画像が縦１列になれば解消されます。


ケース２
また、上記「例」右側にある画像は■部分のように本文と画像部分に改行改行がしてない、<br>タグが入っていため、記事の幅が広くなりデザインが崩れてます。
こちらも「投稿したブログを編集する」より該当記事に入っていただき投稿画像の「HTMLタグ」を確認してください。

livedoor Blog・livedoor Blog・livedoor Blog・livedoor Blog・livedoor Blog・livedoor Blog■<a href="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/お客様のlivedoor ID/imgs/*/*/***.jpg" width="160" height="256" border="0" alt="画像タイトル" hspace="5" class="pict" align="left" /></a>

◆解消方法
こちらは、■部分に改行、<br>タグを入れていただければ解消されます。