副業アフィリエイトWordPress記事一覧ナビゲーションプラグイン

アフィリエイトブログに記事一覧のページナビゲーションをプラグインで設置

イクメンパパです。

アフィリエイトブログに、カテゴリー毎のページナビゲーションを設置することで、一記事を適度な大きさで一覧ページに表示することができます。今回のナビゲーションメニューというのは、Webページでよく見かけるページ番号を表示するもののことです。

記事一覧ページなどでよく見かける上のようなページナビゲーションです。ナビゲーションを設置するためのプラグインとして、WP-PageNaviを使用します。WP-PageNaviも非常に人気のあるプラグインで、定番のプラグインになります。

WP-PageNaviプラグインで一覧ページのページナビゲーション設置

WordPressの管理画面で、「設定」「表示設定」「1ページに表示する最大投稿数」という項目があります。「1ページに表示する最大投稿数」で設定した件数は、記事一覧ページで表示する最大記事数になります。例として15ページの記事があるとして、「1ページに表示する最大投稿数」を5にすると、残りの10ページは表示されないことになります。残りのページを次のページに表示させるために、WP-PageNaviプラグインを使用します。

WP-PageNaviプラグインダウンロード

WP-PageNaviは、公式プラグインです。管理画面の「プラグイン」からダウンロードします。「プラグイン」「新規追加」「WP-PageNavi」で検索します。表示された「WP-PageNavi」で「いますぐインストール」をクリックし、ダウンロード終了後「有効」にします。

WP-PageNaviプラグインの設定

管理画面の「設定」に、PageNaviが表示されるようになります。ここで、WP-PageNaviを設定することができます。この設定では、「ページナビゲーションテキスト」「Pagenavi-css.cssを使用」「常にページナビゲーションを表示」の3項目が重要になります。

ページナビゲーションテキスト

ページナビゲーションテキストでは、表示されるページナビゲーションのテキストを変更できる基本設定の項目です。「最初のページ用テキスト」では「*先頭」と「最後のページ用テキスト」では「最後*」と表示されています。「*先頭」と「*最後」の文字を変更することで、ページテキストナビゲーションで表示される内容が変わります。例えば「*先頭」を「⇐ 先頭のページへ」に変更すると、「⇐ 先頭のページへ」と表示されます。

Pagenavi-css.css

Pagenavi-css.cssでは、プラグインで初期設定しているCSSを使用するか使用しないかを選択することができます。ページナビゲーションテキストで記載したHTMLにカスタマイズしたCSSを利用することも選ぶことができます。

常にページナビゲーションを表示

常にページナビゲーションを表示では、設定した「1ページに表示する最大投稿数」よりも記事数が少ない時に、ページナビゲーションを表示するか表示しないかを選択するものです。記事数が少なく1ページで投稿ページ一覧が全て表示されているので、基本的には「No」を選択して良いです。

テンプレートファイルの編集

ページナビゲーションを表示するための記述を、管理画面の「外観」⇒「テーマの編集」の「loop-main.php」を編集する必要があります。ページナビゲーションを表示するための関数は、「wp_pagenabi()」を使用します。また、「function_exists」関数も利用して、プラグインが有効化されていない時のエラーが出ないようにしておきます。実際に記述する内容は、「<?php if ( function_exists( ‘ wp_pagenavi ‘ ) ) ( wp_pagenavi(); ) ?>」です。編集が終わったら、保存しアップデートします。

テンプレートファイル編集後の動作確認

アップデートが完了したら、管理画面「設定」「表示設定」で、「1ページに表示する最大投稿数」の値を変更します。変更後、ページナビゲーションが実際に表示されているのが確認できて終了です。

以上、イクメンパパでした。

アフィリエイトおすすめ一覧ページ WordPressプラグイン記事一覧

 

HOME

Follow me!

面倒な確定申告を簡単にしませんか?

初めての確定申告でも、freeeがあれば誰でも簡単に処理できる!

青色申告・白色申告問題なし!

スマホのレシート撮影で経費の管理も楽ちん♪

まずは無料お試し期間でfreeeを体験してみてください!

VVVVVVVVVVVVVVVVVVVVVVVV

コメントを残す

メールアドレスが公開されることはありません。