【簡単！SANGOカスタマイズ】ウィジェットカテゴリー内の記事数デザインを変更する方法

ウィジェットカテゴリー内の記事数デザインを変更する方法です。

簡単に設定できます。

メリットとしては、大きく下記の2点です。

デフォルトだと、以下のように丸いデザインとなっています。

これでも十分すぎる素敵なスタイルです。ただ、個人的にはもう少し見やすくしたいなと思いました。

ということで実際に変更してみたので、この記事でカスタマイズ方法をご紹介します。

Daniel

自己紹介：
この記事を書いている僕は、SANGO歴１年ほど。
カスタマイズしながら楽しく過ごしています。

Contents

ウィジェットカテゴリー内の記事数デザインを変更する方法

まずは完成イメージをお見せします。

実際に僕のサイトでも設定しているデザインです。

以下の流れで設定できます。追加CSSに追記するだけで完了します。

順番に見ていきます。

以下のように開きます。

追加CSSを開きます。

そして以下の内容をコピペしてください。

/* ウィジェットカテゴリー内の記事数表示を変更*/
    .entry-count{
        border-radius: 3px; /* 記事数の図形の角を丸くする */
        background: rgb(236,240,250); /* 背景色 */
    }

以下のように追加できました。

設定は以上で完了です！お疲れさまでした。

各項目をさらに変更してみるのも良いです。

追加CSSに追記した内容のうち、border-radiusの値を変更することで角丸具合を定義できます。

border-radius: 3px;

0px で完全な四角形になります。0px に近いほど、角がなくなります。

また、backgroundの値を変えることで背景色を変えることができます。

お好みの色に設定してみてください。

background: rgb(236,240,250);

最後にまとめます。

ウィジェットカテゴリー内の記事数デザインを変更することで、

というわけでした。

今回は以上です！
最後までお読み頂き、ありがとうございました。
素敵なSANGOライフをお楽しみください。