Wordpress

WordPress Popular Posts で人気記事を表示させる方法!

2018年4月13日

スポンサーリンク

 

 

 

こんにちは!
馬男(@umaoshinmai)です!

 

WordPressでのブログ生活いかかでしょうか?

ある程度記事が貯まってきた状態だと人気記事などが出てきているころだと思いますが、その人気記事を目立たせることが出来るといいと思いますよね?

いろんな人のブログを見に行ったときにサイドバーに人気記事が貼ってあり

blank
馬男
いいなぁ…こういうの導入したいなぁ。 

 

と思った事があると思います。

こういった人気記事をサイドバーに貼り付けておくことで、さらにブログ全体のPV数を上げることも可能でありますし

直帰率の改善や回遊率を上げる事が出来ますし、記事が増えるごとに良い事づくめになっています。

 

難しそうと考えるかもしれませんが、プラグインであっという間に導入する事が可能です!

blank
馬男
やってみたら意外と簡単だった! 

 

今回はそのプラグイン

「WordPress Popular Posts」の導入方法を解説します。

 

ブログテーマによっては、プラグインなど導入しなくともテンプレートで導入できる物も増えてきていますが、まだまだプラグインの需要が依然として高いままだと思います。

あっという間に導入する事が出来ますので参考にしていただければ幸いです!

では行きます!

スポンサーリンク

[toc]

その他のブログ記事や運営報告については下の『ブログ』カテゴリからどうぞ!

ブログカテゴリーを見てみる。

 

 

プラグイン「WordPress Popular Posts」のインストール

ではまず「WordPress Popular Posts」のプラグインからインストールしてみましょう!

WordPressの管理画面(左側のバーの中)>「プラグイン」>「新規追加」を選びます。

 

blank

 

 

右上のキーワードの中に

「Popular Posts」と入力していただくと該当のプラグインが出てきます。

 

blank

 

炎のようなプラグインがそのプラグインですね!

blank

 

そちらを「インストール」>「有効化」していただければ導入自体はオッケーです!

 

プラグイン「WordPress Popular Posts」設定方法

では次に設定方法です。

「ダッシュボード」>「設定」>「WordPress Popular Posts」をクリックします。

blank

 

まだ導入したてなので、まだデータが貯まっていない状態なので、ランキングなども表示できないのですが先に設定をしてしまいましょう!

「ツール」ボタンをクリックして細かい設定をします。

 

【ツール項目の設定方法

blank

 

・アイキャッチは「未登録」

・画像の取得元「アイキャッチ画像」に登録。

 

画像の取得元と言うのは表示された人気記事の横の画像をどこから取得するか?と言う内容。

①基本的には未登録で画像を表示しない方が、サイドバーの表示が早くなるメリットがあります。

②下記のようにタイトル横に画像を導入したい方はアイキャッチ画像を選ぶようにしましょう。

blank

 

・レスポンシブ対応:「無効」のまま。

②-2【データ】項目の設定方法

blank

 

・閲覧を記録する対象者:「訪問者のみ」に変更。

閲覧を記録する対象者と言うのは

①管理者も含めてデータを集計するのか?

②ブログ閲覧者のみでデータを集計するのか?

変更できる内容です。

 

今回はブログ管理者の馬男のデータはカウントしない仕様にしたいので

②の「訪問者のみ」に変更しました。

 

・ログ上限:「無効」のままで問題なし。

 

・ウィジェットを AJAX 化:「無効」のままで問題なし。

ウィジェットを AJAX 化についてキャッシュ系のプラグインを別途使用していた場合、WordPress Popular Postsと相性が悪く、正しくデータがカウントがされない場合があるそうです。その場合には「有効」を選択しましょう。

 

【その他】項目の設定方法

blank

基本的にその他部分はデフォルトから変更しないで良いと思います。

もし変更したい人用に一応説明も兼ねて載せておきます。

 

・リンクの開き方:「現在のウィンドウ」のままで問題なし。

リンクの開き方は人気記事のリンクをクリックしたときに

新しいタブを開いて表示させるのか、それとも現在のページを人気記事のページに表示させるのかの違いです。好みで変更しましょう。

 

・プラグインのスタイルシートを使う:「有効」のままで問題なし。

こちらにはこのように

プラグインにはデフォルトで wpp.css という名称のスタイルシートが含まれており、人気の投稿をリスト表示するために使えます。

