naviでページャーを表示させる方法&使い方を分かりやすく解説!|MAISTYLECREATEワタシらしく働く、食べる、旅する、生きる。2019年1月7日WordPressブログサイトの下にあるページ送り機能、ページャー。ブログサイト内の記事数が多くなってきた時に、「次のページ」を1回1回クリックするのは面倒ですが、ページャーを設置して一気に移動させることが出来れば、読者さんにも分かりやすいですよね。サイト回遊率も上がりますし、ユーザビリティ向上にもつながります。今回はWordPressブログサイト記事下に、専用プラグイン「WP−Page-Navi」を使ってページナビゲーションを表示させる方法を紹介していきます。ページャーとは?SEOやサイト滞在時間のメリットは?ブログサイトのページャーとは、例えばこのようなページ送りのことです。あなたが作成中のブログ記事がまだ数記事〜数十記事の場合は「わざわざこんなページ送り作らなくても、、、」と思うかもしれませんが、ブログ記事というのは1日1記事のペースで更新していくとあっという間に数百記事を超えます。なった時に、あなたのサイトの常連読者さんが「一番最初に書いていた記事をもう1回読みたい」と思った時に、1回1回「次のページ」ボタンを押さなくてはいけない状態だと、読者さんに手間をかけてしまう所か離脱されてしまう可能性がありますよね。そんな時、ページャーがあれば一気にいきたいページ数までジャンプすることが可能になりますし、サイト滞在時間が長くなるとSEOも強くなりますので、是非参考にされてみてください。賢威7でWP-Page-Naviを設定する方法を分かりやすく解説!まずはダッシュボードから専用プラグイン「WP-PageNavi」をインストール&有効化します。「外観」→「テーマの編集」で「functions.php」をクリックします。コードが出てきたら、HTMLコードを編集するので、必ず事前にバックアップを取っておきましょう!特にfunctions.phpは編集をかけるとサイトが真っ白になってしまった、というケースがよくありますので、必ずテキストなどに保存しておいてくださいね。参考:WordPressテーマ編集でサイトが真っ白に!FTPでもエラーが戻らない時の対処方法バックアップが終わったら、コード編集をしていきます。ctrl+Fで検索バーを開き、「ページャーを表示する」と入力して検索をかけます。すると一箇所ヒットすると思いますので、こちらの項目を丸々削除します。削除した部分に、こちらのコードをまるっと貼り付けます。"</div>";}ファイル更新ボタンを押す前に、必ず正しいコードが貼り付けられているかしっかり確認しましょう!確認できたらファイル更新ボタンを押します。すると、ブログサイトの下部分にページャーが追加されているはずです。賢威7でWP-Page-Naviのデザインをカスタマイズする方法は?カスタムCSSで簡単に変更可能!ブログサイトに表示されるデフォルトのデザインのままでも十分おしゃれだけど、やっぱり自分でボタンデザインをカスタマイズしたい!という場合は、カスタムCSSを使えば簡単に変更が可能です。やり方は、カスタムCSSに自分の気に入ったデザインのCSSコードを貼り付けるだけ。webさんのページ他にも、「設定」→「WP-Page-Navi」から、表示するページや省略ページなども好きな様にカスタマイズ可能です。試しながら自分の好みとサイトの状態とあわせて試してみてくださいね。某マンモス出版社勤務後、フリーのダンサー・ヨガインストラクターとして独立するも「好きな仕事」の現実に直面しゼロから起業。ブログ収入は累計350万円突破。Thum...税金や年金をお得に!コンビニ支払いを簡単にクレジットカードポイントにする...PROFILEMAI東京生まれ東京育ち、時々NYの30代。某マンモス出版社に従事後、フリーのダンサー・ヨガインストラクターとして独立。果たす術」を追求し、0から起業。MAISTYLECREATE。