2015/06/16
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だけを取得できるようにします。
1 2 |
<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>//古い記事のリンク先URL <?php echo get_permalink(get_adjacent_post(false,'',false)); ?>//新しい記事のリンク先URL |
実際に利用する際には、以下のようにa要素内で使えばOKです。
1 2 |
<a href="<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>" class="previous" ></a> <a href="<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>" class="next"></a> |
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.3
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方
-
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.1
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方
-
無料で利用できるレスポンシブWEBデザイン対応のWordPress用テーマ249
photo credit: Kalexanderson via photopin cc レスポ
-
エックスサーバーを使ってWordPressをサブディレクトリ型でマルチサイト化する:既存サイトがルート直下にある場合
エックスサーバーを使ってWordPressをサブディレクトリ型でマルチサイト化(1つのWordPre
-
WordPressのカスタマイズでよく使うWordPressのif文と条件分岐タグ15
WordPressのカスタマイズでよく使うWordPressのif文と条件分岐タグを、個人的にまとめ
-
レスポンシブに対応したWordPress用テーマ90+(2014年ベストテーマ)
レスポンシブWEBデザインに対応したWordPress用テーマをまとめてご紹介します。 今回ご紹介
-
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.7プラグイン編
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方
-
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用オリジナルテーマにする方法vol.6
HTML+CSSページ(レスポンシブWEBデザイン)をWordPress用のオリジナルテーマにする方
-
無料で利用できるキレイなデザインのWordPressテーマ50(2015年版)
無料で利用できるキレイなデザインのWordPressテーマ2015年版をご紹介します。 WordP
-
WordPressのテーマ検索に最適!テーマをより探しやすくした検索サービス「ThemeBro」
WordPressのテーマ検索に最適な、テーマ検索に最適化された検索サービス「ThemeBro」をご