ホームページ制作 ｜ ウェブスタジオ タブレ » カテゴリーテンプレート

• tecnicalnote

カテゴリーテンプレート

カテゴリーページの表示件数を指定する場合

<?php
global $query_string;
// ページナビを使う場合
$paged = get_query_var('paged');
$catinfo = get_the_category();$catname = $catinfo[0]->category_nicename;
// カテゴリが2を2件まで、それ以外は5件
$cat == '2' ? query_posts($query_string . '&posts_per_page=2')
            : query_posts($query_string . '&posts_per_page=5');
if (have_posts()) : while (have_posts()) : the_post();
?>

ページナビ

<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: #2583ad;
	padding:10px;
	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;
}

ページナビがうまく動かない（NotFoundか同じページが表示される）場合は
ワードプレスの設定、表示設定の「1ページに表示する最大投稿数」を
最小単位に設定する

で。