WordPress

HOME
WordPress
WordPressで関連記事を表示するコード

2025年8月18日 / 最終更新日時 : 2025年10月4日エス・ティ・セブン WordPress

WordPressで関連記事を表示するコード

関連記事を表示するコード

WordPressで関連記事を表示するには、主に以下の2つの方法があります。

1. プラグインを利用する

これが最も簡単で、初心者にもおすすめです。多くのプラグインが無料で提供されており、設定も簡単です。

代表的なプラグイン

Yet Another Related Posts Plugin (YARPP): 非常に人気があり、タグ、カテゴリー、キーワードなどに基づいて柔軟に関連記事を抽出できます。
Contextual Related Posts: 記事の内容やタイトル、タグなどから関連性の高い記事を自動で表示します。
Jetpack: WordPressの公式プラグインで、関連記事表示機能も含まれています。

2. コードを直接テーマファイルに記述する

自分でコードを記述すれば、より細かくカスタマイズできますが、PHPやWordPressのテンプレートタグに関する知識が必要です。以下に、カテゴリーが同じ関連記事を表示する基本的なスクリプトの例を示します。

スクリプトの例

このコードは、single.phpやcontent-single.phpなど、記事の個別ページを表示するテンプレートファイルに追加します。

PHP

<?php
// 現在の記事のIDとカテゴリーを取得
$current_post_id = get_the_ID();
$categories = get_the_category();

// カテゴリーが一つでも存在するか確認
if ($categories) {
    $category_ids = array();
    foreach($categories as $category) {
        $category_ids[] = $category->term_id;
    }

    // クエリパラメータの設定
    $args = array(
        'post_type' => 'post', // 投稿タイプ
        'posts_per_page' => 5, // 表示する記事数
        'category__in' => $category_ids, // 取得したカテゴリーIDを含む
        'post__not_in' => array($current_post_id), // 現在の記事を除外
        'orderby' => 'rand' // ランダムに表示
    );

    $related_posts = new WP_Query($args);

    // 関連記事が存在するか確認
    if ($related_posts->have_posts()) {
        echo '<h3>関連記事</h3>';
        echo '<ul>';
        while ($related_posts->have_posts()) {
            $related_posts->the_post();
            ?>
            <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
            <?php
        }
        echo '</ul>';
        // メインクエリをリセット
        wp_reset_postdata();
    }
}
?>

スクリプトの説明

get_the_category(): 現在の投稿が属するカテゴリーを取得します。
WP_Query: WordPressで投稿を検索するためのクラスです。$args配列で検索条件を指定します。
category__in: 指定したカテゴリーIDに含まれる投稿を検索します。
post__not_in: 検索結果から特定の投稿IDを除外します。ここでは現在表示している記事を除外しています。
wp_reset_postdata(): WP_Queryでメインクエリを上書きした後に、元のクエリの状態に戻すために必ず使用します。これを忘れると、他のテンプレートタグが正常に動作しない場合があります。

どちらの方法を選ぶかは、WordPressの習熟度や、どの程度カスタマイズしたいかによります。簡単な方法から試して、慣れてきたらコードでの実装に挑戦してみるのが良いでしょう。

プラグインを利用せずコードを記述するメリットとデメリット

WordPressプラグインを利用せずにコードを記述する（すなわち、テーマの$\text{functions.php}$ファイルやカスタムプラグインとして直接コードを書く）ことには、いくつかのメリットとデメリットがあります。

メリット

パフォーマンスと効率

軽量化: 必要な機能だけを厳選してコード化するため、不要な機能やオーバーヘッドがなくなり、サイトのロード時間が短縮され、パフォーマンスが向上する可能性が高いです。
クリーンなコード: プラグインの多くは汎用性を高めるために複雑になりがちですが、自作コードはサイト固有の要件に特化できるため、よりクリーンで効率的なコードベースを保てます。

柔軟性とカスタマイズ性

