特定のタグで新着情報を表示する方法 – WordPressブログのカスタマイズ

Posted on by

WordPressは多機能なブログプラットフォームであり、多様なカスタマイズが可能です。その中でも、特定のタグに基づいた新着情報の表示は、特定のコンテンツをユーザーに効率的に提供するための非常に有用な機能です。この記事では、PHPを使って特定のタグを使用して新着情報を表示する方法について詳しく説明します。

特定のタグに基づいた新着情報表示の必要性

多くのブログでは、特定のトピックやテーマに関連する最新の投稿を表示することが重要です。たとえば、旅行ブログでは「日本旅行」や「ヨーロッパ旅行」などのタグを使用して、関連する新着記事を表示することが求められることがあります。これにより、読者は興味のあるトピックについて最新の情報を迅速に見つけることができます。

方法1：ショートコードを使用する

ショートコードを使用して、新着情報を表示する方法は非常に便利です。以下に、functions.phpに追加するコードを示します。

function display_latest_posts_by_tag($atts) {
    // ショートコードの属性を取得
    $atts = shortcode_atts(
        array(
            'tag' => '', // タグスラッグを指定
            'posts' => 5 // 表示する投稿数を指定
        ), 
        $atts
    );

    // クエリの引数を設定
    $args = array(
        'tag' => $atts['tag'],
        'posts_per_page' => $atts['posts'],
        'post_status' => 'publish',
        'orderby' => 'date',
        'order' => 'DESC'
    );

    // 投稿を取得
    $query = new WP_Query($args);
    $output = '<ul>';

    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            $output .= '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
        }
    } else {
        $output .= '<li>No posts found.</li>';
    }

    $output .= '</ul>';
    wp_reset_postdata();

    return $output;
}

// ショートコードを追加
add_shortcode('latest_posts_by_tag', 'display_latest_posts_by_tag');

このコードをfunctions.phpに追加することで、特定のタグが付いた新着情報を表示するショートコードを作成できます。たとえば、以下のようにショートコードを使用します。

[latest_posts_by_tag tag="your-tag-slug" posts="5"]

方法2：カスタムテンプレートを使用する

カスタムテンプレートを使用して、新着情報を表示する方法もあります。以下に、テーマのテンプレートファイルに追加するコードを示します。

<?php
// 表示するタグのスラッグを指定
$tag_slug = 'your-tag-slug';

// 表示する投稿数を指定
$posts_per_page = 5;

// クエリの引数を設定
$args = array(
    'tag' => $tag_slug,
    'posts_per_page' => $posts_per_page,
    'post_status' => 'publish',
    'orderby' => 'date',
    'order' => 'DESC'
);

// 投稿を取得
$query = new WP_Query($args);

if ($query->have_posts()) {
    echo '<ul>';
    while ($query->have_posts()) {
        $query->the_post();
        echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
    }
    echo '</ul>';
} else {
    echo '<p>No posts found.</p>';
}

// 投稿データをリセット
wp_reset_postdata();
?>

このコードをテーマのsidebar.phpやfooter.phpなどに追加することで、特定のタグに基づいた新着情報を表示することができます。この方法では、テンプレートファイルに直接コードを追加するため、ショートコードよりも簡単にカスタマイズできます。

方法3：ウィジェットを使用する

WordPressの標準ウィジェットを使って新着情報を表示することもできますが、特定のタグに絞った表示を行うにはプラグインの使用が便利です。たとえば、「Recent Posts Widget Extended」プラグインを使用すると、特定のタグを指定して投稿を表示することができます。このプラグインを使用する手順は以下の通りです。

  1. WordPress管理画面で「プラグイン」→「新規追加」に移動します。
  2. 「Recent Posts Widget Extended」を検索してインストールし、有効化します。
  3. 「外観」→「ウィジェット」に移動し、「Recent Posts Extended」ウィジェットをサイドバーやフッターに追加します。
  4. ウィジェット設定で表示するタグのスラッグを指定します。

これにより、特定のタグに基づいた新着情報をウィジェットで表示することができます。

クエリパラメータの詳細説明

