WEB制作、マーケティングに関する情報をお届けします。ホームページ制作会社、テラのブログ

WordPressで簡単、プラグインなしでページネーション設置方法。

タグ:

Wordpress記事
Wordpressでサイト制作時には導入することが多いページネーション導入方法です。
「ページネーション 設置」などで検索しているとfunctions.phpを触るものなどがかなりたくさん出てきますが、Wordpressの関数があるので数行で簡単に表示可能です。
また、表示のカスタマイズも可能です。
細かい説明は省きますのでコピペして使ってください。

コードについて

下記コードです。
ループの外に下記を設置してください。
「prev_text」「next_text」が矢印になります。表示をカスタマイズしたい場合は書き換えてください。
上記にはfontawesomeのアイコンが入っていますので下記をheadタグの中に埋め込んでください。

出力されるHTML

出力されるコードは下記になります。

CSSでカスタマイズ

ページナビのデザイン
上のスタイルは下記になります。
必要に応じてスタイルを書き換えてください。
以上で、ページネーションの設置とカスタマイズが可能です。
必要なところに今回のコードを書くだけです。