フリーランス WEBデザイナー 【キングサイト】
最近のウェブ制作技術
Webデザイナーになる為の第一歩(初級)
WEB屋になる為の知識と技術
Webデザイナーになる為の第一歩(初級)
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ホームページ制作簡単作成ツールWix(ウィックス)
WEB屋になる為の知識と技術
ホームページ制作簡単作成ツールWix(ウィックス)
WordPress(ワードプレス)で記事編集画面でカテゴリーを維持する方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)で記事編集画面でカテゴリーを維持する方法
ウェブ制作カテゴリ
Facebookの投稿
ウェブ制作技術 SNS・ブログ
おすすめウェブサイト
ウェブ制作のご注文は全国対応

北海道 青森 岩手 秋田 宮城 山形 福島 東京 神奈川 埼玉県 千葉 茨城 群馬 栃木 愛知 静岡 三重 岐阜 新潟 長野 山梨 石川 富山 福井 大阪 京都 奈良 兵庫 滋賀 和歌山 岡山 広島 鳥取 山口 島根 愛媛 徳島 高知 香川 福岡 佐賀 長崎 大分 熊本 宮崎 鹿児島 沖縄

WordPress(ワードプレス)でページナビゲーションを実行させるプラグイン

20.12.14 02:31 | コメント(0)

ページナビゲーションを実行させるプラグイン

WordPress(ワードプレス)では、カテゴリ記事一覧やアーカイブ一覧等でページの一覧上部や一覧下部にページナビゲーションを実行させるプラグインがあります。

ページナビゲーション

ページナビゲーション
今回は一覧ページにページナビゲーションを実行させる「WP-PageNavi」プラグインをご紹介させて頂きます。

 1. WP-PageNaviプラグインインストール方法
 2. WP-PageNaviプラグインの設定
 3. WP-PageNavi表示の設定

WP-PageNaviプラグインインストール方法

管理画面のプラグインページで「WP-PageNavi」を検索してインストールを行います。
個別で設定する場合はWordPress.orgサイトからプラグインのダウンロードを行って下さい。

 1.管理画面>プラグイン>新規追加>「WP-PageNavi」で検索
 2.WordPress.orgから「WP-PageNavi」プラグインのダウンロード

WP-PageNaviプラグインの設定

WP-PageNavi」プラグインをインストール後、設定を有効化にしたらプラグインの設定情報に進みましょう。

WP-PageNaviプラグイン設定方法

WP-PageNaviプラグイン設定方法
設定タイトル 説明
総ページ用テキスト 「1 / 5」といった閲覧しているページと総ページのテキスト設定ができます。
最初のページ用テキスト 「« 先頭」部分の設定ができます。
最後のページ用テキスト 「最後 »」部分の設定ができます。
前のページ用テキスト 「«」部分の設定ができます。
次のページ用テキスト 「»」部分の設定ができます。

WP-PageNaviプラグイン設定方法

WP-PageNaviプラグイン設定方法
設定タイトル 説明
「前へ...」用テキスト 「前へ...」部分の設定ができます。
「次へ...」用テキスト 「次へ...」部分の設定ができます。
pagenavi-css.css を使用 チェックを入れるとデフォルトの段階で用意されたスタイルシート(css)に設定されます。
「「WP PageNavi Style」」を利用しページナビゲーションを変更することもできます。
Page Navigationスタイル スタイルを「通常」と「ドロップダウンリスト」から選択する事ができます。
表示するページ数 一覧ページで、「ページ 1,2,3,4,5...」のように表示数を設定できます。
省略するページ数 ページが多くなった場合、「ページ 1,2,3,4,5...10...20...30...最後」のように省略する事ができます。
省略ページを以下の倍数で表示 ページが多くなった場合、「10,20,30...」のように省略する事ができます。

WP-PageNavi表示の設定

プラグインの設定が完了したら最後にページナビゲーションを表示させたい箇所に下記のコードを設置しましょう。
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

以上でWordPressのページナビゲーションを実行させる「WP-PageNavi」設定が完了です。
カテゴリ:WordPress(ワードプレス)構築と技術, ブログツール【CMS】情報とWEBコンテンツ技術, プラグイン紹介(WordPress)
  • このエントリーをはてなブックマークに追加
  • Facebookでコメントする

    コメントする

    おすすめの記事

    PAGE TOP