WP PageNavi Styleの使い方と設定方法、賢威での注意点

WP PageNavi Style

前回、WordPressプラグイン『WP-PageNavi』を使用したページナビゲーションの追加方法をお教えしましたよね。

 

しかし、はっきり言ってあのデザインはダサくないですか?もっとかっこいいのがいいですよね。ちなみにこちらがそのデザインです。

WP PageNavi Style4

そんな人におすすめのプラグインがこちら『WP PageNavi Style』です。

『WP PageNavi Style』を使用すれば、知識のない方でもページナビゲーションを簡単にいろいろなデザインに変更することができます。

デザインにこだわることで、独自の世界観を演出することができ、サイトに訪問してくれた方にワクワク感を与えることができるんです。そうするとファンになってくれやすくなります。

つまり、リピーターとなってくれるのです。

ページナビゲーションはサイトのデザインのほんの一部に過ぎませんが、ちょっとした事に手を抜いてはいけません。徹底的にこだわりぬくことで、より確立された世界観を演出できますのでぜひ設定してみてくださいね。

 

設定方法も簡単ですので参考にしてみてください。

また、テンプレートに賢威を使用している方は一つ注意点がありますので、そちらも紹介します。

使い方・設定方法

1.WordPressプラグイン『WP PageNavi Style』インストールし、有効化します。

WordPressプラグインのインストール、有効化の詳しい方法はこちらを参考にしてください。

 

2.WordPress管理画面のサイドバーに「PageNavi Style」というのが表示されますので選択します。

WP PageNavi Style1

 

3.設定ができるようになります。画像の下にそれぞれの具体的な説明をしています。

WP PageNavi Style2

Select StyleSheet:

「Existing Style/Custom」のどちらかを選択できます。

・Existing Style:すでに存在する33種類の中から好きなデザインを選択します。

・Custom:自分で好きなデザインにカスタマイズすることができます。

 

Select Style Form Our Collection:

既存の33種類のデザインから好きなものを選択します。

 

Align Navigation:

ページナビゲーションの位置を選択できます。

 

4.最後に「Save Settings」をクリックして保存します。

WP PageNavi Style3

 

すると以下のように反映されています。

WP PageNavi Style6

これで完了です。

しかし、冒頭でも述べたように、テンプレートに賢威を使用している方はもう少し設定しなければいけない部分があります。

賢威を使用している場合の注意点

賢威を使用している方は一度スマホでページナビゲーションをチェックしてみてください。

すると、このようにデザインが崩れてしまっていますよね。

WP PageNavi Style9

基本的にパソコンでしか確認しない人が多いので、なかなか気づきにくく注意が必要です。

ここを直す方法を解説していきます。

 

1.WordPress管理画面サイドバーの「外観」→「テーマ編集」を選択肢、「design.css」を選択します。

WP PageNavi Style7

 

2.この部分を変更していきます。

変更後は以下のようになります。マーカーの部分を追加しました。

 

3.最後に変更を保存すれば完了です。

実際にスマホで見てみると…

WP PageNavi Style8

このように直っています。

以上で『WP PageNavi Style』の使い方、設定方法は以上です。

最後に

実際に設定してみると、非常に簡単で数分で終わってしまいます。

少しでもサイトデザインを良くするためにも、ぜひ設定してみてください。

 

また、ページナビゲーションを取り入れることで得られるメリットはこちらで解説していますので良ければご覧ください。

メールマガジン登録





コメントを残す

サブコンテンツ

このページの先頭へ