WordPress (ワードプレス)で改行されない原因とは？自由自在に文章を配置して読みやすい記事を作ろう！

Wordpress (ワードプレス)で改行がされないと悩んでいる方も多いのではないでしょうか？今回はWordpress上での改行方法をはじめ、改行されない場合の対処法まで詳しく解説！また改行がどうしてもできない人のためのプラグインも紹介していきます。

2021年2月28日

CMS入門

「WordPress上で改行できない」「編集画面では改行したはず…」そう悩んでいる方も多いです。
実はWordPressで改行できない原因は、自動で文章を整形する機能が搭載されているからです。
今回はその自動整形機能を無効にする方法をいくつかご紹介し、改行を使って簡単に記事の体裁を整えられるようになります。ぜひ最後までご覧ください。

WordPress (ワードプレス) の改行とは

どれだけ良い記事を書いても、読みづらい文章になっていると要点が伝わりません。
改行していない文章は、長くなるほど見る人に圧迫感を与えます。
つまり視覚的に内容の切れ目が分かることが改行によるメリットです。

WordPress上での改行は、普段使っているEnterキーでの改行と少し違います。
ビジュアルエディターの場合はShiftキーとEnterキーを一緒に押すと、カーソルがすぐ下の行に移ります。
テキストエディターの場合はEnterキーでの改行が可能です。

段落と改行のソースコード
また改行した箇所には タグが、それ以外の部分にはタグが記されています。

ではタグと タグは何が違うのか、次の項目で説明します。

WordPress (ワードプレス) の改行と段落の違いとは

 タグは改行、タグは段落の役割を持っています。

改行と段落はそれぞれ
・改行：文章を途中で区切って行を変え、読みやすくすること
・段落：長い文章の中から、1つのテーマで区切ったまとまり

このような違いがあり、どちらも文章の見やすさ・読みやすさを良くするために使います。

段落　ビジュアルエディター

ビジュアルエディター上でEnterキーを押すと、通常は段落分けとして認識され、行間を1つ空けた次の行に移動します。

段落　ソースコード

ソースコード上では1文が自動でタグに囲まれます。

改行　ビジュアルエディター
ShiftキーとEnterキーを同時押しすると行間を開けずに次の行に改行します。
改行　ソースコード
ソースコードはタグ内に タグが追加される形になります。

WordPress (ワードプレス) で改行されない理由

WordPressは、エディターで入力した文章に自動でタグを追加する自動整形機能を搭載しています。
HTMLの知識が無くとも自動的に記事を整形してくれる便利な機能ですが、自分の思った通りに整形されないことがあります。

例えば複数回改行したいときに、エディター上で何度か改行してもその分は削除されます。これは自動整形機能が有効になっているため起こる現象です。

プラグインの導入やコードの書き換えを行うことで、自動整形機能を無効にできます。
下記でその方法について詳しく解説していきます。

WordPress (ワードプレス) で改行されない設定を変更する方法

1.プラグインを使用する

プラグインを使用することで、自動整形を無効にできます。
TinyMCE Advancedというプラグインをインストールし、設定画面の上級者向け設定を開きます。

「クラシックブロックとクラシックエディター内のパラグラフタグを保持」にチェックを入れて保存しましょう。
これで自動整形を無効化できます。

このプラグインは自動整形機能を無効化する以外にも、ツールバーに様々な機能を追加できる使い勝手の良いプラグインです。作業効率を上げたい方はインストールすることをおすすめします。

2.コードを書いてなくす

プラグインを使用しない場合は、function.phpフォルダに直接コードを書くことで自動整形機能を無効にできます。
ただしこの作業を行う前に必ずバックアップを取っておきましょう。正しく動作しなかった場合、元に戻せない可能性があります。

function.php　場所

function.phpフォルダは、「外観」から「テーマ編集」を開いたところにあります。

全投稿の自動整形機能を無効化したい場合は、以下のように記述しましょう。

記事全体の自動整形の無効化： remove_filter( ‘the_content’, ‘wpautop’ );
記事抜粋の自動整形の無効化： remove_filter( ‘the_excerpt’, ‘wpautop’ );

任意のタイプだけ無効にしたい場合はこちらです。

add_filter( ‘the_content’, ‘disabled_wpautop’, 1 );
function disabled_wpautop($content)
{
global $post;
$post_type = get_post_type( $post->ID );
$arr_types = array( ‘post’, ‘page’, ‘custom_post’ );
if( in_array( $post_type, $arr_types ) ) {
remove_filter( ‘the_content’, ‘wpautop’ );
remove_filter( ‘the_excerpt’, ‘wpautop’ );