WordPress苦手主婦のためのWordPress専門コミュニティ「MasterPress®︎」詳細はこちら

【WordPress Popular Posts】人気記事を表示させる方法

これからWordPressサイトを作る方にもご参考になればと思ってます。WordPressの備忘録です。

今回ご紹介するプラグインは、【WordPress Popular Posts】というプラグインです。

サイドバーなどによく見かける人気記事の一覧があるかと思います。

この人気記事を表示させるプラグインを順番にご説明していきます。

WordPress Popular Postsを入れなくても、元々WordPressテーマの機能で人気記事を表示できるテーマもあるので、お使いのWordPressテーマをご確認の上、プラグインを追加してください。

WordPressのダッシュボードの画面にログインします。

【プラグイン】にマウスを合わせて【新規追加】をクリックします。

プラグインの追加の画面に切り替わりますので、【プラグインの検索】にプラグイン名(WordPress Popular Posts)を入力します。

検索結果にWordPress Popular Postsが表示されます。

【今すぐインストール】をクリックします。

少し待つと【有効化】に変わりますので、【有効化】をクリックします。

この画面に切り替わりましたら、インストール完了です。

続いて設定をしていきます。

ダッシュボードから【外観】にマウスを合わせて【ウィジェット】をクリックします。

ウィジェットの画面が開きます。

【利用できるウィジェット】の中にWordPress Poular Postsがあるのでそちらをクリックします。

ダッシュボードから【設定】にマウスを合わせてWordPress Popular Postsをクリックします。

【ウィジェットを追加】をクリックします。

これでサイドバーに人気記事が移動しました。

次にウィジェットの設定を変えていきます。

基本設定

タイトル:サイドバーの見出しになります。
『人気記事』とかだ一般的な見出しになますね。

最大表示数:記事をいくつ表示するかを選択できます。
5~10くらいが良いかと思います。

ソート順:ランキングの決め方。
総アクセス数を選ばれたら良いと思います。

フィルター

計測期間:集計の対象期間を設定します。「過去24時間」、「過去7日間」、「過去30日間」、「全期間」があります。

投稿タイプ:投稿タイプの設定をします。「post (投稿記事), page (固定ページ)」となっていると思います。

固定ページは表示する必要がない人は「post」のみでいいですよ。

除外する投稿:特定の記事を除外したい場合に記事のIDを入力します。(記事ID見方はこちらから

タクソノミー:特定のカテゴリーを除外したい場合に、カテゴリーにチェックをし、IDを入力します。または、タグに対してもチェックすると除外することができます。

投稿設定

投稿設定は、サイドバーの表示方法になります。見た目ですね。

タイトルを短縮:記事のタイトルの長さを指定した長さまでにします。

抜粋を表示:抜粋文(記事の内容の一部)を表示するかしないかを選択できます。

アイキャッチ画像を表示:記事のサムネイル画像を表示するのかしないのかを選択します。

アイキャッチ画像を表示するように選択したら、サイズを指定します。お好みのサイズに変更してみてください。

わたしは、thumbnail(150×150)にしています。

統計タグの設定

  • コメント数を表示
  • 閲覧数を表示
  • 投稿者を表示
  • 日付を表示
  • タクソノミーを表示

上記のものを表示したいようであれば、チェックを入れると表示されますが、表示したくなければ、チェックしなくても大丈夫です。

HTMLマークアップ設定

チェックを入れるとHTMLのマークアップをカスタマイズできるようになります。

HTMLタグの入力ができる方は使えるかと思いますが、普通は使う機会は無いです。

これですべての設定は終わりましたので【保存】をクリックします。

CSSでカスタマイズ

わたしは、見た目をきれいに調整するために下のCSSを追加しています。

.wpp-list li { /* 記事ごとの枠 */
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.4em !important;
}
.wpp-post-title { /* 記事のタイトル部分 */
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.wpp-thumbnail { /* サムネイル部分 */
    padding-right: 10px;
}

テーマは、【Stinger Plus2】です。他のテーマをお使いの方は、ご自身のサイトに合わせて調整してください。

記事IDの確認方法

投稿一覧を表示します。

IDを知りたい投稿にマウスを合わせます。

画面の左下に出てくるURLの中の数字が投稿IDとなります。

おまけ

【設定】にマウスを合わせて【WordPress Popular Post】をクリックします。

統計情報という画面になり、そこから【ツール】をクリックします。

そこでは、リンクの開き方を設定できます。

新しいタブまたはウィンドウを選択すると別ウィンドウで開くように設定できますので、お好みで選択されてみてください。

以上で、人気記事をサイドバーに設定する方法の解説を終わります。

ご自身のサイトに合わせて、ぜひ追加してみてくださいね(^^)


お子さんとの時間を優先させながら
自分の力で稼げるママになって欲しい

メルマガでは、これからブログを始めたいと思っているパソコン苦手な女性のために、ブログの作り方をお届けしています。

ブログ作りの基本的なことから大事なポイントなど、分かりやすく丁寧に必要な知識を毎日配信中!

メルマガの登録は無料!配信解除はいつでもOK! 登録はこちら↓


コメントを残す

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

ABOUT US
ゆかアフィリエイター兼WEB制作マーケター
ご訪問ありがとうございます!
当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。

パソコンが苦手な初心者さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。

毎月1から2件のサイト代行をし、WordPressのコミュニティを運営したりアフィリエイトサイトを運営したりしております。

当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。

詳しいプロフィールはこちら>>