WP-Page Navi、設定、カスタマイズ

プラグイン

WP-Page Naviの設定とカスタマイズ方法|サイトにページ数を表示する

ある程度記事数が増えてきたら、サイトにページ数を表示しておくことをオススメします。

WordPressにはデフォルトで“次のページ”“前のページ”が記載されており、
前後ページへはすぐに飛べるようになっていますが、
ページを指定するにはこの『WP-Page Navi』を導入する必要があります。

記事数が増えてきてある程度ページ数も増えてきたら、
サイト訪問者のサイト巡回率を高めるためにも当プラグインを導入しておきましょう。

WP-Page Naviのインストールと有効化

まずは、『WP-Page Navi』をインストール→有効化しておきましょう。

WP-Page Navi、設定、カスタマイズ

参考記事:WordPressにプラグインをインストールする方法

 

ダッシュボード設定PageNavi』で設定画面へいくことができますが、
ひとまずは何もしなくて大丈夫です。

プラグインの有効化ができたら、次はテーマ編集に変更を施していきましょう。

 

WP-Page Naviを設置する方法

プラグインをインストールしたら、次はfunction.phpの編集です。

ここをいじるときに失敗するとサイトトップページがぐちゃぐちゃになり手の施し用が無くなってしまいますので、必ずバックアップを取ってから変更を加えるようにしてくださいね。

参考記事:サイトカスタマイズの際に必ずするべきバックアップ方法

まず、ダッシュボード外観テーマの編集function.phpを選択し、
ページャーを表示する』という項目を見つけてください。

 

 

これを全て削除し、以下のコードに書き換えてください。

 

 

これで、サイトにページナビを取り付けることができました!

『WP-Page Navi』を有効化してからでないと、
function.phpを書き換えがおかしなことになってしまいますので注意しましょう。

 

ページナビを簡単にカスタマイズする方法

上記の設定までで、
ページナビを正常に取り付けることはできたでしょうか?

デフォルトのページナビでも充分なのですが、
サイトのデザインや雰囲気と合わない、という場合もあると思いますので

ここでは、非常に簡単にページナビをカスタマイズする方法をご紹介していきたいと思います。

『WP-Page Navi』を簡単にカスタマイズするには
Wp Pagenavi Style』というプラグインをインストールします。

ダッシュボードのなかに『PageNavi Style』という項目が追加されますので、
ここをクリックします。

WP-Page Navi、設定、カスタマイズ

 

設定画面では、ページナビのデザインが自由に選択できるようになっています。

● Select StyleSheet:Existing Style
● Select Style From Our Collection:お好みのデザインを選択

 

WP-Page Navi、設定、カスタマイズ

 

『Preview』には選択したデザインのプレビューが随時映し出されますので
しっくりくるものが決まったら、下の<Save Settings>をクリックします。

すると、こんな感じでトップページにページナビを取り付けることができました。

 

WP-Page Navi、設定、カスタマイズ

 

これで、以上になります。お疲れ様でした!

 

まとめ

今回は、ページナビを設定するプラグイン『WP-Page Navi』の設定方法と、
簡単にカスタマイズすることのできる『Wp Pagenavi Style』の使い方をご紹介してきました。

少し複雑でしたので、簡単に流れを再確認しましょう。

・WP-Page Naviのインストール
・function.phpの書き換え
・Wp Pagenavi Styleのインストール
・設定画面で簡単カスタマイズ

以上の流れでおしゃれで実用的なページナビを設定してみてくださいね^^
それでは、最後までご覧いただきありがとうございました!

 

画像の説明

関連記事

  1. Table of Contents、目次、設定

    プラグイン

    Table of Contents Plusで投稿記事に目次を自動生成する方法

    洗練されたサイトや記事には必ず、適切な位置に目次が設置されています。今…

  2. Simple Local Avatars、アバター画像、設定

    プラグイン

    Simple Local Avatarsでアバター画像を設定する方法を解説

    Wordpressで自分のサイトを運営していく際に、簡単に自分のアバタ…

  3. Wordpress、開設、インストール、プラグイン

    Wordpress

    WordPressを開設したらまずインストールするべき便利なプラグイン20選

    トレンドアフィリエイトのみに関わらず、Wordpressを長期に渡り運…

  4. Auto Post Thumbnail、使い方、アイキャッチ画像

    プラグイン

    Auto Post Thumbnailの使い方を解説|アイキャッチ画像を自動設定する方法

    記事を更新する際、個別にアイキャッチ画像をいちいち設定するのはけっこう…

  5. プラグイン

    インスタグラムのタイムラインをWordPressに埋め込むプラグイン

    こんにちは、Hitomiです! 最近、インスタグラム始めました(遅…

  6. XML Sitemaps、使い方、Search Console

    ツール

    XML Sitemapsの使い方とSearch Consoleとの紐付け方法を解説

    Googleが提供する無料プラグイン『Google XML Sitem…

Twitter

  1. Wordpress、CTA、プラグイン、WordPress Call To Action Plugin、使い方

    プラグイン

    WordPressにCTAを設置するプラグインWordPress Call To…
  2. 東京タラレバ娘、ぱんだ、LINEスタンプ、購入、方法

    アーティストから学ぶ

    東京タラレバ娘に登場するパンダのLINEスタンプを手に入れる方法
  3. 東京タラレバ娘、丸井さん、ズルキュン、クズ、丸井、小雪、結末

    ドラマ

    【東京タラレバ娘】丸井さんがズルキュン!クズ男丸井と小雪の結末は?
  4. 記事、アクセス数、Post-Views

    プラグイン

    記事ごとのアクセス数がわかるプラグインPost-Viewsを導入しよう
  5. マインドセット

    【人生はたったの3万日】人生は一度しかない。好きなことを仕事にしよう!
PAGE TOP