Web制作

WP-PageNavi

2020.12.10

WP-PageNavi

WP-PageNavi で簡単ナビゲーション

WP-PageNavi は、ワードプレスのカテゴリーページでページナビゲーションを簡単に実装できる便利なプラグインです。
カテゴリーページの他、アーカイブやAuthorなど、複数の記事が一覧表示されるテンプレートで使用できます。
デザインはシンプル&スタンダード。操作性の良い分かりやすいページナビゲーションがささっと組み込めます。

 

WP-PageNaviプラグインのセットアップ

 

WP-PageNaviをインストール

:WP-PageNaviをインストールして有効化します

 

「プラグイン」の「新規追加」で「WP-PageNavi」をインストール。
「このプラグインは現在使用中のWordPress バージョンではテストされていません」と表示されますが、今のところ(2020年11月)問題なく使えています。

インストールしたら「有効化」。「設定」をクリックして…..

 

WP-PageNavi設定

:WP-PageNaviの設定画面

 

まずデフォルト状態のままでもOK。

 

ページナビゲーション設定

:ページナビゲーションの設定エリア

 

「常にページナビゲーションを表示」を「はい」にして、「表示するページ数」「省略表示するページ数」「省略ページを以下の倍数で表示」にお好みの数字を入れて、「変更を保存」で完了です。

 

テンプレートにコードを挿入

:テンプレートにコードを挿入します

 

「category.php」など、ナビゲーションを付けたいテンプレートのページ送り部分を書き換えます。
↑では一般的な「previous_posts_link」「next_posts_link」をコメントアウトして、代替として「wp_pagenavi」を入れています。
※この記事の一番最初の画像のようになります

スマホ用の微調整も

 

スマホ用微調整もしましょうね
:左・表示するページ数:5 右・表示するページ数:3


ページ送り数が多い場合は、スマホ用を前提に「表示するページ数」を微調整した方がよいかもしれません。