ワードプレスで人気記事ランキングを表示するプラグイン WordPress Popular Posts

WordPress Popular Postsのサムネイル

ワードプレスサイトでウィジェットや記事下などに、人気記事ランキングを表示する事が可能なプラグイン、WordPress Popular Postsの導入方法やサイトが重くなりすぎないように軽量化をする設定方法、クラシックエディタで警告が出ないようにショートコードで埋め込む方法をご紹介します。

ワードプレスで人気記事ランキングを表示するプラグイン WordPress Popular Posts

WordPress Popular Postsのダウンロード

ワードプレスサイトに人気記事を表示するプラグインは、有料無料含めて数種類ありますが、最も設定が分かりやすくて最も表示が美しいプラグインが、WordPress Popular Postsだと思います。
導入時はウェブページのウィジェットや記事下に導入する事が多いと思いますが、ページに溶け込みながら人気記事を目立たせてサイト全体の回遊率を上げる事が出来るデザインであると感じております。

ワードプレスプラグイン WordPress popular postsのダウンロード

プラグインのダウンロードはWordPress.orgプラグインページからもダウンロードが可能ですが、新規プラグインを追加からも「WordPress popular posts」で検索をして、ワードプレスサイトにインストールをする事が出来ます。
似たようなプラグインの名前もありますが、作者がHector Cabreraになっているのが今回紹介するWordPress Popular postsになっておりますのでお間違いのないように。

インストールが完了したら有効化にして、設定をしておきましょう!

WordPress Popular Postsが軽量になる設定

人気記事ランキングを表示するプラグインは数種類ある事を前述しておりましたが、その中でも動作が重いと言われたWPPは、PageSpeed insightsのスコアが下がってSEO的にも良くないプラグインと言われていた時期もありました。
見切りをつけたサイト管理者はSimple GA Rankingなどの、より軽量なプラグインの導入に踏み切っていたと思いますが、デザインの良さやカスタマイズ性の良さから継続して使用しています。

最近のバージョンアップまでは動作が重いと言われていたWordPress Popular Postsですが、設定次第ではより軽量なプラグインと変わらないような動作をするようになりましたので、その設定方法についてご紹介します。

WordPress popular postsの設定方法

アイキャッチ画像の設定

  • デフォルトのアイキャッチ画像 | 公開しているウェブページにアイキャッチ画像を表示していない時に、代替えとなるデフォルトの画像を設定する項目です。 全てのページでアイキャッチ画像を掲載しているので何も表示しない設定のままにしました。
  • 画像の取得元 | 本文中の最初の画像や最初の添付ファイルからも取得できるような選択が可能ですが、ほとんどの方はデフォルト設定のアイキャッチ画像を取得する設定が望ましいと思います。
  • Lazy Load | WordPress Popular Postsで表示している画像を遅延読み込み(lazy load)にする設定ですので、ページのファーストビューに表示している時以外は「はい」に設定しておくと、読み込みが早くなります。

データの設定

  • 閲覧を記録する対象者 | 訪問者のみ・ログイン中のユーザーのみ・全員から設定が可能ですが、全員にしてしまうとアクセスがあった全てを記録してしまう事になりますので、訪問者のみに設定しておくと良いでしょう。
  • ログ上限 | アクセスログを保存する期間を設定する項目になっていますが、設定した日数を超えたデータは全て自動的に削除される項目です。 特に変化は無かったので30日に設定をしておきました。
  • Load Popular posts list via AJAX | WordPressの表示をを高速化するキャッシュプラグインを導入している場合は、キャッシュ済みデータから読み込みを行う設定です。 プラグインを導入していなければ無効化されますが、Xサーバーのキャッシュ機能でも効果があるかもしれないので有効に設定しています。
  • データキャッシュ | 記事の人気リストをキャッシュする設定なので、ページ数が多かったりアクセスが多いサイトは「キャッシュする」に設定をすると表示の高速化が見込めます。
  • キャッシュ更新間隔 | キャッシュの更新間隔を長くしすぎてしまうと、最新のランキングがなかなか反映されなくなってしまいますので、1時間から数時間に設定をしておくのが良いでしょう。
  • データサンプリング | デフォルトでは、WordPress Popular Posts はすべてのサイト訪問を毎回データベースへ保存します。一般的な小〜中規模サイトでは問題はありませんが、大規模またはアクセスが多いサイトではデータベース書き込みの連続によりパフォーマンスに影響が出る可能性があります。データサンプリングを有効化すると、WordPress Popular Posts はアクセスの一部のみを保存し、そこから見られる傾向をレポートします。
  • サンプル率 | データサンプリングと併せて設定する項目で、このサイトでは10に設定しています。 115PVのアクセスがあったとすると、アクセス数の表示は110PVのままで120PVのアクセスに達したら、表示が120PVになるような設定です。 アクセス数が少ないうちは、1や2でも良いですが、1つのページへのアクセスが3桁以上に増えたら、数字の値を増やして書き込み頻度を減らす事により、ウェブサイトの動作を軽くすることが可能です。

