パソコン・ウェブ制作

WordPress Popular Postsを導入しました

投稿日:2014年10月4日 更新日:

WordPress Popular Posts

閲覧数をランキング表示してくれるWordpressのプラグイン「WordPress Popular Posts」を導入しました。

普通にランキング表示するだけであれば、難しくはないのですが、Stinger5のNew Postとスタイルをあわせたり、カテゴリ別ランキング表示させるのに手間取りました。

Stinger5とスタイルを合わせる

これについては、色々なサイトで方法を紹介しています。
いろんな方法を試しながら、結局落ち着いたのはキャリコさんの記事でした。

【リンク】WordPress Popular Posts の人気記事サムネイルにランキングの順位をつける方法キャリコ

この方法で設定をしていくと、ランキング順位表示もされるので一石二鳥ですよ。
※作業開始前に必ずバックアップを取ってください。
※素人のカスタマイズですので同じように設定しても動作しない場合があります。あらかじめご了承ください。

ちなみに私の設定はこちらです。
ウィジェット

ここで指定した「popular-post」は下記のように記述しました。

設定は以上です。

カテゴリ別ランキングも設定

全体のランキングだけではなく、カテゴリ別のランキングも設定することができます。
こちらは別途プラグインのインストールが必要です。
PHPをウィジェットに追加するためのプラグインで、私は「PHP Code Widget」をインストールしました。

これをインストールすると、ウィジェットに「PHP code」が追加されます。
PHP code
これをサイドバーにドラッグして設定をします。
PHP code

記述したコードはこちらです。

そのままコピーで使えると思います。
その後、こちらもStinger5のNew Postとスタイルを合わせるため、「.wpp-list」を下記のように編集しました。

 

残る課題

見た目をStinger5に合わせて、全体ランキングとカテゴリ別ランキングが出るようになったのですが、1つ課題が残っています。
カテゴリ別ランキングの方に順位を表示させることに手間取っています。
後で調整してみようと思っています。

課題解決しました!(10/4 23:30)
カテゴリ別の方は「li」で順番に表示されているのですが、そこに対して「popular-post」の設定が効くように新たなスタイルを記述しました。

さらにJSの記述を忘れていたので、ウィジェットの「PHP code」に追記しました。
上に記載されている「PHP code」のソースを修正しておきました。







-パソコン・ウェブ制作
-,

執筆者:


  1. キャリコ より:

    記事の紹介ありがとうございます♪

    カテゴリ別ランキングって「このカテゴリの人気エントリー」の部分ですかね?もしそうだとしたら今回のランキング付けが出来てるので簡単だと思いますよ!

    それにしてもPHPをウィジェットに追加するためのプラグインなんていうのがあったのですね…知りませんでした!これは便利そう☆

    • kon より:

      コメントありがとうございます。

      >カテゴリ別ランキングって「このカテゴリの人気エントリー」の部分ですかね?もしそうだとしたら今回のランキング付けが出来てるので簡単だと思いますよ!
      そうです。
      一度スタイルを設定したんですが、反映されなかったので再度テスト中です。

comment

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

*

関連記事

ワンダフルライフキャプチャ

テーマファイルを少しずつ更新しています

毎日少しずつテーマファイルを更新しています。 今回は全体の横幅を広げました。 横幅を1000ピクセルに変更 以前使用していたTwenty Fourteenは横幅1280ピクセルありましたが、Sting …

ワンダフルライフキャプチャ

ブログのテーマファイル変更しました

今まではデフォルトのテーマファイル「twenty fourteen」を使用していましたが、各所で評判の高い「Stinger3」に変更しました。 実現したかったことは、トップページにエントリー全文が表示 …

バッテリ—の状態

MacBook Pro 13インチバッテリー交換

  会社で使用しているMBP13インチ、1年半前位にバッテリーを交換しているのですが、再び交換修理が必要な状態となってしまいました。 以前はAppleCareに加入していたので無料交換となったのですが …

iPhoto

iPhoneをMacに接続すると自動的にiPhotoが起動するのを停止したい

OSをYosemiteにアップデートした後からなのですが、iPhoneをiTunesと同期させようとMacに接続すると、自動的にiPhotoが起動してしまうのが結構ストレスでした。 普段画像管理にiP …

transmit

MacでFTP接続するとSocket write errorになってしまう

※12月1日(月)20時時点、ノートンの設定を変更せずとも接続ができています。 FTP接続ができない 今日突然、FTP接続が出来なくなりサーバー会社に確認をしたのですが、特に設定変更はしていないし、先 …

ランドロック
スノーピーク ランドロック買っちゃいましたー!!
2014年9月23日 に投稿された
森のまきばオートキャンプ場
2017年1月15日 に投稿された
バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
ニュー田代オートキャンプ場
2016年10月24日 に投稿された
ランドロック
スノーピーク ランドロック使用レビューその2
2014年10月20日 に投稿された
モビリティパーク
2016年9月11日 に投稿された
オートキャンプインむじな
2017年5月21日 に投稿された
室久保グリーンパーク
室久保グリーンパーク
2015年10月26日 に投稿された
オートキャンプせせらぎ
2016年9月18日 に投稿された
トイレタンクのオーバーフロー管を交換しました
2015年11月8日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