サイト運用のためのマニュアルサイト

改行すると行間が広いです。狭くするにはどうすればいいですか?

結論

行間が広く見えるのは、
段落(Enter) と 改行(Shift+Enter) の違いによるものです。
行間を狭くしたい場合は、Shift+Enter で改行してください。

なぜそうなる?

  • Enter:CMSのエディタが自動で <p>(段落) を入れます →  段落として認識され、上下に余白(行間)がつきます。
  • Shift+Enter:CMSのエディタが自動で<br>(改行) を入れます → 行内改行になるので、行間は狭いままです。

※ 同じ行間になるサイトもありますが、基本的な仕組みは上記の通りです。

手順

  1. 修正したい箇所を編集モードで開く
  2. 行間を狭くしたいポイントにカーソルを合わせる
  3. Shift + Enter を押す
  4. プレビューで行間が狭くなっているか確認する
  5. 既存の広い段落を直す場合:
     → 対象の Enter 行を削除 → Shift + Enter に置き換える
2bd88c50bc0f2ba04def81a3dc059922-1763010547.png
e4fcfd4e52ee261dafbb56f93b9b6b4a-1763010556.png

よくある質問

  • 箇条書きでも行間が広い
     → 箇条書きはデザイン上余白をやや広めに設定してある場合がございます。
       1段落内で改行する箇所だけShift+Enterをお使いください。

  • 直しても行間が変わらない
     → テンプレート側のデザイン(CSS)で改行の余白が決まっている可能性があります。
       該当箇所のURLを添えてサポートへご相談ください。

  • 見出しの直後が広い
     → 見出し(H2/H3)も上下に余白が付きます。

   一括で余白幅を変更したい場合にはサポートへご相談ください。

戻る