同ターム内を移動するページリンクを表示したり、サムネイルを一緒に表示したりできる、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=&quot;prev&quot;>%link&lt;/p&>', 
	// ↑ フォーマットを指定
	'link' => 'PREV',
	// ↑ <a>タグに入る文字列
	'in_same_tax' => true
) ); 
?>
NEXT というテキストに同タームのリンクし、

タグで囲って表示。

<?php
	next_post_link_plus( array(
	'format' => <p class=&quot;next&quot;>%link&lt;/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=&quot;prev&quot;>%link&lt;/p>', 
	'thumb'  => 'thumbnail',
	// thumbnail のサイズで表示
	'in_same_tax' => true
) ); 
?>
次の記事タイトルのテキストリンクの上にサムネイルを表示する。
<?php
	next_post_link_plus( array(
	'format' => <p class=&quot;next&quot;>%link&lt;/p>', 
	'thumb'  => 'thumbnail',
	'in_same_tax' => true
) ); 
?>

その他のパラメータ

その他にもパラメータが沢山ありいろいろな表示ができるようです。

解説ページを参照。

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル コンテンツ スライドショー jQueryプラグイン php 引っ越し 素材 お知らせ JavaScript Facebook CSS カテゴリー 投稿タイプ IE HTML5 Shareボタン seo レスポンシブ Photoshop タクソノミー ナビゲーション カスタムメニュー Git Macアプリ サイドバー WPセキュリティ SVG iTunes PHPリファレンス API WP使い方 query_posts データベース get_posts() 条件分岐 コメント function RSS スマートフォン Sass/Compass さくらVPS