WordPressのthe_excerpt()に付与されるpタグを削除する方法+α
  • WordPressのthe_excerpt()に付与されるpタグを削除する方法+α
  • 記事公開:2016/08/03
  • 最終更新:2019/03/11

WordPressのthe_excerpt()に付与されるpタグを削除する方法+α

WordPressのthe_excerpt()に付与されるpタグを削除する方法をご紹介します。Pタグが付与されていない抜粋を表示させたい方は参考にしてください。Pタグを削除する方法と、もう一つPタグの付与されていない抜粋を表示する方法をご紹介しています。

この記事は約 5 分で読めます。

【the_excerpt()】に付与される pタグを削除したい!

WordPressサイトで記事の抜粋を表示させる場合、抜粋を表示させたい箇所に
【<?php the_excerpt(); ?>】と記述するのが基本的なやり方です。

これだけでも抜粋を表示させることはできるのですが、この方法だと抜粋には自動的にpタグが付与されてしまいす。特に気にならない方は、そのままでも良いのですが、レイアウトの関係などでpタグを付与させたくないケースも出てくるかと思います。

今回は、【the_excerpt()】で表示させる抜粋からPタグを削除する方法をご紹介します。

WordPressの抜粋に関して詳しく知りたい方は、WordPressの抜粋で知っておくべき基本と3つのカスタマイズも参考にしてください。

【the_excerpt()】に付与される pタグを削除する方法

【the_excerpt()】で表示させる抜粋からPタグを削除する方法は2つあります。
どちらを使っても構いませんが、両方覚えておくと良いでしょう。

個別に解説をしていきます。

functions.phpにコードを追加する方法

お馴染みのfunctions.phpにコードを一行追記してやる方法です。
以下のコードをfunctions.phpに追記してやりましょう。

remove_filter('the_excerpt', 'wpautop');

これだけで、【the_excerpt()】からPタグが削除されます。

テーマファイルの複数の箇所で【the_excerpt()】を使用している場合は、functions.phpにコードを追記するだけで一括設定できる今回の方法がお勧めかと思います。

ただ、ここの抜粋はPタグを削除したいが、こちらの抜粋はPタグを削除したくないなど、場所によってPタグの有無を変えたい場合は、全ての【the_excerpt()】からPタグが削除される今回の方法は使えません。

そんな場合は、次の方法がお勧めです。

get_the_excerpt()を使用する方法

抜粋を表示させる場合【the_excerpt()】の他に【get_the_excerpt()】というコードがあります。
この【get_the_excerpt()】は、表示される抜粋にPタグが付与されません。

つまり、抜粋のPタグを削除するのではなく、最初からPタグが付与されない抜粋を表示させることができるのが【get_the_excerpt()】なのです。

<?php echo get_the_excerpt(); ?>

【get_the_excerpt()】を使うときは、抜粋を表示させたい箇所に上記のコードを記述してください。

ここの抜粋はPタグを削除したいが、こちらの抜粋はPタグを削除したくないなど、場所によってPタグの有無を変えたい場合は、Pタグが必要な個所では【the_excerpt()】、不必要な個所では【get_the_excerpt()】と使い分けることで表現の幅が広がります。

まとめ

WordPressのthe_excerpt()に付与されるpタグを削除する方法をご紹介しました。

he_excerpt()に付与されるpタグを削除する方法、the_excerpt()ではなくget_the_excerpt()を使用する方法、2つの方法をご紹介しましたが、ご自身の環境に合わせて方法を選択してください。

functions.phpを編集して画面が真っ白になった場合は、慌てず【functions.phpを編集したらサイトが真っ白になった時の1分でできる復旧方法】を参照してください。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2015/11/11

    一括削除!不要になったカスタムフィールド名を削除するならDeleteCustomFieldsで決まり!

    不要になったカスタムフィールドの変数をプラグインのDeleteCustomFieldsで削除する方法をご紹介しています。不要なカスタムフィールドが増えて困っている方は参考にしてください。5分程度でカスタムフィールドをスッキリとさせることができます。 記事を読む

  • 2019/03/06

    【WordPress】PCとスマホで表示する要素を自在に操る条件分岐

    PCとスマホで表示する要素を自在に操る条件分岐をご紹介します。 レスポンシブデザインのサイトを作る時、知っておくと便利なコードです。 5分で理解できる内容ですので、この機会にマスターしてはいかがでしょうか? 記事を読む

  • 2015/09/17

    公開日時を基準に指定日数内の記事にNEWと表示する方法

    公開日時を基準に指定日数内の記事にNEWと表示する方法をご紹介します。新着記事の一覧を表示しているときなど、新しい記事にNEWと表示したいと考えたことはありませんか?WordPressなら公開から指定した期間以内の記事にNEWと簡単に表示することができます。 記事を読む

  • 2016/02/03

    WordPressにプラグインをインストールする方法

    WordPressにプラグインをインストールする方法を解説しています。プラグインのインストール方法が分からない方は必見です。3分後にはプラグインをインストールできるようになります! 記事を読む

  • 2019/03/08

    WordPressの「続きを読む」リンクから#more…をコピペで消してみた。

    WordPress の 「続きを読む」(<!-- more -->)を利用したとき、「続きを読む」をクリックすると、URL の末尾に #more … といったハッシュが付与されます。以前から必要ないと感じていたのでこの部分をコピペのみで削除してみました。 記事を読む

コメントを残す

(必須)

CAPTCHA