プラグインを使用せずにページナビゲーションを設置する

プラグインを使用せずにページナビゲーションを設置する

previous_posts_link()タグで、トップページとアーカイブのページ送りをしていたのですが、記事数が増えてきてページを送ると何ページ送ったのか分からなくて見にくい為、ナビゲーションのプラグインをさがしてたところ、プラグインを使わなくてもページナビゲーションを設置する事ができるコードが、Yuriko.Net さんの記事で公開されていました。
早速このブログにも使わせて頂きました。該当のページが何ページあるのか、現在何ページ目なのかを表示でき分かりやすいです。

設置方法は記事に書かれている下記のコードを、表示したい箇所に記入するだけです。

<div class="tablenav"><?php global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
	$paginate_format = '';
	$paginate_base = add_query_arg('paged', '%#%');
} else {
	$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
	user_trailingslashit('page/%#%/', 'paged');;
	$paginate_base .= '%_%';
}
echo paginate_links( array(
	'base' => $paginate_base,
	'format' => $paginate_format,
	'total' => $wp_query->max_num_pages,
	'mid_size' => 5,
	'current' => ($paged ? $paged : 1),
)); ?></div>

↓下のようにページナビゲーションが表示されます。
ナビゲーションを表示

あとはCSSで見た目を整えれば完了です。こちらの記事にCSSコードもあるので、色の指定を変えるだけで簡単に設置ができました!ありがとうございます!

Related Article

No Comments & Tracbacks

Leave a Comment

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


*


Categorys

Tags

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