【Simplicity2】ブログカード枠をCSSで装飾簡単カスタマイズ

現在このブログは、「Simplicity2」の後継テーマ『Cocoon』を使用しています。

※無料テーマ「Simplicity2」のカスタマイズ記事です。

Simplicity2は、簡単な設定だけでアッという間に、ブログカードにすることができるので、とても便利ですよね

もう少し目立たせたいな～ということで、ブログカードに少しだけ色をつけたり、枠の線種を変更するだけの、簡単カスタマイズをしてみました。

クリック率がUP　するかもしれません・・・

ブログカードって何？という方や、設定が済んでいない方は　↓　こちらの記事をご覧下さい。（↓これがブログカードです）

線の種類・色・背景色を変更するCSS

線の種類やカラーを好みのものに変更して、子テーマのスタイルシート (style.css)に、コードをコピペして下さいね。

/* ブログカード装飾 */
.blog-card{
background:#f9f4ff; /* 背景色 */
border:1px solid #cb90db; /* 太さ　線種　色 */
}

.blog-card{
background:#f9f4ff; /* 背景色 */
border:3px solid #cb90db; /* 太さ　線種　色 */
}

.blog-card{
background:#f9f4ff; /* 背景色 */
border:3px double #cb90db; /* 太さ　線種　色 */
}

※二重線は「3px」以上にして下さい。

.blog-card{
background:#f9f4ff; /* 背景色 */
border:5px dotted #cb90db; /* 太さ　線種　色 */
}

※点線は「5px」以上の太い方がドットがキレイに丸く見えます。

.blog-card{
background:#f9f4ff; /* 背景色 */
border:3px dashed #cb90db; /* 太さ　線種　色 */
}

ブログの雰囲気に合わせて変更してみると
ガラッと雰囲気がかわりますよ～　(*^^*)