その他

  • リンクの開き方 | ブラウザで開いているページを更新して人気記事でリンクしているページを表示するか、現在のページはそのままで、別のウィンドウや新しいタブで表示するかを設定変更できる項目です。
  • プラグインのスタイルシートを使う | プラグインにはデフォルトで wpp.css という名称のスタイルシートが含まれており、人気の投稿をリスト表示するために使えます。もし自分のスタイルシートを使いたい場合や、サイトの head セクションにデフォルトスタイルシートを含めたくない場合はこちらを使ってください。
  • Enable experimental features | 実験的な機能を使うかどうかの設定ですので、チェックは外しておきましょう


ウィジェットや記事下への貼り方

以前はウィジェットなどにWprdPress Popular Postsをのウィジェットをドラッグ&ドロップして、設定をするだけで使用が出来ていましたが、ブロックエディターの登場により設定の仕方が変わり、クラシックエディターでは警告文の下に今までの人気記事が表示されるようになりました。
WordPress Popular postsの警告文
その警告文の全文がこちら!

Important notice for administrators: The WordPress Popular Posts “classic” widget is going away!
This widget has been deprecated and will be removed in version 7.0 to be released sometime around June 2024. Please use either the WordPress Popular Posts block or the wpp shortcode instead.

これを翻訳してみました。

管理者への重要なお知らせ: WordPress Popular Posts の「クラシック」ウィジェットは廃止されます。
このウィジェットは非推奨となり、2024 年 6 月頃にリリースされるバージョン 7.0 で削除される予定です。代わりに WordPress Popular Posts ブロックまたは wpp ショートコードを使用してください。

WordPress本体は、現在もクラシックエディタで記事を更新する事は可能なのですが、WordPress Popular Postsはクラシックエディタに非対応となりましたので、ショートコードを貼って表示のカスタマイズをしなくてはいけなくなりました。

このウェブサイトで表示しているWordPress Popular postsのショートコードはこちらになっております。

人気記事トップ10

だけでも、表示はされるのですが、サムネイルの表示や表示数などをカスタマイズしないと、綺麗な表示にはなりませんのでご注意下さい。

headerで「人気記事トップ10」の文字列を表示し、limitで表示する記事数の指定、rangeで集計期間の指定、order byでviewを指定するとPV数の順番に並び、commentsを指定するとコメント数の順番に並びます。

サムネイルの幅と高さも指定していますが、TCD標準の新着記事表示のサムネイルとの統一感を出すために、指定しておりますので、何かと統一したいサイズがあればサムネイルサイズを指定するのが良いでしょう。

この設定で表示した人気記事一覧は以下のような表示になります。

人気記事トップ10

軽量で綺麗に表示されるWordpress popular Postsのオススメ設定ですので、是非利用してみて下さい!


YouTubeチャンネルのご紹介

