WordPressで改行を５つほど開ける

質問

WordPressで改行を５つほど開けたいです。

ビジュアルモードで改行を５つ開けたり、
テキストモードで<br>を５つ入れたりしても、
モードを切り替えると、改行が消えてしまいます。

&emsp;などもダメでした。

WordPressで改行を５つほど開けるには、どのような方法でできるでしょうか？
よろしくお願いいたします。

回答No.1

4017B · ベストアンサー

WordPressは標準で「複数改行を自動的に1つにまとめる機能」がONになっています。このため他のblogサービスの記事などでよく見るような、大きく空白の空いた改行を行う事は標準仕様のままでは不可能です。従って質問者が望む様な機能仕様を実装するためには、自分でWP内の functions.php を編集してこの自動機能を無効化するプログラムを追記するしか方法はありません。PHPの編集は大丈夫ですか？

無理だと言う場合、基本的にはこの時点で詰んでいますが…。一応、他の代替策もあります。質問者にCSSとHTMLの基礎知識が有るのでしたら、記事本文を管理編集画面から入力投稿する際に「ビジュアルエディタ」では無く、「HTMLエディタ/テキストモード」の方を使って直にHTMLタグを記述して記事データを投稿する様にします。最新版の「ブロックエディター(Gutenberg版)」を使っているのであれば、オプション機能の「カスタムHTMLの追加」を使います。

それらの機能を用いて記事本文中の複数改行を行いたい箇所に、何か適当な代替HTMLタグを挿入し、その部分に質問者が創作した独自のスタイルを適用させる様にします。具体的には…

ああああ
<div class="my-linebreak-5">&nbsp;</div>
ああああ
ああああ

～みたいに記述します。そしてこれとはまた別にWPで構築されたwebサイト用に設置してある style.css に追記する形で…

.my-linebreak-5 { margin: 0; padding: 0; margin-bottom: 5em; }

～という風に記述して保存し直して置きます。全ての作業が完了したら、該当するwebページにアクセスして表示させ再更新させれば修正箇所等が反映されていると思います。他にもHTMLタグ内に直に style="height:99px;" みたいに記述する方法もあります。

# 参考リンク
- https://wordpress.com/ja/support/wordpress-editor/blocks/custom-html-block/
- https://www.youtube.com/watch?v=Na3f4ZIYjHE