もし自分のスタイルシートを使いたい場合や、サイトの head セクションにデフォルトスタイルシートを含めたくない場合はこちらを使ってください。

説明が書いていますが、良く理解できませんでした(笑)

 

こちらの項目はきっと

自分でスタイルシートを使用している人が、デフォルトのスタイルシートを含めたくない人用に変更する項目のようですね。

うん、分からないのでそのままで行きます!(笑)

参考にさせていただいたWordPress Popular Posts で人気記事を表示する方法 - バズ部のサイトやWordPress Popular Postsで人気記事の表示とカスタマイズ方法にも変更しないで良いと書いてあったので問題ないみたいですね!

 

スポンサーリンク

「WordPress Popular Posts」をサイドバーに表示させてみよう!

ではいよいよサイドバーに人気記事を表示出来るようにサイドバー側の設定をしていきます!

「外観」>「ウィジェット」をクリックします。

blank

 

下の方に「WordPress Popular Posts」がありますので、そちらをサイドバートップにドラッグアンドドロップします。

 

blank

 

blank

 

blank

ドラッグ&ドロップが終わるとWordPress Popular Postsの細かい設定が出来ます!

 

WordPress Popular Postsの設定方法

blank

③-1-1【タイトルの設定方法】

文字通り人気記事ランキングのタイトル名です。

今回は「人気記事ランキング」とでもしておきます。

 

③-1-2【最大表示数の設定方法】

サイドバーに記事を何件表示させるかと言う項目です。デフォルトは10となっています。

例えば10件とするならばランキングトップ10まで表示させると言う事ですね!

 

【ソート順の設定方法】

こちらは記事をどのように並べるか変更が可能です。

・コメント:コメント数が多い順に並べる。

・総閲覧数:トータル閲覧数が多い順に並べる。

・一日の平均閲覧数:一日単位での平均閲覧数が多い順に並べる。

 

というランキングの数値の部分を選択できます。今回は「総閲覧数」と設定しておきます!

 

フィルター

blank

 

こちらは表示させる記事の内容や計測期間の変更することが可能です。

 

【計測期間の設定方法】

こちらは計測期間の設定項目。どれくらい集計したデータでランキングを作るかと言う点。

・過去24時間

・過去7日間

・過去30日間

・全期間

・カスタム

と選べます。ブログがある程度長くなってきたので、過去30日間のデータを使ってランキングを作る事にします。

ブログを作りたての人などは「全期間」にしてもいいですね!

【投稿タイプの設定方法】

これはどのページを対象とするか?と言う部分。

・post(投稿ページ)

・page(固定ページ)

となっています。

例えば

・ブログのサイトマップや問い合わせページなどは除外したい。

・ブログ記事だけにしたい

 

と思う人は「post」だけにしましょう!

【除外する投稿の設定方法】

除外したいページ(ID)を入力すれば個別に除外が可能。

【タクソノミーの設定方法】

タクソノミーの設定方法が可能です。馬男はよく調べたのですが、わかりませんでした(;^ω^)

一応翻訳サイトで説明項目を載せておきます。

「タクソノミ」とは何ですか?
これにより、指定されたタクソノミで投稿をフィルタリングすることができます。 たとえば、WPPにカテゴリ開発に属するすべての一般的な投稿をリストさせることができます。 または指定されたタグを持つ投稿を除外します。

それを使用するには、用語IDのID(カテゴリIDなど)を追加するだけです。 IDの前にあるマイナス記号(-25など)は、それに関連付けられている投稿をリスティングから除外します。 カンマで区切ったリスト(たとえば、24,3、-25)で複数のIDを指定できます。

あなたのタクソノミーのIDを取得するには - あなたがどのようにするかわからない場合 - OliverSchlöbeによるReveal IDのようなプラグインを使用することができます。 カテゴリ/タグ画面にID列が追加されます。

 

とりあえず変更しないで大丈夫のようです。

【投稿者IDの設定方法】

投稿者IDの設定する事が出来るようですが、管理者の馬男は何も設定しませんでした。

一応同じように翻訳を載せておきます。

 

「著者ID」とは何ですか?
タクソノミフィルタと同様に、これにより投稿者を著者IDでフィルタリングすることができます。 コンマ区切りのリストで複数のIDを指定できます(ただし、分類法フィルタとは異なり、マイナス記号付きの著者は除外できません)。

Reveal IDのようなプラグインを使用すると、ダッシュボードの[ユーザー]画面でユーザーのIDを表示できます。

