WP-PageNaviでページナビゲーションを設定(動画解説付)
WP-PageNaviはたくさんの記事投稿がたまってきたときに
ユーザービリティを高めてくれるプラグインです。
このプラグインは特に「賢威」のテンプレートを利用している方に
おすすめとなっています。
(賢威7には導入しないでください。)
無料テンプレートのstingerには必要ありません。
◆続けてデザインをよりかっこ良くする設定もしてしまいましょう
「WP PageNavi Styleでページナビゲーションをかっこ良く(動画解説付)」
※動画補足
動画中で説明しているコードは以下です。
次の箇所を見つけて、
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
//--------------------------------------------------------------------------- // ページャーを表示する //--------------------------------------------------------------------------- function pager_keni() { $pager = ""; global $wp_query; $max_page = $wp_query->max_num_pages; $now_page = get_query_var('paged'); if ($now_page == 0) { $now_page =1; } if ($max_page > $now_page) { $pager .= "<li class=\"nav-prev\">". get_next_posts_link('以前の記事へ') ."</li>\n"; } if (is_paged()) { $pager .= "<li class=\"nav-next\">". get_previous_posts_link('新しい記事へ')."</li>\n"; } if ($pager != "") { echo "<div class=\"cont-menu-wp\">\n<ul>\n".$pager."</ul>\n</div>\n"; } } |
これを、以下のように変更します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
//--------------------------------------------------------------------------- // ページャーを表示する //--------------------------------------------------------------------------- function pager_keni() { $pager = ""; global $wp_query; $max_page = $wp_query->max_num_pages; $now_page = get_query_var('paged'); if ($now_page == 0) { $now_page =1; } // if ($max_page > $now_page) { // $pager .= "<li class=\"nav-prev\">". get_next_posts_link('以前の記事へ') ."</li>\n"; // } // if (is_paged()) { // $pager .= "<li class=\"nav-next\">". get_previous_posts_link('新しい記事へ')."</li>\n"; // } // if ($pager != "") { // echo "<div class=\"cont-menu-wp\">\n<ul>\n".$pager."</ul>\n</div>\n"; // } echo "<div class=\"cont-menu-wp\">"; wp_pagenavi(); echo "</div>"; } |
動画の中でも説明していますが、
このようなコードを触る作業のときには
変更する前に同じページをもうひとつ表示させておきます。
そうすることで、もし、作業にミスがあっても
もうひとつのほうの(修正する前の)ページをあらためて
保存することでもとの形に復活できることもあります。
これは必須の作業として、2つのページを表示する癖をつけましょう。
『WP-PageNaviでページナビゲーションを設定』の手順を、
画像とテキストで解説!
【手順1】
『WP-PageNavi』をインストール・最適化した後、
メニューの「外観」から「テーマの編集」を選択
【手順2】
開いたページで、「テーマのための関数」を選択
【手順3】
コードをコピー&ペーストし、「ファイルを更新」をクリック
※この手順ではコードを触るので、作業の前にいま開いているページのURLをコピーし、ブラウザの新規ページや新規タブで別に開いておくことをオススメします。(何かあった際の保険として役立ちます)
【手順4】
必要に応じて、細かな設定を行う
このページの冒頭で説明している通り、
このプラグインは特に「賢威」のテンプレートを利用している方におすすめとなっています。
(賢威7.0以降についてはこの記事を書いている現時点で詳細が分かりません)
無料テンプレートのstingerには必要ありませんので、ご注意ください。