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

投稿数もかなり多くなったので、ページナビゲーション用のプラグインを設置。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のページ送りボタンの表示が決定されるようだ。うまく共存出来て何よりである。
WordPressページナビゲーションを作成するプラグインWP-PageNavi(Webプログラミング入門)
Wp-PageNavi デザイン変更用CSSを17種類書きました。ご自由にお使いください。(Taniweb)
2019-09-11 > VPS&WordPress引っ越しメモ