Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

記事を人気順に並べるプラグイン!『WordPress Popular Posts』

web制作関連 ツール ,

フリーランスで仕事が欲しいならここ

      2015/07/21

-1

WordPressには便利なプラグインが多数存在します。プラグインの導入によってSEOに効果があるものや、更新作業が便利になるもの等が存在します。今回は人気プラグインの1つとしてWordPressユーザーから好評のWordPress Popular Postsを紹介します。

WordPress Popular Postsとは?

WordPress Popular Postsは、ウィジェットに人気記事ランキング表示できるプラグインです。一日の平均閲覧数、累積閲覧数、コメント数などをもとにサイト内の記事を人気順に表示可能です。集計期間も「1日」「1週間」「1ヶ月」から選択することができます。人気記事を表示させる事で記事への誘導はもちろんSEO内部対策にもなります。

WordPress Popular Postsの導入

1.プラグインの検索

WordPressの管理画面①プラグイン>②新規登録>③WordPress Popular Postsを検索

p1

2.プラグインのインストール

いますぐインストールをクリックして少し待ちます。

スクリーンショット 2014-12-22 14.00.27

3.プラグインの有効化

上記のインストールが終了すると以下の様な画面に遷移します。

p2_03

p3_03

上記の様に停止と記載されていれば、有効化されている状態です。

WordPress Popular Postsの基本操作

1.設定画面

WordPressの管理画面①設定>②WordPress Popular Postsを選択

p4_03

スクリーンショット 2014-12-22 15.21.08

上記の様な画面で24時間以内1週間以内1ヶ月以内オールタイムでの人気記事が確認できます。また記事の種類(固定ページ、投稿ページ)を選択した上でのランキングを確認する事も可能です。

2.ウィジェットを使ってサイドバーに人気記事を表示

WordPressの管理画面①外観>②ウィジェットを選択

p5

WordPress Popular Postsを選択してsidebarにドラッグ&ドロップします。

p7

この操作で人気記事の表示は完了です。あとは自分なりにカスタマイズしましょう。

WordPress Popular Postsの設定

WordPressの管理画面①外観>②ウィジェット>③WordPress Popular Postsをクリックすると以下の様に展開されます。
p9

①タイトル

ここに入力した文字がが人気の投稿リストの見出しとして表示されます。

②人気記事を表示させる件数

表示される記事数を数字で入力します。10と入力した場合は10件表示されます。

③並べ替え順

記事をどのような順番でリスト表示するかを指定します。
コメント、累積閲覧数、1日の平均閲覧数で指定可能です。

  • Comments:コメント
  • Total views:累積閲覧数
  • Avg. daily views:1日の平均閲覧数

④人気記事の集計期間

指定された期間の中で最も閲覧数の多い記事、または最もコメントの多い記事を多い順に表示出来ます。
24時間、1週間、1か月、オールタイムで指定可能です。

  • Last 24 hours:24時間
  • Last 7 days:1週間
  • Last 30 days:1ヶ月
  • All-time:オールタイム

⑤投稿タイプ

投稿タイプの選択が可能です。デフォルトの場合は投稿と固定ページが表示されます。

⑥非表示にしたい投稿ID

ランキングに表示したくない記事のIDを入力します。

⑦カテゴリID

特定のカテゴリーのみを表示させたい場合、ここにカテゴリーIDを指定します。
複数を指定する場合はカンマで区切る事で対応可能です。

⑧投稿者ID

複数人で管理している場合は記事を投函したユーザーを指定してランキング表示する事が可能です。
p10

⑨表示設定(画像、文字数)

  • Display post thumbnail:チェックを入れるとサムネイル表示
  • Shorten title:チェックを入れると記事タイトルの文字数を制限
  • Display post excerpt:チェックを入れると記事の抜粋を表示

⑩サムネイルの画像変更

サムネイルのサイズの指定可能が可能です。

⑪タグ表示の設定

  • Display comment count:記事タイトルの横にコメント数を表示
  • Display views:記事タイトルの横にアクセス数を表示
  • Display author:記事タイトルの横に投稿者名を表示
  • Display date:記事タイトルの横に投稿日を表示

⑫HTMLマークアップの設定

チェックを入れるとマークアップを変更出来ます。
オリジナルのランキングにしたい場合はCSSをいじって変更しちゃいましょう。

WordPress Popular Postsをカスタマイズしているサイトを紹介

Eggs of Designer(当サイト)

スクリーンショット 2014-12-22 17.59.40

WordPress College

 

スクリーンショット 2014-12-22 18.02.02

love guava!

スクリーンショット 2014-12-22 22.07.32

enjoypclife.net

スクリーンショット 2014-12-22 22.11.28

終わりに

いかがでしたか?プラグインで簡単に設置可能なのでぜひWordPressユーザーは利用してみてください。

  関連記事

より良いSEO対策に!無料で使えるおすすめSEOツールサイト

目次1 はじめに2 現在に適応できるSEO対策を3 無料で使えるSEOツールサイ …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

WordPressの無料テンプレート「STINGER」。こんなに自由にカスタマイズ可能!

目次1 はじめに1.1 こんな意見も2 STINGERとは?2.1 STINGE …

【EC-CUBE編】レンタルサーバー比較!EC-CUBEにおすすめのサーバーはこれだ!

ホームページを公開する際に悩むのがサーバー選びですが、運営者それぞれでサーバー選 …

HTMLの謎①〜DOCTYPE宣言とは?〜

ホームページ制作をするにあたって必ず耳にするのがHTMLやCSSと呼ばれるプログ …

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

バナーやポスター、フライヤー・チラシなど制作におすすめの参考書はこれ

最近仕事でアフィリエイト用のバナーを制作する事が多いのですが、結構頭を使います。 …

Illustratorが無料!?イラストレーターの機能を持ったフリーソフトまとめ

イラスト作成ソフトは、写真やイラストなどを編集しポスターや名刺、フライヤーような …

当サイト経由でホームページ、フライヤー制作の受注が入った。

「メディアサイトを立ち上げて良かったこと、悪かったこと」でも触れましたがサイト運 …

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA