WordPressプラグインなしで手軽に作成する人気記事リストの方法

WordPressサイトを運営していると、「人気記事リスト」を作成することが訪問者の利便性の向上に役立つことがあります。この記事では、プラグインを使用せずに手軽に人気記事リストを作成する方法を詳しく解説します。WordPress管理の簡便さを維持しつつ、コード編集の最小限の知識で実施できる方法をご紹介します。

WordPressで人気記事リストを作成する理由
プラグインなしで人気記事リストを作成する方法
注意点とポイント
結論

WordPressで人気記事リストを作成する理由

まず初めに、なぜ人気記事リストを作成するのかについて見ていきましょう。人気記事リストは訪問者が他の人気のあるコンテンツにアクセスしやすくすることで、サイト内の回遊率を高め、滞在時間を延ばす効果があります。また、SEOにも少なからず好影響を与える可能性があります。なぜなら、内部リンクが増加することで検索エンジンがサイトの構造をよりよく理解できるからです。

プラグインなしで人気記事リストを作成する方法

ここからは、具体的な手順を解説します。プラグインを使わない理由として、サイトの速度を維持したい、プラグインの管理を簡素化したいという方もいるでしょう。そのため、コードを編集する方法を紹介します。

1. WordPressのテーマファイルを編集する

サイトの人気記事をリストアップするには、テーマファイルの編集が必要です。functions.phpファイルに以下のコードを追加します。このコードは、投稿のビュー数を追跡し、それを保存します。

function set_post_views($postID) {
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count == ''){
        $count = 0;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}

function track_post_views ($post_id) {
    if ( !is_single() ) return;
    if ( empty ( $post_id) ) {
        global $post;
        $post_id = $post->ID;    
    }
    set_post_views($post_id);
}
add_action( 'wp_head', 'track_post_views');

このコードは、各投稿のビュー数を記録し、metaフィールドに保存します。

2. 人気記事リストを取得する

ビュー数を記録したら、次にそれを使って人気記事リストを取得する必要があります。以下のコードを使用して、人気記事を取得し表示します。このコードもfunctions.phpに記載します。

function get_most_viewed_posts($num = 5){
    $args = array(
        'posts_per_page' => $num,
        'meta_key' => 'post_views_count',
        'orderby' => 'meta_value_num',
        'order' => 'DESC',
        'post_type' => 'post',
        'post_status' => 'publish'
    );
    $popular_posts = new WP_Query($args);

    return $popular_posts;
}

このコードは、定義された$num（デフォルトは5）に基づき、ビュー数の多い投稿を取得します。

3. テンプレートファイルに人気記事を表示する

次に、人気記事をサイト上に表示させます。表示したい位置に以下のコードを挿入します。この場合、テンプレートファイル（例えばsidebar.phpなど）の適切な位置に追加してください。

$popular_posts = get_most_viewed_posts();
if ($popular_posts->have_posts()) : 
    echo '<ul>';
    while ($popular_posts->have_posts()) : $popular_posts->the_post();
        echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
    endwhile;
    echo '</ul>';
    wp_reset_postdata();
endif;

4. CSSでスタイルを整える

最後に、表示される人気記事リストのスタイルをCSSで調整します。これにより、ユーザーにとって閲覧しやすいデザインとなります。style.cssファイルに以下のように記述します。

.popular-posts-list {
    list-style-type: none;
    padding: 0;
}

.popular-posts-list li {
    margin-bottom: 10px;
    font-size: 1em;
}

.popular-posts-list li a {
    text-decoration: none;
    color: #333;
}

.popular-posts-list li a:hover {
    color: #0073aa;
}

注意点とポイント

プラグインを使わない方法には、いくつかの注意点があります。例えば、手動でコードを編集するため、WordPressやテーマのアップデート時には再度設定が必要となることもあります。また、コードの間違いがあるとサイトの表示に影響を及ぼす可能性があるため、バックアップを取った上で作業することをおすすめします。