WP-PageNaviみたいなページングに変更02-13-2010

プラグインが多くなりすぎるのがイヤでWP-PageNaviを入れてなかったけど、プラグインを使わなくても実装できるというYurikoさんの記事をみつけたので早速やってみました。

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

Yurikoさんのところで配布しているCSSとコードそのままの表示はコレ。

「≪前ページへ」と「次ページへ≫」という部分を「≪」と「≫」に変更するために17行目と18行目を追記。

<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),
	'prev_text' => '&laquo;',
	'next_text' => '&raquo;',
)); ?></div>

あとはCSSでデザインを変更してこうなりました。

※角丸表示はFirefox3+、Safari3+、Google Chromeのみ対応。