上記のコードで使用しているクエリパラメータについて詳しく説明します。

  • tag: 表示する投稿のタグスラッグを指定します。
  • posts_per_page: 表示する投稿数を指定します。
  • post_status: 表示する投稿のステータスを指定します。通常はpublish（公開済み）を指定します。
  • orderby: 投稿の並び替え基準を指定します。ここではdate（日付）を指定しています。
  • order: 投稿の並び順を指定します。DESC（降順）を指定すると、新しい投稿から表示されます。

これらのパラメータを調整することで、表示する投稿の条件を細かく設定することができます。

wp_reset_postdata の重要性

wp_reset_postdata 関数は、カスタムクエリを実行した後にグローバルな投稿データをリセットするために使用します。これにより、他のクエリやループに影響を与えないようにします。この関数を忘れると、サイトの他の部分で意図しない動作が発生する可能性があるため、必ずクエリの後に呼び出すようにしましょう。

まとめ

特定のタグに基づいた新着情報の表示は、読者にとって非常に便利な機能です。WordPressを使ってこの機能を実装する方法はいくつかありますが、ここではPHPを使用した実装方法について詳しく説明しました。ショートコード、カスタムテンプレート、ウィジェットの各方法を活用することで、簡単に特定のタグに基づいた新着情報を表示することができます。

このようなカスタマイズを行うことで、ブログのユーザーエクスペリエンスを向上させ、特定のコンテンツに興味を持つ読者を効果的に引きつけることができます。ぜひ、この方法を活用して、ブログの新着情報表示をカスタマイズしてみてください。

さらなるカスタマイズのアイデア

特定のタグに基づいた新着情報の表示をさらにカスタマイズするためのアイデアをいくつか紹介します。

サムネイル画像の表示

新着情報のリストにサムネイル画像を追加することで、ビジュアル的に魅力的な表示を作成できます。以下のコードでは、投稿タイトルと一緒にサムネイル画像を表示します。

<?php
// 表示するタグのスラッグを指定
$tag_slug = 'your-tag-slug';

// 表示する投稿数を指定
$posts_per_page = 5;

// クエリの引数を設定
$args = array(
    'tag' => $tag_slug,
    'posts_per_page' => $posts_per_page,
    'post_status' => 'publish',
    'orderby' => 'date',
    'order' => 'DESC'
);

// 投稿を取得
$query = new WP_Query($args);

if ($query->have_posts()) {
    echo '<ul>';
    while ($query->have_posts()) {
        $query->the_post();
        echo '<li>';
        if (has_post_thumbnail()) {
            echo '<a href="' . get_permalink() . '">';
            the_post_thumbnail('thumbnail');
            echo '</a>';
        }
        echo '<a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
    }
    echo '</ul>';
} else {
    echo '<p>No posts found.</p>';
}

// 投稿データをリセット
wp_reset_postdata();
?>

投稿の抜粋を表示

投稿の抜粋を表示することで、読者が投稿の内容を簡単に把握できるようになります。以下のコードでは、投稿タイトルと一緒に投稿の抜粋を表示します。

<?php
// 表示するタグのスラッグを指定
$tag_slug = 'your-tag-slug';

// 表示する投稿数を指定
$posts_per_page = 5;

// クエリの引数を設定
$args = array(
    'tag' => $tag_slug,
    'posts_per_page' => $posts_per_page,
    'post_status' => 'publish',
    'orderby' => 'date',
    'order' => 'DESC'
);

// 投稿を取得
$query = new WP_Query($args);

if ($query->have_posts()) {
    echo '<ul>';
    while ($query->have_posts()) {
        $query->the_post();
        echo '<li>';
        echo '<a href="' . get_permalink() . '">' . get_the_title() . '</a>';
        echo '<p>' . get_the_excerpt() . '</p>';
        echo '</li>';
    }
    echo '</ul>';
} else {
    echo '<p>No posts found.</p>';
}

// 投稿データをリセット
wp_reset_postdata();
?>

最後に

WordPressのカスタマイズは無限の可能性を秘めています。特定のタグに基づいた新着情報の表示もその一例です。PHPを使用してこの機能を実装することで、ブログの魅力をさらに引き出し、読者にとって有益な情報を提供することができます。この記事を参考に、ぜひあなたのブログでも特定のタグに基づいた新着情報を表示してみてください。

WordPressのカスタマイズを続けることで、あなたのブログはより多くの読者に愛されるものとなるでしょう。カスタマイズの際にはバックアップを取ることを忘れずに、安全に作業を進めてください。