livedoor ナレッジ

背景デザインの「卒業写真」うまく変更できないのですが・・・

最近出た背景のデザイン「卒業写真」に変えようとしたのですが、トップページでは問題ないのに、「続きを読む」をクリックすると、書いている記事の位置が空白になって、ずっと下の場所に記事が現れます。他の背景では全くそんなことはおきません。何をどう変えればいいのでしょうか？

　文字や画像の横幅が長いためです。プラグインや本文の内容を修正し再構築します。

　デザインの指定が一部無効となっていて、本文やプラグインに、大きな画像があるなど、横長の改行できないものが、表示を崩しています。左右が入れ替わったり、一番下にあったり、最悪、どこにも表示されないこともあります。

　まず、インターネットエクスプローラで「表示」、「文字サイズ」、「中」が選ばれていることを確かめます。文字サイズを変えて崩れる場合は、常に「中」で使うようにします。他のブラウザを使っている時は、インターネットエクスプローラで確かめます。

　次に、投稿内容やプラグインの設定など、直前の作業から原因を絞り込みます。テンプレートデザインを変えた場合は、再構築(後述)が全てのページで終わっているかを確かめます。

　プラグイン(後述)で注意が必要なものはフリーエリアです。160px以上の画像など横幅が窮屈な例や、改行指定の間違え、一部タグ(後述)、アクセス解析、ペットなどが怪しいです。他に、アマゾンなどで写真が大きすぎる例もありました。

　本文では、300px以上の画像や、タグに注意します。怪しいと思うものを下書きに変えては確かめます。表示が変われば特定となり、直前の記事を確かめます。

　最後の手段に、現テンプレートを諦め、他へ変更することもおすすめします。

●問題になりやすいタグ

JavaScript どんな動作もできるので問題になりやすい
pre 改行を禁止するので使わない方が無難
table tr th td nowrap テーブル関連は横幅が長くなりがち

●再構築 (左上「ブログに設定を反映(再構築)」)

　下に「再構築する部分を指定」があり、「全てのページ」を選び「ブログを再構築する」ボタンを押す。

●プラグイン (「カスタマイズ/管理」、左メニュー「プラグインの設定」)

　フリーエリア右隣「編集する」ボタンを押す。変更後「この内容で設定する」ボタンを押し、全てのページを再構築。

実際に「卒業写真」のデザインを適応してみましたが、おっしゃるような現象は確認できませんでした。

もう一度デザインを選んで「全てのページ」を再構築してみて下さい。

また、個別記事の本文、追記部分に改行が入りすぎていないか確認されてみて下さい。