今日の人気記事

まだデータがありません。

WordPressページナビゲーションを作成するプラグインWP-PageNavi

当ページのリンクには広告が含まれています。

スポンサーリンク

WordPressページナビゲーション(ページ送り)を作成するプラグイン「WP-PageNavi」を紹介します。

WPプラグイン「WP-PageNavi」

インストールと有効化

WordPressのメニューから →「プラグイン」
→「新規追加」
→「WP-PageNavi」を検索
→「いますぐインストール」
→「有効化」します。

設置

WordPressプラグイン「WP-PageNavi」を設置したい場所に以下のコードを挿入します。

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

ビフォー

WordPressページナビゲーションを作成するプラグイン「WP-PageNavi」
「次のページへ »」という単純なリンクが。

アフター

WordPressページナビゲーションを作成するプラグイン「WP-PageNavi」1
複数のページ番号付きのリンクへと。

1行のコードを挿入するだけで……まぁなんということでしょう!簡単にページナビゲーション(ページ送り)が設置できました。

設定

WordPressのメニューから「設定」→「PageNavi」から設定できます。

wp-pagenavi-1
ページナビゲーションテキストの設定です。ひとつひとつみていきましょう。

・総ページ用テキスト
「1 / 6」といった閲覧しているページと総ページのテキスト設定ができます。削除して表示させないようにも設定できます。

・最初のページ用テキスト
初期設定では、「« 先頭」と設定されていきます。「First」なんて英語表記にしてもいいかもしれません。

・最後のページ用テキスト
初期設定では、「最後 »」と設定されています。「Last」に変更するのもありですね。

・前のページ用テキスト
初期設定では、「«」と設定されています。「Previous」に変更するのもありですね。

・次のページ用テキスト
初期設定では、「»」と設定されています。「Next」に変更するのもありですね。

・「前へ…」用テキスト
初期設定では、「…」と設定されています。お好みの設定にしてみましょう。

・「次へ…」用テキスト
初期設定では、「…」と設定されています。お好みの設定にしてみましょう。

wp-pagenavi-2
ページナビゲーション設定です。

・pagenavi-css.css を使用
チェックを入れるとあらかじめ用意されたスタイル(css)に設定されます。後述するプラグイン「WP PageNavi Style」を使って、ページナビゲーションのスタイルを変更することもできます。

・Page Navigationスタイル
スタイルを「通常」と「ドロップダウンリスト」から選択できます。

・表示するページ数
初期設定の「5」の場合、「ページ 1,2,3,4,5…」のように表示されます。「1」の場合、「ページ 1…」と表示されます。

・省略するページ数
初期設定の「3」の場合、「ページ 1,2,3,4,5…10…20…30…最後」のように表示されます。「1」の場合、「ページ 1,2,3,4,5…10…最後」と表示されます。

・省略ページを以下の倍数で表示
初期設定の「10」の場合、「10,20,30…」と表示されます。「5」の場合、「5,10,15,20…」と表示されます。

さまざまな項目が設定できるので、試してみてください。

WPプラグイン「WP PageNavi Style」

さらにプラグイン「WP PageNavi Style」をインストールするとさまざまなスタイルのページナビゲーションが設定できます。

WordPressページナビゲーションを作成するプラグイン「WP-PageNavi」4
こんなスタイルや。

WordPressページナビゲーションを作成するプラグイン「WP-PageNavi」2
こんなスタイルもあります。

選択するだけでさまざまスタイルに変更できるので、試してみてください。

関連記事(一部広告含む)