連載第154回
2019年9月11日
ページナビゲーション(ページ送り)の設置:WP-PageNavi

ページナビゲーションを設置した

 投稿数もかなり多くなったので、ページナビゲーション用のプラグインを設置。WP-PageNavi。

外観は内部で使用しているStyle.css内に記述

 参考サイトに掲載されていたものがとてもシンプルで良かったので、そのまま利用させていただくことにした。感謝しかない。

.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{
color:#FFF;
background-color:#0883ac;
border-color:#0883ac;
}
.wp-pagenavi span.current{
color: #999;
background-color: #eaeaea;
border-color: #d8d8d8;
font-weight: bold;
}

 結果はこのように(↓下図)。

 ちなみに当サイトでは、ページに表示する記事タイトル数を、併用しているプラグイン「Custom Query String 2.9」で設定しているのだが、その設定値の方が優位で、その数によりWP-PageNaviのページ送りボタンの表示が決定されるようだ。うまく共存出来て何よりである。