wordpress カテゴリーページ・記事ページ・カスタム投稿記事に次ページナビを付ける方法 2011年2月15日
Tag: |

テキスト形式の前のページ・次のページへのリンクを張る方法です。
先日インタビューページを作成した時に4ページに記事を分けて欲しいとクライアントに頼まれたときに記事ページに次ページナビを付けたのでそのやり方を記載しておきます。

1.index・カテゴリ・アーカイブページに次ページナビを付ける

<?php posts_nav_link(); ?>

2.記事ページに次ページナビを付ける

single.phpループ内に記述

<?php previous_posts_link('<<前のページ'); ?> 
<?php next_posts_link('次のページ >>'); ?>

3.次ページナビを画像にする場合

<?php previous_posts_link("%link",'<img src="/wordpress/wp-content/themes/msweb/images/bt_prev.gif" />') ?>
<?php next_post_link("%link",'<img src="/wordpress/wp-content/themes/msweb/images/bt_next.gif" />') ?>

4.カスタム投稿記事に次ページナビを付ける場合

カスタム投稿記事にはプラグインを使用します。
「Ambrosite Next/Previous Post Link Plus]
プラグインを有効化しsingle-○○.php内に下記を追加

<?php next_post_link_plus( array('in_same_tax' => true) ); ?>
<?php previous_post_link_plus( array('in_same_tax' => true) ); ?>

画像にしたい場合は

<?php previous_post_link_plus(array('format' => '%link', 'link' => '<img src="images/bt_prev.gif" />', 'in_same_tax' => true)); ?>
<?php next_post_link_plus(array('format' => '%link', 'link' => '<img src="images/bt_next.gif" />', 'in_same_tax' => true)); ?>

テキストにしたい場合は

<?php previous_post_link_plus(array('format' => '&lt;%link', 'link' => 'Prev page', 'in_same_tax' => true)); ?>
<?php next_post_link_plus(array('format' => '%link&gt;', 'link' => 'Next page', 'in_same_tax' => true)); ?>

index・カテゴリ・アーカイブページに番号で表示してくれるナビゲーションを付けるプラグインはこちら

New

Aechive

Tag

css Facebook facebookカスタマイズ Facebookページ font functions.php google NEWマーク RSS single.php webツール WEBデザインツール Wordpress アーカイブ カスタム カスタムフィールド カスタムフィールドテンプレート カスタム投稿 カテゴリー カレンダー サイドバー ターム テキスト テンプレートタグ プラグイン ヘッダ ページ ポップアップ メニュー 並び替え 並べ替え 人気 便利 分岐 印刷 年別アーカイブ 投稿 投稿記事 改行 文字数 文法チェック 最新記事 月別アーカイブ 特定カテゴリー 画像