2024.12.16

WordPressで投稿した際にpタグやbrタグが消える!その原因と対処法

WordPressで投稿した際にpタグやbrタグが消える!その原因と対処法

WordPressを使って投稿や固定ページを作成していると、保存や更新をした際に<p>タグや<br>タグが消えてしまうことがあります。 特にHTMLを手動で編集している方にとって、この現象はよく起こるでしょう。 本記事では、この問題の原因と具体的な対処法をわかりやすく解説します。

なぜpタグやbrタグが消えてしまうのか?

WordPressでは、投稿内容を標準化するためにエディタで自動整形機能が働いています。 これが原因で<p>タグや<br>タグが削除されたり置換されたりすることがあります。

この整形機能の影響で次のような現象が起き、困った人も多いと思います。

  • 手動で入力したHTMLタグが自動的に削除される
  • 改行や段落が意図した通りに反映されない

対処法

それでは、対処法を紹介します。

1. <!-- wp:html -->を活用する

<!-- wp:html --><!-- /wp:html -->でHTMLコードを囲むことで、自動整形を回避できます。これにより、指定した範囲内のHTMLコードはそのまま保存され、<p><br>タグが消えるのを防ぐことができます。

使用例:

<!-- wp:html -->
<p>この部分は<br>自動整形されません。</p>
<!-- /wp:html -->

この方法を使えば、エディタがこの部分を純粋なHTMLとして扱うため、タグが消えずに保持されます。

2. functions.phpで自動整形を無効にする

テーマのfunctions.phpファイルにコードを追加することで、エディタの自動整形を無効化できます。以下のコードを追加してみてください。
(※コードを直接入力するとWAFに引っかかるようなので、画像を添付しています。WAFについては、こちらの記事をご覧ください。)

たった一行追加するだけなので、とても簡単です!
ただし、functions.phpはWordPressの重要なファイルです。慎重に取り扱うようにしてください。

最後に

WordPressの自動整形機能は便利ですが、予期しない動作を引き起こすことがあります。
快適なサイト運営のために、今回紹介した方法を試して、<p>タグや<br>タグを自分で調整できるようにしてみてください!

著者

ヨクスル制作チーム