同ターム内を移動するページリンクを表示したり、サムネイルを一緒に表示したりできる、Wpプラグイン-Ambrosite Next/Previous Post Link Plus
カスタム投稿タイプの個別記事で、次の投稿、前の投稿へのリンクを表示する際に、同一のターム内でページ送りしたい事がありましたが、デフォルトではできなくて困りました。
previous_post_link() / next_post_link() の第3引数に TRUE を指定すれば同一カテゴリー内で移動可能ですが、これが有効なのは通常の投稿のみで、カスタム投稿タイプの同一ターム内でページ送りする場合にはこの方法ではできません。
「Ambrosite Next/Previous Post Link Plus 」というプラグインを使えば、同一ターム内でのページ移動が可能になります。その他にもサムネイルを簡単に表示できたり、ページリンクに関する機能が増えるような感じのプラグインです。
ダウンロード & 解説
解説:Next/Previous Post Link Plus for WordPress « Plugins « ambrosite web development services
ダウンロード:WordPress › Ambrosite Next/Previous Post Link Plus « WordPress Plugins
使い方
プラグインをダウンロードして、有効化します。
ページリンクを表示したいテンプレートへ以下のような書き方で、ページリンクを表示できます。パラメータを指定することで、同ターム内で移動できるようになったり、サムネイル表示ができます。
// 前への記事リンク <?php previous_post_link_plus(); ?> // 次への記事リンク <?php next_post_link_plus(); ?>
タイトルに同タームへのリンクを貼って表示する
同タームで移動するには、in_same_tax を true にします。
同タームの前の記事タイトルにリンクし、テキストの前へ“ « ”を表示。
<?php previous_post_link_plus( array('in_same_tax' => true) ); ?>
同タームの次の記事タイトルにリンクし、テキストの後ろへ“ » ”を表示。
<?php next_post_link_plus( array( 'in_same_tax' => true ) ); ?>
表示するフォーマットと文字を指定して表示する
‘format’や’link’のパラメータでマークアップしたり、リンクテキストをしたりできます。
PREV というテキストに同タームのリンクし、
タグで囲って表示。
<?php previous_post_link_plus( array( 'format' => <p class="prev">%link</p&>', // ↑ フォーマットを指定 'link' => 'PREV', // ↑ <a>タグに入る文字列 'in_same_tax' => true ) ); ?>
NEXT というテキストに同タームのリンクし、
タグで囲って表示。
<?php next_post_link_plus( array( 'format' => <p class="next">%link</p>', 'link' => 'NEXT', 'in_same_tax' => true ) ); ?>
タイトルのテキストリンクと一緒にサムネイルを表示する。
‘thumb’ を true にするか、サムネイルのサイズ指定することでサムネイル表示ができます。 ‘thumb’ => を ‘thumbnail’ でサムネイルサイズ ‘large’ で大サイズで表示できます。true にすると、中サイズで表示されます。
サムネイル画像はアイキャッッチかどうかではなく、その投稿に対して一番最初にアップロードされた画像が表示されるようです。
サムネイルには” .post-thumbnail “というクラス、テキストリンクには” .post-link “というクラスが付きます。
前の記事タイトルのテキストリンクの上へサムネイルを表示する。
<?php previous_post_link_plus( array( 'format' => <p class="prev">%link</p>', 'thumb' => 'thumbnail', // thumbnail のサイズで表示 'in_same_tax' => true ) ); ?>
次の記事タイトルのテキストリンクの上にサムネイルを表示する。
<?php next_post_link_plus( array( 'format' => <p class="next">%link</p>', 'thumb' => 'thumbnail', 'in_same_tax' => true ) ); ?>
その他のパラメータ
その他にもパラメータが沢山ありいろいろな表示ができるようです。
解説ページを参照。
No Comments & Tracbacks