完全な制御: コードの全行を自分で管理できるため、WordPressの動作を細部にわたって完全に制御し、既存のプラグインでは実現できないような独自の機能を実装できます。
他の要素との統合: テーマや他のカスタム機能とのシームレスな統合が容易になります。

セキュリティと安定性

セキュリティリスクの低減: 信頼できないソースの外部プラグインを使用するリスクを回避できます。自作コードは必要な機能に限定されるため、潜在的なセキュリティホールも減らせます。
依存関係の排除: 外部プラグインの更新によってサイトが壊れるリスクや、そのプラグインが開発停止になるリスクを排除できます。

デメリット

専門知識と時間

高度なスキルが必要: PHP、WordPressのフック（アクションとフィルター）、セキュリティのベストプラクティスなど、専門的なコーディング知識が必要です。
開発とメンテナンスの負荷: 既存のプラグインを使えば数分で済む機能でも、一からコードを書いて実装・デバッグ・テストするのに時間がかかります。また、WordPress本体やテーマのアップデートに合わせてコードを自分でメンテナンスし続ける必要があります。

バグとデバッグ

エラー発生のリスク: 自分で書いたコードは、予期せぬバグを引き起こすリスクがあります。特に$\text{functions.php}$ファイルへの直接的な誤った記述は、サイト全体をダウンさせる可能性があります。
デバッグの困難さ: バグが発生した場合、その原因を特定し修正する作業（デバッグ）もすべて自分で行う必要があります。

移植性と互換性

テーマへの依存: コードを$\text{functions.php}$に記述した場合、テーマを変更するとその機能は失われます。この問題を回避するには、カスタムプラグインとして作成する必要がありますが、これはさらに手間がかかります。

AIがWordPressに与える影響

AI（人工知能）は、WordPressのウェブサイト管理、コンテンツ制作、ユーザーエクスペリエンスなど、多岐にわたる領域で革新的な影響を与えています。効率性が大幅に向上し、より洗練されたウェブサイト構築が可能になっています。

コンテンツ作成と管理の効率化

AIは、WordPressサイトにおけるコンテンツの生成と管理を劇的に効率化します。

コンテンツ生成の自動化: AIライティングツールがキーワードやトピックに基づいて、ブログ記事の草稿、見出し、メタディスクリプションなどを数分で生成します。これにより、コンテンツ作成にかかる時間を大幅に削減できます。
SEOの最適化: AIがリアルタイムの分析に基づき、検索エンジン最適化（SEO）のための改善案（キーワード、タイトル、コンテンツ構造など）を提案・自動適用することで、SEO戦略の精度を高めます。
メディア管理: 画像認識技術を持つAIが、メディアファイルの分類、タグ付け、代替テキスト（alt属性）の生成を自動化し、アクセシビリティとSEOを向上させます。

ユーザーエクスペリエンス（UX）の向上

AIの統合により、訪問者に対してよりパーソナライズされた体験を提供できるようになります。

パーソナライズされたコンテンツ: AIがユーザーの行動や好みを学習し、個々の訪問者に合わせたコンテンツや製品の推奨を表示することで、エンゲージメントの向上やサイト滞在時間の増加に貢献します。
チャットボットとサポート: AI搭載のチャットボットがサイトに統合され、ユーザーの問い合わせに即座に回答したり、サイト内のナビゲーションをサポートしたりすることで、カスタマーサポートの自動化と応答時間の短縮を実現します。
予測検索: 予測検索機能により、ユーザーがクエリを入力している途中で関連性の高い候補を自動で表示し、利便性を高めます。

ウェブサイト構築と管理の自動化

WordPressサイトの設計、構築、メンテナンスといった定型的な作業をAIがサポートします。

