ブログ記事で「前後の投稿へのリンク」を実装する方法


  1. WordPressを使用している場合: WordPressでは、次の投稿と前の投稿へのリンクを自動的に生成するための関数が用意されています。以下のコードをテンプレートファイル(例:single.php)に追加することで、前後の投稿へのリンクが表示されます。

    <div class="nav-links">
      <div class="nav-previous"><?php previous_post_link(); ?></div>
      <div class="nav-next"><?php next_post_link(); ?></div>
    </div>
  2. カスタムウェブサイトを作成している場合: カスタムウェブサイトを作成している場合、前後の投稿へのリンクを手動で実装する必要があります。以下の例は、PHPとデータベースを使用して前後の投稿を取得し、リンクを表示する方法です。

    <?php
      // 現在の投稿IDを取得
      $current_post_id = get_the_ID();
      // 前の投稿を取得
      $previous_post = get_previous_post();
      if ($previous_post) {
         $previous_post_id = $previous_post->ID;
         $previous_post_url = get_permalink($previous_post_id);
         echo '<a href="' . $previous_post_url . '">前の投稿</a>';
      }
    // 次の投稿を取得
      $next_post = get_next_post();
      if ($next_post) {
         $next_post_id = $next_post->ID;
         $next_post_url = get_permalink($next_post_id);
         echo '<a href="' . $next_post_url . '">次の投稿</a>';
      }
    ?>

    これにより、前後の投稿へのリンクが表示されます。