賢威ワードプレスでページネーションを設定する方法

今日は、ページネーションの設定方法についてお話します。

「ページネーションって何？」という方は下記を見てみてください↓

めいこのブログの下にこのようなページ番号があります。
これがページネーションです。

ページャー、ページナビとも呼ばれています。

この部分は、初期設定の段階では
「以前の記事へ」という表示になっています↓

今見てもらっているブログは、トップページに１０記事表示されるようになっています。
１０記事以上ある場合、上記のような「以前の記事へ」というボタンをクリックすれば
次のページへ飛んでもう１０記事表示されるようになっています。

「以前の記事へをクリックして、記事を読むことができるなら
べつにページ表示させなくてもいいんじゃないの？」

なんて思うかもしれませんが、ページネーションは設定しておくと良い理由があります。

賢威でページネーションを設定するメリット

ページネーションを設定するメリットは２つあります。

• ページナンバーで表示することで、より使いやすさ（ユーザビリティ）が向上する
• Googleの評価が高くなる（SEO効果がある）

ページナンバーで表示することで、より使いやすさ（ユーザビリティ）が向上する

まず、「以前の記事へ」という表示では
ブログの総ページ数というものがわかりません。

「以前の記事へ」というボタンを押せば、過去の記事を表示させることはできますが
そのサイトの何十記事、何百記事も前の記事を探そうとすると、
何回も「以前の記事へ」をクリックしなければならなく、
サイトに訪問してくれたユーザーのことを考えると、少し面倒に感じます。

ページナビに変更することで、
一気に何十記事、何百記事も前に戻ることができますし
サイトを訪問してくれたユーザーに記事を探しやすくする＝使いやすいサイトとなります。

Googleの評価が高くなる（SEO効果がある）

また、ユーザーにとって、見やすい・探しやすいブログは
Googleからの評価も高くなり、SEOにも効果があると言われています。

正直、SEO効果に関しては私はまだ実感できていませんが
Google評価が良いに越したことはないと思います。

私も実際にページナビを入れてみて、過去に書いた記事を探したい時に
「だいたい、ここらへんにあるよね」と検討をつけて探すことができたので
ブログに訪問してくれた人だけでなく、自分自身も役立つので
ページナビ表示に変えておくことをおすすめします。

では、早速ページネーションを設定する方法を図解入りでお話していきます。

賢威でWP-PageNaviを使ってページネーションを設定する方法

ページネーションを表示するには、
『WP-PageNavi』というプラグインを使用するのでプラグインを導入しましょう。

まずは、ワードプレスのダッシュボードから
プラグイン⇒新規追加をクリックします。

プラグインの検索画面で、『WP-PageNavi』と入力しましょう。
下記のような表示が出てくるので、今すぐインストールをクリックします。

有効化をクリックします。

「プラグインを有効化しました」と表示が出たら、WP-PageNaviのインストールは完了です。

WP-PageNaviを表示させる方法：PHPの編集をする

続いて、ワードプレスのダッシュボードから
外観⇒テーマの編集をクリックします。

テーマの編集画面の右側にあるテンプレートの項目から
テーマのための関数（functions.php）をクリックします。

functions.phpをスクロールしていくと
ページャーを表示するという項目が出てきます。
この部分を編集していきます。（赤い四角で囲っているところ）

まず、ページャーの中での３箇所のifの部分（下の画像で赤く囲っている部分）の先頭に「//」を付けます。
つまり、

//if～という表記に変更します。

さらに、「//if～」と変更したその下に下記のコードを追加します。

echo “<div class=\”cont-menu-wp\”>”;
wp_pagenavi();
echo “</div>”;

ページャーの部分が、下記のように変更されていればOKです。
（赤い四角の部分）

上記のように書き換えたら、最後に
ファイルを更新をクリックして変更内容を保存しましょう。

これで、ブログを見てみると下記のようにページネーションが表示されます。

PHPの編集とか少しややこしく感じるかもしれませんが
落ち着いてやれば５分ぐらいでできますのでやってみてください＾＾

また、このままの表示でもいいのですが
ページネーションはデザインを変更することもできます。

変更方法については、次の記事で紹介しますので引き続きご覧ください。
↓↓↓

うつ病の元OLがブログアフィリエイトでお金を稼ぐ方法

賢威でページネーションのデザインを変える方法

https://free-lifebusiness225.com/4717.html

今回は、ページネーションのデザインを変更する方法について解説します。以前の記事でページネーションの設定についてお話しています。まだ、ページネーションの設定をしていない人やページネーションの意味がわからない人は下記の記事を読んでから先に進んでください。賢威ワードプレスでページネーションを設定する方法 ページネーションのデザインは自由に変えることができるページネーションは設定した初期段階は下記のような表示になっています。↓↓↓これでも悪くはないのですが、ページ番号の色やデザインをお好みの形にすること...

（実際の記事へ直接ジャンプします。）