本文へジャンプ
はなとみかん > Blog > WordPress > WP-PageNaviみたいなページングに変更

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

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

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のみ対応。

PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで
プラグインやテーマを自作したいと思っている人向けのWordPress本。

Tags: ,
Posted in WordPress  Twitterでつぶやく

0Comments コメントのRSS

コメントする

コメントする

Trackbacks & Pingbacks2

  1. [...] WP-PageNaviみたいなページングに変更 | Webデザイン・ホームページ作成 はなとみかん [...]

    Tracked on 04-30-2011 by HTML5版!PHPの分からない初心者向けフリーWordPressテーマ”mypace custom V”を配布開始! | マイペースクリエイターの覚え書き

  2. [...] WP-PageNaviみたいなページングに変更 | Webデザイン・ホームページ作成 はなとみかん [...]

    Tracked on 08-22-2011 by HTML5版!PHPの分からない初心者向けフリーWordPressテーマ”mypace custom V”を配布開始!|mypace custom theme project


categories
archives

    Fatal error: Call to undefined function monthchunks() in /home/users/2/chicappa.jp-hanatomikan/web/hanatomikan/wp-content/themes/hanatomikan/sidebar.php on line 40