Simplicityでカテゴリ別人気記事を簡単に設定

先日カテゴリ別人気記事の設定をなんとか頑張ってみたんですが実はSimplicityに最初から用意されているウィジェットのほうが良いということが後から分かってしまいました(汗)

以前の方法だと取得するカテゴリが単一だったんですがSimplicityのウィジェットだと複数カテゴリにまたがっていても全てから取得してランキング表示してくれるようです。

自分でPHPコードをいじることが無いのでこの記事は短めになってます。

スポンサーリンク

カテゴリ別人気記事のウィジェットをドラッグするだけ

とりあえず表示するだけならウィジェットを配置すれば完了でした。

人気記事ウィジェットを配置

設定項目はボタンから選べばだいたいできるので簡単です。

Simplicity人気記事ウィジェット設定画面

まさかSimplicityに標準でカテゴリ別人気記事が搭載されているとは・・・。アップデート情報をちゃんと確認してませんでした。

複数カテゴリに対応

以前の記事で書いたWordPressプラグイン「WPP Plus Widget」だと一つしかカテゴリを取得してくれなかったんですが、Simplicityのウィジェットだったら複数カテゴリに対応しているようです。

例えば「iOSカテゴリ、YouTube、ガジェット、ニコニコ動画、動画」が設定されているChromecastの記事を例に出すと、

カテゴリが複数設定された記事の例

上記すべてのカテゴリから人気記事を抽出しているようです。

複数カテゴリからデータを取得している様子

単一カテゴリからの取得だと関連性が高い記事が少なくなるので複数カテゴリから取得できるのは嬉しい限りです。

CSSカスタマイズ

画像サイズやボーダーなどをCSSでカスタマイズしたので参考までに掲載しておきます。

カスタマイズしてない最初の見た目

CSSカスタマイズしていない最初の見た目

カスタマイズ後の見た目

CSSカスタマイズ後の見た目

サイドバーの幅が300pxに対する画像の大きさがちょっと大きいと思ったので60pxに小さくしています。

僕みたいにサイドバー追従領域に設置している場合は大きすぎると画面の小さなパソコンで下のほうが見えなくなるかもしれないので、小さい画面も想定して設定すればなお良いと思います。

フォントサイズ・行間・marginなどは運営しているブログによって最適な値が変わると思うのでレイアウトがおかしかったら変更してください。

<関連>
Simplicityの人気記事ウィジェットから今見ている記事を除外するカスタマイズ

今見てる記事と同じカテゴリの人気記事を表示するプラグインの設定&カスタマイズ

スポンサーリンク

このページのシェア・保存はこちら

Amazonでの買い物について

当ブログではAmazonの商品をよく紹介しています。

いつもコンビニ払いしている人は、Amazonギフト券をチャージするとポイントが余分にもらえるので、今まで知らなかったという人は読んでみてください。

・キャンペーン中なら初回購入で1000ポイント付与
・チャージする金額によって0.5~2.0%ポイント付与

Amazonギフト券チャージタイプの詳細はこちら

また、プライム会員ならさらに0.5%上乗せされます。

ーーー

プライム会員の特典は「お急ぎ便無料」「プライムビデオで多数の映画やアニメ見放題」が特にお得。それ以外にも音楽・読書の使い放題サービスあり。

料金は年額3,900円(月換算325円)で、世界的に日本だけなぜか破格の安さになっているので、配送・映像・音楽・読書など、一部でもよく利用する人なら非常におすすめです。

プライム会員の詳細はこちら

学生ならPrime Studentがさらにお得

スポンサーリンク

著者のフォローはこちら

名前:
Twitter
YouTube

ーーー

制作物:「ノイズレスサーチ

プロフィール
問い合わせフォーム
当サイトご利用時の注意事項

記事が良いと思ったら、Twitterでツイートしたり、ブログなどで紹介してくださると嬉しいです。よろしくお願いします。

コメント(本文のみでOK。URL含むコメントは承認待ちになります)

メールアドレスが公開されることはありません。