WordPressで改行(空白行)が表示されない問題の原因と解決

WordPress本体

WordPressで記事を作成する時、ワープロで文章を作成する時と同じ感覚で、空白行(改行)を挿入してレイアウトを整えたいことはよくあるでしょう。

しかし実際にやってみると分かりますが、記事作成時(ビジュアルモード)には表示されていた空白行は、実際の記事時点では消えてしまいます。なぜだと思って改行を連続して入れてみてもダメです。

この原因はWordPressの自動整形という機能にあります。要するにWordPressが連続改行を削除して表示しているのです。

この問題を回避する方法はいくつか考えられますが、お手軽だと思う方法を2つ記します。

方法1. 空白行を作る際には、半角スペース1文字+改行とする

WordPressが自動で削除してしまうのは、純粋な空白行(=1文字もないただの改行)です。

例え人間には見えない半角スペースであっても、行頭に1文字が入っていればWordPressは純然たる空白行とは判定しないため、期待した通りの表示結果を得ることができます。

方法2.TinyMCE Advancedプラグインを使用する

TinyMCE Advancedプラグインを使用している方の場合、このプラグインのオプション機能を使用することで期待通りの空白行を出力できます。

WordPressのグローバルメニューから[設定] → [TinyMCE Advanced]をクリックします。

エディター設定の画面にある以下の”段落タグの保持”というオプションにチェックを入れて下さい。

tma2

コメント