WP-PageNavi を使わずにナビゲーション表示備忘録

----------------------- 2010 年 5 月 22 日 -----------------------

By とみせん店長 posted in wordpress with No Comments

---- この記事はおおよそ 3分3秒で読めます ----

別のブログ（そばを楽しもう♪）でページナビを実装するプラグインを使おうとしましたが、
Yuriko.Net さんの記事でWP-PageNavi を使わずにナビゲーション表示する方法を
紹介されていたので、その備忘録。

ナビゲーションを表示したいところ（index.phpとか）に以下を記述

<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>

見た目を整えるために使っているテーマのstyle.css に以下を追加

.tablenav {

        color: #2583ad;

        background:white;

        margin: 1em auto;

        line-height:2em;

        text-align:center;

}



a.page-numbers, .tablenav .current {

        color: #00019b;

        padding: 2px .4em;

        border:solid 1px #ccc;

        text-decoration:none;

        font-size:smaller;

}



a.page-numbers:hover {

        color:white;

        background: #328ab2;

}



.tablenav .current {

        color: white;

        background: #328ab2;

        border-color: #328ab2;

        font-weight:bold:

}



.tablenav .next, .tablenav .prev {

        border:0 none;

        background:transparent;

        text-decoration:underline;

        font-size:smaller;

        font-weight:bold;

}