サイドバーの人気記事に表示されるPV数を右下に固定表示【WordPress】

WordPress / Cocoon

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

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

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

カスタマイズコード

かなりシンプルな。

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

枠線やレイアウトのカスタマイズ

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

WordPressダッシュボードより
  1. 外観
  2. カスタマイズ
  3. ウィジェット
  4. サイドバー
  5. 人気記事

デフォルト

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

区切り線

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

囲み枠

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

大きなサムネイル

画像どーん。

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

タイトルを重ねた大きなサムネイル

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

Comment

タイトルとURLをコピーしました