wordpres プラグインなしでページナビを設置

先日プラグイン「WP SiteManager」のパンくずとページナビ(ページャー)の設置方法について説明したのだけれど、結局プラグンなしで設置したほうが負荷もなくなるし、WP SiteManagerを使った後ちょっと無限ループに陥ってたので何かプラグイン同士相性が悪かったのかもしれないと思って使用をやめました。
そもそも他のプラグインでもなんとかなりそうな内容でしたし。

というわけでページャーを作ります。
pagenav

HTML

<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

.tablenav {
	color: #CA0053;
	background:white;
	margin: 4em auto 1em auto;
	line-height:2em;
	text-align:center;
border-top:1px dotted #ccc;
	padding-top: 2em;
}

a.page-numbers, .tablenav .current {
	color: #CA0053;
	padding: .3em .5em;
	border:solid 1px #999;
	text-decoration:none;
	font-size:1rem;
}

a.page-numbers:hover {
	color:#CA0053;
	background: #e3e3e3;
}

.tablenav .current {
	color: white;
	background: #CA0053;
	border-color: #CA0053;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:1rem;
	font-weight:bold;
}
上記HTMLを私はtag.phpとcategory.phpとauthor.phpとarchive.phpに入れています。

参考URL
WP-PageNavi を使わずにナビゲーション表示
http://www.yuriko.net/arc/2008/07/26/navigation/

コメントを残す