デザイン
2021.03.01
ワードプレスで勝手に出力されるpタグを制御する
wrodpressで本文記入欄に文字を入力した時に勝手にpタグで囲まれた状態になった経験ありませんか?
この機能は便利なのですが、邪魔になることもあります。今回はこのPタグを消す方法をご紹介いたします。
また、ケースごとに消す方法を書き残しておきますので、使用用途に合わせてカスタマイズしてみてください。
the_contentやthe_excerptのpタグをどうにかする
全体的にpタグで囲まないように設定するときは、functions.phpに記述します。
下記のコードを入れるだけで本文や抜粋文のpタグは出力されないようになります
// 記事のpタグを出力しない
remove_filter('the_content', 'wpautop');
// 抜粋のpタグを出力しない
remove_filter('the_excerpt', 'wpautop');
注意点
pタグと一緒にbrタグも削除されます 気を付けましょう
特定のテンプレートのみで設定する場合
各テンプレートごとに設定したいのであればthe_contentを出力する直前にコードを記述しておくとそのテンプレートだけでpタグを消せます。
<?php remove_filter ('the_content', 'wpautop'); ?>
<?php the_content(); ?>
imgを勝手に囲うpタグだけををどうにかする
これはアクションフックを使うしかないので下記をfunctions.phpにコピペでOKです。
<?php
function remove_p_on_images($content){
return preg_replace('/<p>(\s*)(<img .* \/>)(\s*)<\/p>/iU', '\2', $content);
}
add_filter('the_content', 'remove_p_on_images');
まとめ
今回はワードプレスの本文入力の際に勝手に出てくるPタグの削除方法についてご紹介しました。
自分でワードプレスをカスタムしている人にとっては、邪魔な機能だったりしますので、お客さんが更新しない部分等は上記設定を入れておいた方がいいと思います。
この記事に関連するタグ
正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)
リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください
株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。