パソコン・ウェブ制作

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

transmit

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

※12月1日(月)20時時点、ノートンの設定を変更せずとも接続ができています。 Contents FTP接続ができない同じような症状で困っている人多数でも設定がたくさんあるんです・・・ノートンのファイ …

キャプチャ

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

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

Hit bit HB-101

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

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

ちょこっとリニューアル

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

ピルツ19買っちゃった!
2018年8月17日 に投稿された
ワンポールテントが欲しい
2018年8月8日 に投稿された
バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
オートキャンプインむじな
2017年5月21日 に投稿された
花の森オートキャンピア4
2019年5月15日 に投稿された
オレンジ村オートキャンプ場4
2018年12月10日 に投稿された
散水栓から立水栓に変更しました
2018年10月10日 に投稿された
宝台樹キャンプ場
2010年5月4日 に投稿された
室久保グリーンパーク
室久保グリーンパーク
2015年10月26日 に投稿された
ハーレーのオイル交換しました MOTUL 7100
2017年7月8日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