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

改行消える問題記事のアイキャッチ Cocoon(コクーン)

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

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

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

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

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

スポンサーリンク
スポンサーリンク

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

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

2.「本文」を開く

3.行の余白を変更

 

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

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

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

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

4.変更を保存

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

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

さっか
さっか

できた〜〜!!

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

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

この問題が起きる原因

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

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

「ワードプレスの自動整形」
・2回以上の連続した改行
 →1回の改行に

・行のはじめ、行の終わりにある空白
 →自動で削除

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

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

設定

TinyMCE Advanced

高度なオプション

段落タグの保持にチェック

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

改行と段落の違い

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

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

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

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

改行=Shift+enter
段落=enter

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

最後に

どうでしたか?

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

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

一緒に頑張りましょう!

さっか
さっか

ではでは!

スポンサーリンク
スポンサーリンク
Cocoon(コクーン) ワードプレス
さっかをフォローする
ふるりーむ

コメント