MENU

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

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

    WordPress Popular Postsのアイキャッチ画像に角がある例。
    角があるアイキャッチ
    つくし

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

    そんなときは、追加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のアイキャッチ画像の角を丸くした例。
    角がないアイキャッチ
    つくし

    ばっちり!

    さいごに

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

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

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

    コメント

    コメントする