【WordPress】プラグイン無しでページナビを設置する方法

新着記事やカテゴリ、タグ一覧などで各テーマにデフォルトで設置されているページ送り(ページネーション)をカスタマイズする際に「WP-PageNavi」や「WP Page Numbers」などのプラグインを追加して設置している人が殆どだと思いますが、以下のページ送りをプラグイン無しで設置する方法を紹介します。

参考にしたサイト様:KYASPER Note様

まずは、function.phpに以下を記載。

実際に設置されているページ送りのコードを以下に書き換え。

既存で設置されているコードは今回はコメントアウトさせました。

例)Hueman3.3.7であれば以下の様になります。

編集テンプレート:pagination.php (parts/pagination.php)

以下のコードに全て書き換える。

CSSに以下コードを記載。微調整は、各々でお願いします。

ファイルを更新して以下のデザインで正常に表示されていれば完了です。

参考サイトさんと異なることは、レスポンシブ表示で横幅が狭くなって折り返された際に、margin-bottom: 10pxで重ならないように調整しています。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする