techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

WP-Pagenavi / Wp Pagenavi Style ページナビゲーションとデザイン

2013/02/19 WordPress

WP-Pagenaviは、ブログのトップページやカテゴリーページの最下部に置く、ページ送りのナビゲーションを設置するプラグインです。

WS000062

WordPressのデフォルトテーマなどで使われているデフォルトのページ送りは、「次のページ」や「前のページ」など、シンプルなリンクとなっていますが、このプラグインをインストール・有効化することで、ポータルサイトやニュースサイトなどでよく見かけるページナンバー付の使いやすいナビゲーションが簡単に設置できます。

表示させたい箇所に、以下のコードを貼ります。

<?php if(function_exists(‘wp_pagenavi’)) : wp_pagenavi(); endif; ?>

ダッシュボード > 設定 > WP-Pagenavi

特に設定をせずとも使えますが、クリックする頻度の高い前のページや次のページは、日本語を加えておくと、面積が広くなって使いやすくなるかと思います。

WS000063

さらに、Wp Pagenavi Styleプラグインをインストールすると、より洗練されたデザインにグレードアップすることができます。

WS000061

デフォルトでも十分ですが、設定画面より、デザインパターンを選ぶことができます。