パソコン・ウェブ制作

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

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

*

関連記事

ちょこっとリニューアル

シンプルな構成にしました ほんとうにちょこっとなんですけど、ブログリニューアルしました。 このブログはWordpressで作っていますが、テーマを新しくしてカラフルだったサイトを白ベースのシンプルな色 …

カテゴリ

WordPressのカテゴリ一覧表示をカスタマイズしました。

シンプルすぎるWordpressのカテゴリ一覧表示をカスタマイズしました。 ※作業開始前に必ずバックアップを取ってください ※素人のカスタマイズですので同じように設定しても動作しない場合があります。あ …

Hit bit HB-101

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

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

キャプチャ

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

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

transmit

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

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

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