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ユーザーは利用してみてください。

  関連記事

55117
激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

computer-mouse
【おすすめ】マウスでなぞるだけでスキャン可能!マウス型スキャナがおすすめ

マウスの形をしたスキャナを発見したので紹介しちゃいます。その名もマウス型スキャナ …

dontdisturb
ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

61005
【保存版】検索エンジン比較!GoogleやYahoo以外のおすすめの検索エンジン

日本国内の検索エンジンではYahoo!とGoogleが大半のシェアを占めます。僕 …

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

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

blog1
Webデザイナーにおすすめのブログ集!Webデザインの参考にどうぞ

Webデザインをする際に何かに躓くことってありますよね?「ここのデザインはどうし …

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

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

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

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

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

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

Adobe CreativeCloud
WEBデザインに必要不可欠なAdobe Creative Cloud!まずはIllustratorやPhotoshopをマスターしよう!

WEBデザイナーを目指す方は必ず買っておくべきデザインソフトがあります。その名も …

Message

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

CAPTCHA