WordPressのページング用プラグイン「WP PageNavi」のデザインを簡単手軽に変更できるプラグインがWP PageNavi Styleです。
最初から豊富なデザインが用意されているだけでなく、色番号を指定して独自のスタイルを適用することができるなど、どちらの場合でやってもWP PageNavi Styleでレイアウトを管理した方が楽かなと思います。
WP PageNavi Style プラグインのインストール
管理画面のプラグイン新規追加画面よりWP PageNavi Styleを検索するか、以下のサイトよりプラグインファイルをダウンロードします。WP PageNavi Style
テーマの設定
WP PageNavi Style Optionsで最初から用意されているページャーのテーマも結構カッコいいです。角丸やグラデーションが入っているデザインについては「CSS3 ○○」という名前になっていますので、サイトの環境に合わせて選択してください。
![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle01.png)
![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle02.png)
![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle04.png)
CSS3ではないテーマも多数用意されています。
![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle03.png)
位置の設置
ページャーを「左寄せ」「中央」「右寄せ」のどれにするかを選択できます。![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle05.png)
オリジナルのデザインを設定
用意されたテーマを利用せずに、デザインをカスタマイズすることも出来ます。![[WP]WP PageNavi によるページ送りのデザインは「WP PageNavi Style」が便利](https://webantena.net/wp-content/uploads/2012/06/wppagenavistyle06.png)
コメント