WP-PageNavi

WordPressを利用してブログを運営しているブロガーは、サイトのページ送りを表示してくれるプラグイン「WP-PageNavi」を導入している方が多いと思います。
wp-pagenavi-style02
【編集】 functions.php / base.cssブログの記事数が増えてきて、ページ数も増えると、ページ最下部の「以前の記事へ→」「←新しい記事へ」では少々使い勝手が悪いですよね。特に、以前の記事から読みたい場合には「以前の記事へ→」を何度もクリックして遡るのも大変です。ひと目で、このサイトは何ページあるのか、今は何ページ目を見ているのかなどが判ると読者にも便利です。また、何度もページをめくらなくとも、ワンクリックで目的のページへ行けるようにしたいですね。そんな時、番号付きのページナビゲーションを表示してくれる...
読者の方にもSEO的にも、非常に便利なプラグインなのですが、ひとつ不満を言えばデザインがちょっとね。CSSを少し変更すれば多少なりとも見栄えの良いデザインになるのですが、「CSSって何?」という人にはハードルが高いですよね。
「WP PageNavi Style」は、そんな方でも簡単にデザインのカスタマイズが可能なプラグインです。

「WP PageNavi Style」のインストール

ダッシュボードから「プラグイン」「新規追加」で検索窓に「WP PageNavi Style」と入力。
「今すぐインストール」して有効化しておきます。
wp-pagenavi-style03

「WP PageNavi Style」の設定

ダッシュボードから「PageNaviStyle」を選択して設定画面へ。
wp-pagenavi-style04
Select StyleSheetを「Existing Styles」にして、Select Style From Our Collection の右のドロップダウンメニューから、スタイルを選択します。
wp-pagenavi-style05
例えば「WHITE BLUE」を選択すると
wp-pagenavi-style05
「RED BLACK」ですとガラリと雰囲気が変わります。
wp-pagenavi-style07

PageNaviStyleのデザイン一覧

wp-pagenavi-style08

「PageNaviStyle」はドロップダウンメニューの項目を選択するだけで、デザインが変わりますので、色々ためしてみて自分のサイトに合うスタイルを選択するのが良いかと思います。