WordPress ページネーションの設置 ? WP-PageNavi ?

当サイトはアフィリエイト広告を利用しています

ブログなどによくある、ページング機能。

プラグインで実装する方法です。

目次

インストールと有効化

「プラグイン」-「新規追加」で検索画面へ


キーワードで「WP-PageNavi」と入力すると自動で検索されるので、今すぐインストールボタンをクリック。


「有効化」をクリック

WP-PageNaviの設定

最初のページ用テキストや、最後のページ用テキストなど、表示したい文字や記号などはお好みで設定してください。

「>>」を「>」に変えるなど。


私は、投稿数が多くなったら省略ページ数を増やします。

また、レスポンシブにした時の不具合(見づらさ)も設定で変えてみるといいと思います。

WP-PageNaviの設置方法

表示させたいところへ、以下を記述します。

<?php the_posts_pagination(); ?>

CSSで見た目を変える

.pager{
padding:5px;
margin:15px 0px;
text-align:center;
}

.nav-links a{
 padding:5px 10px; /* 要素の内部余白 */
 border:solid 1px #ccc; /* 枠線 */
 text-decoration:none;
}

.nav-links a:hover{
 background:#E7E7E7;
}

.current{
 padding:5px 10px 7px;
 background:#E7E7E7;
}

この記事を書いた人

目次