WordPressにページング(ページャー)を追加したい

WordPressのアーカイブ一覧などの下にページ送りの機能がありますね。
通常は「←古い投稿 」などになっていますが、これではなんだか前後しかわからない、、、。
コンテンツの内容にもよりますが、できればかっこいいページャーをつけたい。と思って今まではWP-PageNaviなどのプラグインを使ってましたが
これではプラグインばかりになってしまうのでいやだなあ、、と思っていました。
ところが池田百合子さんのサイトにPHPコードが掲載されていたので早速使用。

参考:WP-PageNavi を使わずにナビゲーション表示

[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>[/php]

これです!!
とっても使いやすいです。

あとはCSSをいじってオリジナルにカスタマイズ。
[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;
}
[/css]

色々見ていたら最後の記述に
[php]
‘prev_text’ =&gt; ‘≪ Previous’,
‘next_text’ =&gt; ‘Next ≫’
[/php]
を入れて「次へ」「前へ」文字を変えることも可能。

関連記事

  1. WPのカテゴリを自由に並べ替えるプラグイン

  2. WordPress3.9にアップグレードするとTiny MCE Adv…

  3. WordPressで新着記事一覧にNEWアイコンをつける

  4. ロリポにインストールしたWordPressのテーマ編集ができない

  5. WordPressの複数設置

  6. カスタムフィールドテンプレートで値がない時は項目ごと表示しない