個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

WordPressで前後ページへのリンク先URLだけを取得するテンプレートタグget_permalinkとget_adjacent_post

WordPressで前後ページへのリンク先URLだけを取得するテンプレートタグget_permalinkとget_adjacent_post

WordPressで前後ページへのリンク先URLだけを取得するテンプレートタグをご紹介します。
WordPressでは必須の機能ともいえる前後ページのリンク機能。
一般的には、previous_post_link();やnext_post_link();を使用しますが、この場合、a要素に加えて、リンク先の記事タイトルも合わせて表示(拾って)しまいます。
タイトルなどはいらないのでリンク先URLだけが必要な場合というのはないでしょうか。
個人的に必要な機会があり、調べてみたところうまくいきましたので、ご紹介します。

前後ページへのリンク先URLだけをテンプレートタグget_permalinkとget_adjacent_postを組み合わせて取得する

冒頭でも書きましたが、前後ページヘのリンクを実現させる場合、previous_post_link();やnext_post_link();を使用するのが一般的です。
しかし、この方法だと、a要素に加えて、リンク先の記事タイトルも合わせて表示(拾って)しまいます。
ほしいのはリンク先URLだけという場合には、使用することができません。
(実現可能かもしれないのですが、私にはわかりませんでした)。
そこで利用するのが、<?php get_permalink(); ?>と、<?php get_adjacent_post() ?>という2つのテンプレートタグです。
get_permalinkは投稿記事のパーマリンクを取得するテンプレートタグ、get_adjacent_postは現在の投稿記事に隣接する投稿記事を取得するテンプレートタグです。
この2つのテンプレートタグを組み合わせ、前後ページのリンク先URLだけを取得できるようにします。

実際に利用する際には、以下のようにa要素内で使えばOKです。

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 7

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

WordPressのカスタマイズでよく使うWordPressのif文と条件分岐タグ

WordPressのカスタマイズでよく使うWordPressのif文と条件分岐タグ15

WordPressのカスタマイズでよく使うWordPressのif文と条件分岐タグを、個人的にまとめ

記事を読む

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.7プラグイン編

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.7プラグイン編

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方

記事を読む

エックスサーバーを使ってWordPressをサブディレクトリ型でマルチサイト化する:既存サイトがルート直下にある場合

エックスサーバーを使ってWordPressをサブディレクトリ型でマルチサイト化(1つのWordPre

記事を読む

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.6

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方

記事を読む

レスポンシブに対応したWordPress用テーマ90+(2014年ベストテーマ)

レスポンシブに対応したWordPress用テーマ90+(2014年ベストテーマ)

レスポンシブWEBデザインに対応したWordPress用テーマをまとめてご紹介します。 今回ご紹介

記事を読む

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.5

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.5

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方

記事を読む

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.4

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.4

HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方

記事を読む

おすすめはコレ!WordPressのバックアップ用プラグインベスト5

おすすめはコレ!WordPressのバックアップ用プラグインベスト5

WordPressのバックアップ用プラグインでオススメのプラグインをご紹介します。 WordPre

記事を読む

無料で利用できるレスポンシブWEBデザイン対応のWordPress用テーマ249

photo credit: Kalexanderson via photopin cc レスポ

記事を読む

無料で利用できるキレイなデザインのWordPressテーマ50(2015年版)

無料で利用できるキレイなデザインのWordPressテーマ50(2015年版)

無料で利用できるキレイなデザインのWordPressテーマ2015年版をご紹介します。 WordP

記事を読む