ページング関連滋賀県守山市のホームページ制作

★一覧ページ送り
プラグイン：WP-pageNavi
※paged を設定しないと正常に動作しない。

<ul class="clearfix">
<!--?php query_posts( 'category_name=カテゴリー名&posts_per_page=12&paged='.$paged); ?-->
<!--?php if(have_posts()): ?-->
<!--?php while(have_posts()): the_post(); ?-->
<li>リピート要素</li>
<!--?php endwhile; ?-->
</ul>
         
<!--?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?-->
<!--?php endif; wp_reset_query(); ?--> ↑↑この記述の前に

/* 共通ページング */
 
.wp-pagenavi {
    margin: 30px auto;
    padding: 0 0 15px 0;
    clear: both;
    text-align: center;
}
 
.wp-pagenavi .pages {
    display: none;
    visibility: hidden;
}
 
.wp-pagenavi .current {
    width: 20px;
    padding: 12px 16px 12px 15px;
    margin: 0 5px;
    text-align: center;
    background: #d41716;
    font-size: 18px;
    color: #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
 
.wp-pagenavi a {
    width: 20px;
    padding: 12px 16px 12px 15px;
    margin: 0 5px;
    text-align: center;
    background: #999;
    font-size: 18px;
    color: #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
 
.wp-pagenavi a:hover {
    width: 20px;
    padding: 12px 16px 12px 15px;
    margin: 0 5px;
    text-align: center;
    background: #d41716;
    font-size: 18px;
    color: #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

——————
★投稿ページ送り

<span class="prev"><!--?php next_post_link('%link','<img src="/img/case-prev.png" /-->',TRUE); ?></span>
<span class="next"><!--?php previous_post_link('%link','<img src="/img/case-next.png" /-->',TRUE); ?></span>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>case"><img src="<?php echo esc_url( home_url( '/' ) ); ?>img/case_back.png" alt="一覧にもどる"></a>

★投稿ページ送り

					<div class="topicPaging">
						<ul>
							<li class="prev"><?php next_post_link('%link','次へ',TRUE); ?></li>
							<li class="next"><?php previous_post_link('%link','前へ',TRUE); ?></li>
							<li class="back"><a href="/note">備忘録一覧</a></li>
						</ul>
					</div>
					<!-- /CLASS productsPaging -->