パソコンで記事を書いているとき、「この文章はどこで折り返されるだろう」と気になったら、編集画面の「デザイン幅で表示」を試してみましょう。
ブログデザインに合った改行位置や文字サイズを、入力しながら確認するための表示です。設定画面でブログ全体のデザインを選び直す操作とは別のものです。
1．本文を「通常表示」にする
パソコン版アメブロで記事を開き、本文欄の下を見ます。「通常表示」「HTML表示」の並びの近くに「デザイン幅で表示」というチェック欄があります。
HTML表示ではチェック欄を操作できないため、先に「通常表示」へ切り替えます。文字や写真を見ながら入力する状態に戻してから進みましょう。
2．「デザイン幅で表示」にチェックを入れる
- 本文欄の下にある「デザイン幅で表示」を押します。
- チェックが付いたことを確認します。
- 本文の折り返しや文字の見え方を確認します。
- 元の編集表示と見比べたいときは、チェックを外します。
通常表示 → デザイン幅で表示にチェック → 本文を見直す → 必要ならチェックを外す
チェック欄のそばのヘルプには、ブログデザインに合った改行位置や文字サイズで文章を確認しながら入力できると案内されています。切り替えた後は、まず一つの段落を読んでみると違いをつかみやすくなります。
折り返しに合わせてEnterを増やさない
画面の右端で次の行へ送られる「折り返し」と、自分でEnterキーを押して作る段落は別です。表示幅が変わると自然な折り返し位置も変わります。
たとえば「今日は公園を散歩しました。帰りにパン屋さんへ寄りました。」という文章なら、話のまとまりに合わせて段落を区切ります。パソコンで見えた行末を一つずつ固定するより、意味が変わるところで区切る方が整えやすくなります。
長く感じる一文は、短い二文に分けてみましょう。空行の数だけで調整するより、文章そのものを読みやすくできます。
最後はスマートフォンのプレビューでも確認する
「デザイン幅で表示」は入力中の確認に便利です。仕上げには、上部の「プレビュー」を開き、「スマートフォン」を選んで細い画面での見え方も確認します。
- 長い言葉やURLが不自然にはみ出していないか
- 見出しと本文の間に余分な空白がないか
- 写真の前後の説明がつながって読めるか
修正するときは「ブログを書く」へ戻ります。編集画面のチェックを切り替えることと、読者向けのプレビューを見ることを組み合わせると、入力中と仕上げの両方で確認できます。
確認した内容を下書き保存する
表示を切り替えただけでは、本文を保存したことにはなりません。文章や改行を直したら「下書き保存」を押して残します。
一度に全文を直すより、最初の段落、次の見出し、写真の周りという順で見直すと取り組みやすくなります。まず短い記事で、チェックあり・なしの見え方を試してみてください。
関連する教材
広告（アフィリエイトリンク）
短い文章のまとめ方を練習したい方は、文章術の入門書も参考になります。目次や例文を見て、ブログに使えそうな本を探してみましょう。
リンク先は楽天ブックスのトップページです。