291526 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
2008/03/04
XML
テーマ:私のPC生活(7419)
カテゴリ:楽天ブログ
ひらめき楽天ブログのレイアウトが崩れる主な原因は・・・
  1. ブログパーツによるもの
    おすすめアイテム、おすすめリンク、掲示板新着、コメント新着
    など
  2. 日記やBBSの規定幅を超えるサイズの画像、URLを貼り付けた場合
などが主な原因と言えるでしょう。これらを防ぐ手段は・・

1.の場合、システム依存なので自分で幅を設定できませんから厳密には防ぐ手段がありません。怒ってる
ただブログパーツを右に持ってくることによって崩れによる影響を緩和させることは出来ます。

ご存じでしょうがどのブラウザーでも左側固定で表示されますから、メインを左側に配置し、崩れが置きやすいブログパーツを右に配置することで崩れている部分(厳密には規定の幅を超えた部分)を右側に追い出すことで崩れを意識せずに見ることが出来ます。

ひたい3.jpg

上の画像は私のブログ、日記の表示です。
トップタイトルの幅とメインの日記+ブログパーツの幅がちゃんと揃っている、これが正常な状態ですね。
下の画像はHOME(トップページ)のコメントが規定幅を超えた状態です。(赤枠の部分)

ひたい2.jpg

上の画像と比べて右側の余白(壁紙)部分が殆どなくなっているのがお判りでしょうか?これくらいはまだマシな部類で、もっとひどく崩れるケースも多々あるようです。

なので私も当初は左にブログパーツを配置していたのですが、このことに気づいてからはメインを左に配置しています。
ブログは矢張り日記がメインなので、崩れたレイアウトの場合日記が右だと、ブラウザーの幅を広げるか横スクロールで右に寄せないとちゃんと日記を読むことが出来なくなるからです。

これって結構面倒なんですよね(^^ゞ
折角来て頂いた方々に余計な手間をおかけしない為にも、こうした配慮は必要ではないでしょうか?
本来はテンプレートを提供して下さる楽天のシステムさんが崩れないように配慮してくださるべきだと思うのですが・・・

次に2.の日記のレイアウト崩れですが、これは自分で崩れないように気をつけることが出来ます。
日記の幅を上回る横幅の画像はフォトアルバムで小さく調整することも出来ますし、【エディタ】で画像の横幅数値(width="000")を日記幅の範囲に調整することでも防げます。

何よりもアップする際に画像の幅を日記の幅以内に調整してからアップするのが一番確実でしょう。

他にはテーブルを使用することでも日記の幅が崩れるのを防げます。
テーブルの使用は初期設定で行間調整などもしておけるので、適度な行間で読みやすい日記を書くことも出来て便利です。
またほんの少し横幅超過になっても下図のように日記そのものに横スクロールを自動的に出すので(赤枠の部分)、全体のレイアウトを崩すことがありませんスマイル

0113.jpg


残る原因は超長~~いURLを貼り付ける(又は貼り付けられる)ことです。
BBSでは通常の文字の書き込みは自動的に規定幅で折り返される設定になっているので、改行のない長い文章でも崩れることはないのですが、どうもURLだけは折り返さないようです。
なのでBBSに長いURLを貼り付けるときは自分でURLの適当な所に改行を入れる必要があります。
お友達のBBSを崩してしまわないよう注意しましょうねスマイル






お気に入りの記事を「いいね!」で応援しよう

Last updated  2008/03/13 02:00:55 PM
コメント(0) | コメントを書く


PR

Freepage List

Comments

ナチュカジュママ@ Re:お久しぶりです、1ヶ月も?(05/30) はじめまして 日記用テンプレートの作り…
nemurico@ みなさん、コメントを有り難うございます。 まとめてお返事することをお許しください…
nikoli@ Re:お久しぶりです、1ヶ月も?(05/30) お久しぶりです(^^)/ 私は来週、独検3…
いちごちゃん4845@ Re:お久しぶりです、1ヶ月も?(05/30) お久しぶりです! 更新されて嬉しいです♪…
あゆmama924@ Re:お久しぶりです、1ヶ月も?(05/30) お久しぶりです(^_^)/~ 私も最近、超マイ…

Keyword Search

▼キーワード検索

Category

Profile

nemurico

nemurico


© Rakuten Group, Inc.
X