WordPress Popular Posts の見た目をLuxeritasテーマと馴染ませる

人気の記事を一覧にしてくれるWordPressプラグイン、それがWordPress Popular Postsです。

集計期間の設定などなど色々できて、とっても便利。大人気というか大定番のプラグインです。

でもそのままではどうも見た目がいただけない。

そこで皆さん様々なカスタマイズをしていらっしゃるのですが、私は、現在このサイトで使用しているテーマであるLuxeritasに自然に溶け込むようにカスタマイズしてみました。

Luxeritasのご紹介はこちら。

仕上がりはこんな感じ。

Luxeritas標準の新着記事がこちら。

いい感じに馴染んでいると思うのですが、いかがでしょうか。

 

さて手順です。

まず、「WordPress Popular Posts」のウィジェットを以下のように設定します。

  • 「HTML マークアップ設定」の「カスタム HTML マークアップを使う」にチェックを入れる。
  • 「投稿の前 / 後:」の左側の枠に以下のように記入する。

  • 「投稿の HTML マークアップ: 」に以下のように記入する。

 

次に、Luxeritasの子テーマのスタイルシート style.css に以下を追記します。

順位を表示させたい場合はさらに以下を追記します。

 

以上です。

なお、このカスタマイズにあたり、以下の記事を参考にさせていただきました。ありがとうございます。