Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@juthaDDA

Gutenberg で生成されてしまう空の <p></p> タグを the_content() 読み込み時に削除する方法

WordPressの Gutenberg エディターでは、新規ブロックが自動生成されて、空の <p></p> が保存されてしまうことがよくある。

この問題には、functions.php などに次のコードを追記することで対処できる。

/**
 * [T]he_content() から空の <p></p> を削除する.
 *
 * @param string $content - 投稿本文の HTML.
 * @return string
 */
function street42_remove_empty_p_from_content( $content ) {
    $content = str_replace( '<p></p>', '', $content );
    return $content;
}
add_filter( 'the_content', 'street42_remove_empty_p_from_content' );

1

これで、the_content() で、<p></p> が削除された状態の記事本文が読み込まれるようになる。

なお、get_the_content() は、フィルターが適応されていない状態の記事を取得するので、要注意。

関連ドキュメント


  1. WordPress のコーディング規約を見直していたところ、add_filter() のコールバックにクロージャーを渡すのは禁止されていたので(remove_filter() で削除できなくなるため)、修正しました(2020-08-17)。 

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?