Wp Pagenavi Styleでページナビゲーションを改善

このブログのページナビゲーションは、WP-PageNaviプラグインで
表示しているのですが、あっさりし過ぎと言うか寂しい表示でした。
そこで、これを改善すべくWebで情報を調べたら
Wp Pagenavi Styleプラグインにたどり着きました。
このプラグインは、WP-PageNaviのデザイン面を拡張するものです。

さっそくインストールしてみます。
page2
ダッシュボードのサイドバーにPagenavi Styleのメニューが追加されました。
ここで、設定を行います。
一番上、Select StyleSheetのプルダウンで
カスタムかExisting Styles(プリセットデザイン)かを選択します
今回は、Existing Stylesを選択しました。

次に、Select Style From Our Collectionメニューから
気に入ったデザインを選びます。
選択したデザインによって、Previewの表示が変わります。

最後に、Align Navigationでナビゲーションの位置を決めたら終了です。

使用前
page1
使用後
page3

ちなみに、Select Style From Our Collectionでデザインを選んで
ページ選択部分のカラーを変更したい場合は
wp-pagenavi-style\cssの中にある、各スタイルの
cssファイルを変更すればOKです。
(このブログもマークのカラーを変更してあります)

カスタム後は、プラグインの更新などで上書きされるかもしれないので
バックアップは取っておきましょう。

カテゴリー: Web, Wordpress タグ: , パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です