AIビルダー: AIがユーザーの目的や要望に基づいてデザインを提案し、コンテンツブロックを配置するなど、ウェブサイトの自動構築を支援します。コーディング知識がない人でも、魅力的なサイトを迅速に制作できるようになります。
パフォーマンス最適化: トラフィックの急増時に動的なリソース割り当てを行ったり、データベースクエリを最適化したりすることで、AIがサイトの速度低下やクラッシュを防ぎ、安定したパフォーマンスを維持します。
セキュリティと監視: AIは不審なトラフィックを検知したり、セキュリティリスクを早期に特定したりすることで、ウェブサイトの安全性を高めます。

AIはWordPressにおける「より速く物事を行う」ためのツールに留まらず、「より優れたウェブサイト」と「より包括的なデジタルエクスペリエンス」を構築するための中心的なパートナーとなりつつあります。

AIの時代に有料wordpressテーマを選ぶ必要があるのか

AIの時代になっても、有料WordPressテーマを選ぶ必要性は依然としてありますが、その理由や選択肢は変化しています。

AI技術、特にAIサイトビルダーの登場により、デザインの提案や基本的なサイト構築は以前よりも容易になりました。しかし、有料テーマが提供する高度な機能、専門的なサポート、そして洗練されたデザインの品質は、多くのユーザーにとって引き続き大きな価値を持ちます。

1. 高度な機能とカスタマイズ性

無料テーマでは実現が難しい、複雑な機能や特定の用途に特化した機能（例：高度なSEO対策、会員サイト機能、多機能なECサイト構築、特定の業界向けレイアウト）が組み込まれていることが多いです。

2. プロフェッショナルなデザイン品質と独自性

AIが生成するデザインは便利ですが、既製の有料テーマはプロのデザイナーによって洗練されたUI/UX（ユーザーインターフェース/ユーザー体験）に基づいて設計されています。多くのサイトとの差別化を図り、ブランドイメージを確立する上で、質の高いデザインは重要です。

3. 専門的なサポートと継続的なアップデート

有料テーマの最大の利点の一つは、開発元による専門的なサポートを受けられる点です。トラブル発生時の対応や、WordPress本体のアップデート、セキュリティの脆弱性への対応など、継続的なメンテナンスと機能改善が保証されます。これはサイト運営の安定性にとって非常に重要です。

4. 速度（パフォーマンス）とSEO最適化

質の高い有料テーマの多くは、高速表示やSEO（検索エンジン最適化）に最適化されており、サイトのパフォーマンス向上に直結します。AIビルダーによるコード生成は、現時点ではテーマ開発者が最適化したコードに劣る場合があります。

AI時代における無料テーマ・AIビルダーの立ち位置

AIの進化は、特に以下の点で有料テーマの「必要性」を相対的に下げています。

1. 基本的なサイト構築の簡略化

AIサイトビルダー（例：SeedProd AI、10Webなど）を利用すれば、デザインの知識がなくても、質問に答えるだけで基本的なWebサイトのプロトタイプを迅速に生成できます。個人ブログやシンプルなコーポレートサイトであれば、無料テーマやAIビルダーで十分なケースが増えています。

2. コンテンツ生成とパーツデザインの効率化

AIは、テーマ全体ではなく、コンテンツ（文章、画像）の生成や、既存のテーマ内での特定のブロックやセクションのデザイン提案（例：Elementor AI、Divi AIなどのページビルダープラグインのAI機能）を支援し、サイト制作の効率を高めています。

結論：選択のポイント

AIの時代において有料テーマを選ぶかどうかは、サイトの目的と要求される品質・機能によって決まります。

選択肢	適しているケース
有料WordPressテーマ	収益性の高いビジネスサイト、ECサイト、高いブランドイメージを求める場合。専門的な機能や高度なカスタマイズが必要な場合。安定したサポートと継続的なアップデートを重視する場合。
無料テーマ / AIビルダー	予算を抑えたい個人ブログや小規模サイト。デザインや機能に複雑さを求めず、最低限のWebプレゼンスがあればよい場合。サイト構築のスピードを最優先する場合。