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


ワードプレスドロップシッピングで使うと、どうしてもページ送りの必要が出てきます。沢山の商品を一発で登録できるのですから100個とか200個とか1000個とか言う単位で商品を登録したい、と思うのは当然ですね。
でも、大量に登録に必要なのは「ページング」と言うことです。

ワードプレスには沢山のプラグインが用意されています野で、ページングにもプラグインがあります。有名なところでは、WP-PageNaviというプラグインです。

ですが、本日はこれを使わずにPHPで書いてしまおうというものです。プラグインを使えばよいのに、なぜそんな面倒なことをするのか?といえば、それは
WP-PageNaviはWordPress のバージョンに応じて使用するバージョンが異なっているからですね。

参考コードは以下です

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),
)); ?>

そして、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;
}

一度お試しあれ
コード出展サイト
Yuriko.Net