Youtubeチャンネルでは、日本国内各地の美しい四季の風景、ネイチャービデオ、花火大会やイベント・お祭り等、クリスマスイルミネーションや夜景、星景タイムラプス映像、Vlog、飛行機や新幹線などの乗り物等の映像をライブラリー化し、世界各地に発信しております。
また、不定期で花火大会やイベントのライブ配信も実施中!
下のYouTubeアイコンからチャンネルを表示していただき、チャンネル登録後に通知をオンにしていただくとライブ配信の通知が受け取れます!
もちろん動画URLや埋め込みタグを使用したウェブサイトへの埋め込みやSNSでのシェアもOKです!
YouTube チャンネルリンク
各種SNSを運営中!フォローや登録はこちら!
YouTubeチャンネル
Bluesky
Fecebook
threads
instagram

関連記事

  1. Xサーバーの高速化設定ページのサムネイル

    エックスサーバーの高速化設定!レンタルサーバーのパフォーマンスを向上して快適に!

  2. 内部検索スパム サーチコンソールの未登録件数

    目障りなSEO To66.Asia 内部検索スパムをRobots.txtでブロック!意地でもクロール禁止にしたい!

  3. 2018年 第3回楽天イーグルス花火大会

    WordPressで記事を書いて6か月目 月間1万PV達成!アクセス数や収益は?

  4. Ultimate XML Sitemaps Generator for Googleのインストール

    動画と写真のXMLサイトマップもインデックス可! Ultimate Google XML Sitemaps Generator Proのレビュー

  5. ウェブサイト管理者向け!汚い美容系広告だけをブロックして収益を減らさず離脱率を下げる方法

    ウェブサイト管理者向け!汚い美容系広告だけをブロックして収益を減らさず離脱率を下げる方法

  6. Word Pressプラグイン Your Channel

    Your Channel | Youtubeチャンネルを埋め込むWordPressプラグイン

  7. XサーバーのXPageSpeedの設定

    TCD GENSENのヘッダーバー検索機能が使えなくなったけど対処法を発見!WordPressサイトのトラブル!

  8. WordPressサイトのレイアウト崩れ修復方法

    WordPress管理画面のレイアウト崩れの簡単な修正方法!原因はレンタルサーバーの高速化機能

  9. 記事の最後に定型文を自動表示するWord Pressプラグイン!Add Widget After Content

    記事の最後に定型文を自動表示するWordPressプラグイン!Add Widget After Content

  10. エックスサーバー 2024年のハードウェア増強

    Xサーバーがハードウェアを増強したので、新サーバー簡単移行でお引越し!

  11. WordPressサイトの写真や画像が色褪せたり色が変わる原因の対策や対処法

    WordPressサイトの写真や画像が色褪せたり色が変わる原因の対策や対処法

  12. WordPress ブログ記事を書き始めて7ヶ月目のアクセス数や収益は?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

  1. 秋田のあじさい寺・雲昌寺の参道

    アジサイ寺・雲昌寺で2024年6月8日から「あじさい観…

  2. 秋田県大仙市 余目公園の桜

    桜の名所 余目公園 (あまりめこうえん) | 秋田県大仙…

  3. 宮城県栗原市一迫山王史跡公園あやめ祭り

    一迫山王史跡公園あやめ祭りを2024年6月13日から開催…

  4. 多賀城跡あやめ園 ライトアップ

    多賀城跡あやめまつりは、2024年6月15日から開催!光…

  5. 新潟県三条市 しらさぎ森林公園 花菖蒲まつり

    2024年6月10日から開催予定!しらさぎ森林公園で花菖…

  6. 五十公野公園 しばたあやめまつり

    五十公野公園 しばたあやめまつりは、2024年6月12日…

  7. おながわみなと祭り 海上花火大会 芳賀火工 音楽花火

    海上獅子舞や花火大会が行われる、おながわみなと祭…

  8. Flying Scriptsで高速化する前後のPagespeed Insightsのスコア比較

    WordPress高速化 アドセンス自動広告等のJavaScript…

  9. クリニカADNSハブラシ4列コンパクトふつう

    歯磨き時のブラッシングの圧力が強すぎる人のチェッ…

  10. SmallRig ARRI互換ダブテールプレート -3770とBMPCC6Kと500mmレンズ

    動画撮影時のブレを抑えてカメラの脱着も簡単なSmall…

よく読まれている人気記事ランキング

YouTube チャンネルリンク