『WordPress Popular Posts』アイキャッチの角を丸くする

WordPress Popular Posts(WPP)では、表示されるアイキャッチの角が四角いのがデフォルトです。

角があるアイキャッチ
かきばナ

これだとサイトの雰囲気に合わない…

そんなときは、追加CSSを設定することで、簡単に角を丸くできます!

『WordPress Popular Posts』アイキャッチの角を丸くする

WordPressの「外観」→「カスタマイズ」→「追加CSS」の中に、以下のコードを貼り付けます。

/* WordPress Popular Posts のアイキャッチ画像角を丸く */
.wpp-post-li img.wpp-thumbnail,
.widget_wysija img.wpp-thumbnail,
img.wpp-thumbnail { 
    border-radius: 6px; /* この数値を調整してお好みの丸みにします */
}

こうすることで、表示されるアイキャッチの角が丸くなりました。

角がないアイキャッチ
かきばナ

ばっちり!

さいごに

サイトの設定で、他のコンテンツの角が丸いのに、WordPress Popular Postsだけ角があると気になりますよね。

そんな悩みを解消する追加CSS、ぜひ活用してみてください!

他の人にも紹介する
  • URLをコピーしました!