ワードプレスの無料テーマCocoonで改行が消える問題を解決します！

いきなりですが
この記事にたどりついた方は

二行以上の改行をしようとすると
勝手に消えてしまい
思った通りの見た目にならない

とお困りの方ではないでしょうか？

わたしもその問題で詰まったので
解決方法を書いていきます！

これはテーマCocoonの場合なので
違う方はやり方が違うかもしれません。

改行が消える問題の解決方法
この問題が起きる原因
改行と段落の違い
最後に

改行が消える問題の解決方法

1.Cocoon設定のCocoon設定を開く

2.「本文」を開く

3.行の余白を変更

行の高さと行の余白がありますが
変更するのは行の余白だけでOKです。

行の高さ=改行した時の行間の高さ
行の余白=段落と段落の間の余白

ちなみにわたしは広い方が好きなので
一番広い４emに設定しています。

1emはフォントサイズと同等の高さです。

4.変更を保存

「変更をまとめて保存」をクリックして
最後にしっかりと保存しましょう。

これで改行が消えてしまう
（段落の間が狭くなってしまう）問題は
解決できたのではないでしょうか？

さっか

できた〜〜！！

今回は、
改行を消さないようにする
というよりかは

「段落の間を広くする」ことで
解決しました。

この問題が起きる原因

そもそもなぜ入れたはずの改行が消えるのか
というのは

「ワードプレスの自動整形」
というのが原因のようです。

「ワードプレスの自動整形」
・２回以上の連続した改行
　→1回の改行に
・行のはじめ、行の終わりにある空白
　→自動で削除

この機能は、プラグインを使って
なくすこともできるようです。

「TinyMCE Advanced」というプラグインで
チェックを入れるだけで解決することができます。

設定
↓
TinyMCE　Advanced
↓
高度なオプション
↓
段落タグの保持にチェック

こちらのブログを参考にすると
わかりやすいと思います。

【WordPress】空白や改行が消える場合の対処法

WordPressで記事を書いていると、入れたはずの空白や改行が消えてしまうことがあります。これは、WordPressの自動整形という機能が原因です。本来は、文章の見栄えを整えてくれる機能なのですが、空白や改行について次のような性質がありま

改行と段落の違い

余談ですが、改行と段落の違いは
ご存知でしょうか？

改行＝間を空けず行を新しくすること
段落＝間を空けてまとまりをつくること

正確な定義ではないかも知れませんが、
このように認識しておいて大丈夫だと思います

そしてワードプレスでは
改行と段落の入力方法が異なります。

改行＝Shift＋enter
段落＝enter

で入力することができます。

最後に

どうでしたか？

問題は解決できたでしょうか？

私もわからないことだらけですが
備忘録として残して行こうと思います。

一緒に頑張りましょう！

さっか

ではでは！

ワードプレステーマCocoonで改行が消える問題を解決します！