WordPress pタグを投稿記事から削除する1行のコード。 / いがわ

.

Memo

WordPress pタグを投稿記事から削除する方法。

記事を書いた後に、意図せずにpタグが挿入されている!?

WordPressによる「wpautop」。
wpautop

WordPressで記事を作成している時、想定外にレイアウトが変わってしまうことがある。

よくあるのが、ブログ投稿時の「pタグの自動挿入」。

これはデザイナーにとっては(もしかしたらブロガーにも)悩ましく、特にCSSでpタグにスタイルを設定していると、思わぬ表示となり、場合によってはありがた迷惑に。

ただし、無料で使えるありがたいツールに文句を言いたくはない。原因さえわかれば、対処方法はとても簡単。

原因はWordPressによる、pタグ自動挿入の「wpautop」関数。

WordPressではデフォルト仕様で、投稿画面でエンターキーを押すと、自動的にpタグが挿入される。「Shift」+「Enter」では改行のタグである<br>が挿入される。

<p>タグと<br>タグの意味。
  • pタグは文章の段落を意味する「Paragraph」を略とするHTMLのタグ。
    ブラウザやWordPressテーマのCSSにより、上下にスペースが開く。
  • brタグは文章の改行を意味する「Break」を略とするHTMLのタグ。
    自分でCSSなどでスタイルを指定しない限り、通常は上下にスペースは入らない。

これはHTMLを使った文章のごく初期のキホンのキ。

WordPressの記事投稿で自動的にpタグが入らないようにするコード。


pタグを入れたくない場合、追記するコードはこれだけ。

pタグの自動挿入を無くすコード。

投稿の本文内で自動挿入したくない場合。

<?php remove_filter('the_content', 'wpautop'); ?>

上記は文字通り、投稿の本文を取得・表示するテンプレートタグである「the_content」から、WordPressが自動的にpタグを追加する「Auto p」を「Remove(削除)」するコード。

これをpタグを自動挿入したくないループ内(single.phpなど)に追記するだけで良い。「the_content();」の前にでも追加すればpタグは入らない。

例) single.phpなどへ。

<?php remove_filter('the_content', 'wpautop'); ?>
<?php the_content(); ?>

投稿の抜粋内で自動挿入したくない場合。

抜粋内のpタグ削除は、「the_excerpt」で可能。

例) archive.phpなどへ。

<?php remove_filter('the_excerpt', 'wpautop'); ?>
<?php the_excerpt(); ?>

全ての投稿内で自動挿入したくない場合。

全ての投稿でpタグを挿入したくない場合は、functions.phpに記述すれば良い。

functions.phpに色々なコードが記述されている場合は、1行1行にPHPの開始・終了タグを書かなくても、全体をくくる開始タグの「<?php 」と閉じタグの「 ?>」の中(1行目と最終行)に記述されていればOK。

  • 最終行の閉じタグ「 ?>」は省略も可。
  • 他にも「remove_filter()」関数があれば、その記述箇所へまとめておくと後々わかりやすい。

例) functions.phpへ。

<?php

remove_filter('the_content', 'wpautop');
remove_filter('the_excerpt', 'wpautop');
remove_filter('the_title', 'wpautop');  
remove_filter('wp_mail', 'wp_staticize_emoji_for_email');

といった感じにしておくと、コードが見やすくなる。

WordPressの記事投稿で自動的にpタグが入らないようにするコードを見るひとたち。

以上、参考になれば幸いです。


Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。(元々はメモ書きでした。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真は主にUnsplashPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

井川 宜久 / Norihisa Igawa
デザイナー、ディレクター、講師、コーチ / 井川宜久

WordPress 関連メモ。


免責事項について

  • 記事ページ(Memosのページ)は当初は文字通りメモ書きでした。その後、修正や更新をしております。
  • 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ早急に対応いたします。
  • 一個人のポートフォリオサイトですので、万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。