サイドバーウィジェット「人気記事」のPV数を右下に固定表示する

WordPress / Cocoon

当サイトはサイドバーのウィジェットに「新着記事」や「人気記事」のランキングを載せています。人気記事のPV数はデフォルトでタイトル後に続けて表示されますが、それを右下に固定表示させるカスタマイズです。

ランキング記事のPV [〇〇views]

ただPVの表示位置を右下にしただけです。でもこうやってやりたい事を1つずつ解決していくのがカスタマイズの面白いところです。

かなりシンプルな。

.popular-entry-card-pv {
  position: absolute;
  right:0;
  bottom:0;
}

アイキャッチ画像のサイズや枠線などもカスタマイズしてみようと思いましたが、そもそもウィジェットの設定が充実してるのでそれで十分でした。

WordPressダッシュボードより

枠線がなくシンプルですっきりしたデザインです。

記事の間に薄く点線が入ったデザイン。

線で囲んだボタン型デザイン。

画像どーん。

インパクトが強い画像メインのデザイン。

アイキャッチ画像の下に記事タイトルが組み込まれたデザイン。