コード・実装

【WordPress / PHP】the_content()内にHTMLタグ(<p><br>)自動追加阻止の方法

WordPress本文のタグの自動化を無効化したい

WordPressでサイトを作成している時に、本文 the_content()で自動で<p>や<br>などのHTMLタグが入る時があります。

今回はそちらのやり方をご紹介します!

WordPress本文でタグなどの自動整形機能の無効化

個別にPHPファイルに追加の場合 (page.php / single.php)

無効化したいPHPファイルで、<?php the_content(); ?>の上部に<?php remove_filter (‘the_content’, ‘wpautop’); ?>を追加する

<?php remove_filter ('the_content', 'wpautop'); ?> // ★追加
<?php the_content(); ?>

以上で終わりです!

簡単ですね。

全ての投稿に適用の場合(function.php)

function.phpの<?php ?>の中に下記のコードを追加してください。

remove_filter('the_content', 'wpautop');

 

特定の条件で無効化するの場合(function.php)

function.phpの<?php ?>の中に下記のコードを追加してください。

【function.phpに追加】固定ページ(page.php)のみ無効化する

if ( is_main_query() && is_page() ) {
  remove_filter('the_content', 'wpautop');
}

 

【function.phpに追加】投稿ページ(single.php)のみ無効化する

if ( is_single() ) {
  remove_filter('the_content', 'wpautop');
}

まとめ

私はよく、お問い合わせページのプラグインを使用する際に、お問い合わせページのphpファイル(page-contact.php)にこちらのコードを使用しています。

クラシックエディタですとよく使用すると思うので、覚えて置いて損はないと思います!

 

 

ABOUT ME
WEBクリ開発者
当ブログでは主にWeb制作・HTML・ CSS・SCSS・JavaScript・jQuery・Vue.js・Wordpress・個人開発情報の情報を発信。 WEBデザイナー・コーダー・プログラマー向けのサイトです。 また、個人開発のサービスやアプリのお知らせもさせていただいています。

未経験からでも技術を学べる

Udemy

Udemyとは、100,000以上の講座があるオンライン学習プラットフォームです。主に社会人が対象で、教えたい人が講座を開き、学びたい人が学ぶことができます。

何か新しいプログラミング言語を勉強したい。技術を習得したいという時に、Udemyはおすすめです。

動画学習のため、最初につまづきがちな環境構築も実際の画面で確認しながら、自分で動かすことができます。

 

世界最大級のオンライン学習サイトUdemy

 

MENTA

プログラミングの学習をサポートしてくれる人を探したいのならMENTAがおすすめ。

メンターさんや他のメンティさん(自分と同じようにプログラミングを学習している方々)とやりとりをし、学習を進める形が多いです。

\新規登録で300円割引クーポンプレゼント/プログラミング学習のスキルプラットフォーム【MENTA】