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

操作画面で改行してもページ上で改行されません。余白を空けるにはどうすればいいですか?

結論

改行されないのは、段落(Enter) と 改行(Shift+Enter) の違いによるものです。
Enterで改行されない場合、Shift+Enterで改行してください。

なぜそうなる?

  • Enter:CMSのエディタが自動で <p>(段落) を入れます →  段落として認識され、操作画面では改行されるように見えても、ページ上では余白が空きません。
  • Shift+Enter:CMSのエディタが自動で<br>(改行) を入れます → 改行になるので、余白が空きます。

手順

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

戻る