Wp-PageNaviをプラグインWP PageNavi Styleを使って装飾する

CSSを自分で書かずともWP PageNavi Styleを導入するとWp-PageNaviがスタイリッシュに表示されます。

WP PageNavi Style導入手順

• 新規プラグイン検索でWP PageNavi Styleを検索、有効化
• ダッシュボードのPageNavi Styleでオプションを指定して設定を保存

PageNavi Styleオプション設定画面

これだけで正しく表示されます。