パソコン・ウェブ制作

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

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

*

関連記事

Marvericks

YosemiteからMarvericksにダウングレード

Twitterで何度かダウングレードについて触れましたが、もっさり具合に限界を感じたので、YosemiteからMarvericksにダウングレードしました。 ダウングレード手順など 多くのサイトで紹介 …

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

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

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

キャプチャ

WordPressのブロック要素全体をクリックできるように修正

※記述に間違いがあったので訂正しました。(2014.10.8) 今日は天気があまり良くないので、朝一で外出した後は家でじっとしていたので、ちょこちょことサイトの修正をしました。 ※作業開始前に必ずバッ …

Hit bit HB-101

ソニーPC事業譲渡で思い出したMSXとの出会い

Hit bit HB-101 VAIOブランド譲渡のニュースで思い出したのだけど、私のパソコンルーツはソニーのMSX、HiTBiTを購入したのが始まりだったということ。 今後何回か書いていきたいと思っ …

バッテリ—の状態

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

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

バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
ニュー田代オートキャンプ場
2016年10月24日 に投稿された
オートキャンプせせらぎ
2016年9月18日 に投稿された
モビリティパーク
2016年9月11日 に投稿された
オービィ横浜
オービィ横浜 年間パスポートを購入しました
2014年11月3日 に投稿された
森のまきばオートキャンプ場
2017年1月15日 に投稿された
ランドロック
スノーピーク ランドロック買っちゃいましたー!!
2014年9月23日 に投稿された
オートキャンプインむじな
2017年5月21日 に投稿された
西湖湖畔キャンプ場
2011年8月31日 に投稿された
ネイチャーランドオム
2017年6月3日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