「ポスト評価を表示する」とは何ですか?
オンにすると、WordPressポピュラーポストは、あなたの読者が最も人気のあるポストをどのように評価しているかを表示します。 この機能を使用するには、ブログにWP-PostRatingsプラグインをインストールして有効にする必要があります。

「カスタムHTMLマークアップを使用する」とは何ですか?
オンにすると、人気のある投稿一覧のHTMLマークアップをカスタマイズできます。 たとえば、順序なしリスト、順序付きリスト、divなどのように、あなたの投稿を囲むかどうかを決めることができます。xHTML / CSSを知っているなら、これがあなたのためです!

 

 

投稿設定」「統計タグの設定」「HTML マークアップ設定」

blank

こちらは下記のように設定しました!

 

【投稿設定の設定方法】

こちらは記事リンクの表示設定の項目です。

 

・タイトル文字数の調整

・概要を表示

・アイキャッチ画像の表示設定

などが設定可能。タイトル文字数、概要の表示は英語表記用の項目なので登録する必要なし。

なのでアイキャッチ画像を表示するだけにしています。

【統計タグの設定方法】

こちらはコメント数を表示したり、閲覧数などを表示できたりする項目です。

・コメント数を表示

・閲覧数を表示

・投稿者を表示

・日付を表示

・タクソノミーを表示

これは閲覧数だけを載せたかったので「閲覧数を表示」だけチェックをしています。

 

HTML マークアップの設定方法】

ここは、記事リンクの表示のカスタマイズができる。HTML/CSS の知識がある方はいじってみてください。

 

サイドバーでちゃんと表示が出来ているか確認してみましょう!

設定が終わったら完了ボタンをクリックしてください。お疲れ様でした!それではブログを見てみましょう!

 

はい!ちゃんと表示されていますね!これで完了になります!

blank

 

スポンサーリンク

当ブログはエックスサーバーとAFFINGER4を使用して運営しています。

blank

 

【WordPressに特化したレンタルサーバーエックスサーバー blank

こちらのブログはエックスサーバーの【X10(スタンダード)プラン】を利用して作っています!

元々Wordpress初心者だったので

人からオススメされてエックスサーバーにあまり何も考えず契約しましたが

ブロガーの間でも評判が良く、結果的に満足しています!

 

WordPressでブログ運営をするならエックスサーバーは非常に相性が良く

高速&多機能&安定性も抜群で、なおかつ苦労すると言われている「Https化」も10分程度で完了できました!

 

低価なサーバーだとサイト表示速度が落ちてしまったり、アクセスが集中すると「404表示」されて表示されなかったり

エックスサーバーならその心配も少なく非常にオススメなサーバーです!

今なら5/31までドメインも無料になっているのでWordpressでブログを運営をするなら今がチャンスですよ!

 

エックスサーバーの公式HPを見てみる

 

【ブログテーマはAFFINGER4を使って運営しています!】

 

今現在こちらのブログテーマは、SEOやアフィリエイトに強いAFFINGER4を使って運営しています!

そろそろ違うテーマの購入を考えていたのですが

なな何と!!馬男のこのブログのテーマAFFINGER4の後継機!

AFFINGER5がリリースされたようです!って事で馬男も買ってみました!

AFFINGER5の公式HPを見てみる。

まとめ

以上が「WordPress Popular Posts」の導入方法でした!

・プラグインをインストールして

・WordPress Popular Posts上の設定をちょこっとだけ行う。

と言う大まかに言うと2つの事をやるだけです!非常に簡単ですね!

人気記事が上がってくると、それだけで回遊率が上がってドメインパワーを上げることが出来ますよ!

 

ちょっとめんどくさいかもしれませんが、大事な事だと思いますし

一度設定してしまえば、それ以降は特に調整も必要ないので、是非トライしてみてくださいね!

役に立ったらいいね!やシェアお願いします!ありがとうございました!馬男でした!

 

 

こちらの記事もオススメ!

ココがおすすめ

 

ブログ初心者でも月3万を目指す為に必要な7つのステップまとめ。

 

「WordPressが重い!」それってプラグインが原因かも!?

【WordPress】画像が消えてしまった時の対処方法とは!?

-Wordpress
-, , , ,

Copyright© ぽいろぐ-enjoy&music&investment- , 2024 All Rights Reserved Powered by AFFINGER5.