WP-PageNaviのデザインを33通り選べる「Wp PageNavi Style」

pagenavi-style

 

自動でページャーを設置してくれるプラグインの「WP-PageNavi」を使用する際に、CSSを修正してデザインを変更できますが、それを簡単にデザインカスタマイズ可能なプラグイン「WP-PageNavi Style」というものがあります。

 

1.「WP-PageNavi Style」プラグインをダウンロード

WP PageNavi Style

ダウンロード後、有効化すると管理画面上に「PageNavi Style」という項目が追加されます。

pagenavi-style-adminleft

 

2.デザインを選択

SelectStyleSheetで「custom」を選択すると細かく設定が可能ですが、「Existing Style(既存スタイル)」で33種類のデザインをプレビュー確認しながら選択することもできます。

Align Navigationで表示位置を、「左・中・右」から選択し保存をします。

▼全33種類一覧

pagenavi-style一覧

3.微調整

保存すれば自動でデザインを変更してくれますが、ちょっとした配置などの調整をしたい場合は、「plugins/wp-pagenavi-style/css/」の中に、選択したデザインごとのCSSが入っていますので、それを修正することができます。

 




タイトルとURLをコピーしました