【WordPress】特定のタグで絞り込んだ記事の一覧を表示させる方法

【WordPress】特定のタグで絞り込んだ記事の一覧を表示させる方法

特定のタグがついた記事を関連記事やおすすめ記事としてページに表示したい場合に使えるカスタマイズ例です。

特定のカテゴリーがついた記事の一覧を表示するカスタマイズの応用として、タグで記事を絞り込んで表示する方法について紹介致します。

特定のタグがついている記事の一覧を取得・表示する

特定のタグがついた投稿の一覧を表示するPHPコード

<?php
$arg   = array(
    'posts_per_page' => 4, // 表示する件数
    'orderby'        => 'date', // 日付でソート
    'order'          => 'DESC', // DESCで最新から表示、ASCで最古から表示
    'tag'            => 'gadget' // 表示したいタグのスラッグを指定
);
$posts = get_posts( $arg );
if ( $posts ): ?>
    <ul>
        <?php
        foreach ( $posts as $post ) :
            setup_postdata( $post ); ?>
            <li><?php the_time( 'Y.m.d' ); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
        <?php endforeach; ?>
    </ul>
<?php
endif;
wp_reset_postdata();
?>

投稿一覧はget_posts関数で取得しました。

取得する投稿の条件を$argという変数で作っています

tagにタグのスラッグを指定することでタグによる投稿絞り込みが可能になります。

タグのスラッグを指定する

タグもID指定ができるパラメーターがありますが、IDは管理画面からは見えづらいのでスラッグ指定がおすすめです。

複数のタグをまとめて指定したい場合はtag_slug__and(指定したタグが全て含まれる)かtag_slug__in(指定したタグが1つでも含まれる)を使います。
※値の指定は配列になることに注意が必要です

タグで絞り込んだ投稿の一覧の表示

タグの付いた記事一覧を表示する

投稿データが取得できたら、あとはいい感じに投稿日を表示したり、アイキャッチを表示して、CSSで表示を整えて完成です!

まとめ

TOPページなどに「おすすめ記事」的なタグの付いた記事を表示するエリアを作っておいておけば、簡単なおすすめ記事表示システムの完成ですね!

タグを付け替えるだけで表示する記事を変えられるので、管理画面から簡単に変更できるところがポイントです!

ではまた。

関連記事

「タグ」ではなく、カテゴリーで絞り込みする場合はこちら▼