![WP PageNaviのスタイルをカスタマイズするプラグイン「WP PageNavi Style」](https://amehati.net/wp-content/uploads/2018/03/page-ns-01.png)
WordPressを利用してブログを運営しているブロガーは、サイトのページ送りを表示してくれるプラグイン「WP-PageNavi」を導入している方が多いと思います。
![wp-pagenavi-style02](https://amehati.net/wp-content/uploads/2018/03/page-ns-02.png)
【編集】 functions.php / base.css ブログの記事数が増えてきて、ページ数も増えると、ページ最下部の「以前の記事へ→」「←新しい記事へ」では少々使い勝手が悪いですよね。 特に、以前の記事から読みたい …
読者の方にもSEO的にも、非常に便利なプラグインなのですが、ひとつ不満を言えばデザインがちょっとね。CSSを少し変更すれば多少なりとも見栄えの良いデザインになるのですが、「CSSって何?」という人にはハードルが高いですよね。
「WP PageNavi Style」は、そんな方でも簡単にデザインのカスタマイズが可能なプラグインです。
ダッシュボードから「プラグイン」→「新規追加」で検索窓に「WP PageNavi Style」と入力。
「今すぐインストール」して有効化しておきます。
![wp-pagenavi-style03](https://amehati.net/wp-content/uploads/2018/03/page-ns-03.png)
ダッシュボードから「PageNaviStyle」を選択して設定画面へ。
![wp-pagenavi-style04](https://amehati.net/wp-content/uploads/2018/03/page-ns-04.png)
Select StyleSheetを「Existing Styles」にして、Select Style From Our Collection の右のドロップダウンメニューから、スタイルを選択します。
![wp-pagenavi-style05](https://amehati.net/wp-content/uploads/2018/03/page-ns-05.png)
例えば「WHITE BLUE」を選択すると
![wp-pagenavi-style05](https://amehati.net/wp-content/uploads/2018/03/page-ns-06.png)
「RED BLACK」ですとガラリと雰囲気が変わります。
![wp-pagenavi-style07](https://amehati.net/wp-content/uploads/2018/03/page-ns-07.png)
![wp-pagenavi-style08](https://amehati.net/wp-content/uploads/2018/03/page-ns-08.png)
「PageNaviStyle」はドロップダウンメニューの項目を選択するだけで、デザインが変わりますので、色々ためしてみて自分のサイトに合うスタイルを選択するのが良いかと思います。