HOMEWordPress【WordPress】前の記事・次の記事のリンクをサムネイル画像付きで表示する【WordPress】前の記事・次の記事のリンクをサムネイル画像付きで表示する2020.02.08WordPressBこんにちは、ryohei(@ityryohei)です!WordPressで前の記事・次の記事のリンクをサムネイル画像付きで表示する方法のご紹介です。前の記事・次の記事で取得可能なデータと、パーマリンクとサムネイル画像を取得する方法を解説しています。前の記事・次の記事で出力できるデータ前の記事・次の記事のリンクを表示するでは、解説していきます。前の記事・次の記事を取得するWordPressでは、標準で前の記事と次の記事を取得する関数が用意されています。下記の関数になります。//隣接する前の記事を取得するget_previous_post();//隣接する次の記事を取得するget_next_post();使い方はとても簡単で、シングルページで上記の関数を呼び出すことで、隣接している前・次の記事を取得することができます。デフォルトでは、すべての記事の中から隣接している記事を取得するようになっていますが、引数を指定することで取得する記事を絞り込むことができます。同じカテゴリの中で隣接している記事を取得する場合は、下記のように記述します。get_previous_post(true);get_next_post(true);他にも特定のカテゴリを除外したり、タクソノミーを指定する引数が用意されています。詳しくは下記をご参照いただければと思います。get_previous_post()get_next_post()前の記事・次の記事の投稿データを取得する前項でご紹介した「get_previous_post()」と「get_next_post」で取得することができるデータを詳しくご紹介します。サイトによって取得したいデータは異なると思いますので、適宜参照していただければと思います。※本記事では下記の変数に関数で取得したオブジェクトを代入して解説しています。get_next_post();取得可能なデータID各関数で取得した投稿IDを取得します。$prev_post->ID;$next_post->ID;post_author各関数で取得した投稿の投稿者IDを取得します。$prev_post->post_author;$next_post->post_author;post_date各関数で取得した投稿の投稿時間を取得します。$prev_post->post_date;$next_post->post_date;post_date_gmt各関数で取得した投稿の投稿時間をGMT(グリニッジ標準時)で取得します。$prev_post->post_date_gmt$next_post->post_date_gmt;post_content各関数で取得した投稿の投稿内容(本文)を取得します。$prev_post->post_content;$next_post->post_content;post_title各関数で取得した投稿の投稿タイトルを取得します。$prev_post->post_title;$next_post->post_title;post_excerpt各関数で取得した投稿の抜粋を取得します。$prev_post->post_excerpt;$next_post->post_excerpt;post_status各関数で取得した投稿の状態(公開、非公開等)を取得します。$prev_post->post_status;$next_post->post_status;comment_status各関数で取得した投稿のコメントの受付状態をを取得します。$prev_post->comment_status;$next_post->comment_status;ping_status各関数で取得した投稿のピンバック・トラックバックの受付状態を取得します。$prev_post->ping_status;$next_post->ping_status;post_password各関数で取得した投稿のパスワードを取得します。投稿がパスワード保護されている場合に有効です。$prev_post->post_password;$next_post->post_password;post_name各関数で取得した投稿のスラッグを取得します。$prev_post->post_name;$next_post->post_name;to_ping各関数で取得した投稿のPING送信先リストを取得します。$prev_post->to_ping;$next_post->to_ping;pinged各関数で取得した投稿のPING通知済みのURLを取得します。$prev_post->pinged;$next_post->pinged;post_modified各関数で取得した投稿の更新時間を取得します。$prev_post->post_modified;$next_post->post_modified;post_modified_gmt各関数で取得した投稿の更新時間をGMT(グリニッジ標準時)で取得します。$prev_post->post_modified_gmt;$next_post->post_modified_gmt;post_content_filtered調査してみましたが、詳細不明な値になります。$prev_post->post_content_filtered;$next_post->post_content_filtered;post_parent各関数で取得した投稿の親ページのIDを取得します。$prev_post->post_parent;$next_post->post_parent;guid各関数で取得した投稿のGUID(オブジェクトに割り当てられた一意のID)を取得します。WordpressのGUIDはURLに似た形式となっています。$prev_post->guid;$next_post->guid;menu_order各関数で取得した投稿のメニューの順序を取得します。$prev_post->menu_order;$next_post->menu_order;post_type各関数で取得した投稿の投稿タイプを取得します。$prev_post->post_type;$next_post->post_type;post_mime_type各関数で取得した投稿のMIMEタイプを取得します。$prev_post->post_mime_type;$next_post->post_mime_type;filter各関数で取得した投稿に適用されたフィルター名を取得します。上記でご紹介した取得データの中には、前の記事や次の記事のリンクを表示するのに必要なパーマリンクやアイキャッチ画像がありません。前の記事と次の記事の投稿IDを取得することができますので、パーマリンクやアイキャッチ画像は別の関数を使用して取得します。パーマリンクget_permalink($prev_post->ID);get_permalink($next_post->ID);アイキャッチ画像のURLwp_get_attachment_url(get_post_thumbnail_id($prev_post->ID))wp_get_attachment_url(get_post_thumbnail_id($next_post->ID))以上、前の記事・次の記事を表示に必要なデータの取得方法のご紹介でした。最後に、簡単なサンプルを使って前の記事・次の記事のサムネイル付きリンクを作成してみます。CC)はAdobe社が提供するクリエイター向けのサービスです。Effects」など全20以上のアプリが提供されており、幅広いプランが用意されています。CCの全20以上のアプリが使用できるプランです。コンプリートプラン(12ヵ月)」がセットになって39,980円(税込)で利用できます。Cloudのライセンスを購入でき、以降のライセンス更新も可能。動画教材で基礎スキルを習得できるので、入門する方にも便利な講座です。詳しくは下記のリンクからチェックしてみてくださいね。Webエンジニア福岡のWeb制作会社でエンジニアをしています。記事に関するご質問やご相談等ございましたら気軽にお問い合わせください。サービス・ツールSPEEC登録不要、無料で使えるビジネス書類作成サービスです。見積書~領収書までのPDFを一括で作成することができます。犬のごはん楽天市場で販売中の犬のごはんを好みの条件で簡単に絞り込むことができるドッグフード検索サイトです。HASHWordPressのログイン用にハッシュ化したパスワードを生成するツールです。DBからパスワードを変更する場合にご利用ください。Programご訪問いただきありがとうございます!本サイトを運営しているryoheiと申します。福岡のWeb制作会社でエンジニアをしています。本サイトは私が業務中に得た知識をアウトプットする場として2015年から運営しています。into-the-program.com。