カラーバリエーション「ワインレッド」です。
ワイン主体のブログなどにご利用ください。
ワインレッド【バリエーション】
Font Awesomeが必須になります。
下記のページから
右下のコピーボタンをクリックして必要なコードをコピー。
ダッシュボードの設定→詳細→「headに要素を追加」にペースト
以上で準備は完了です。
cssに下記コードをコピペするだけの簡単カスタマイズ。
/*--------------------------------------
ワインレッド
--------------------------------------*/
/* リンク色 */
a,a:visited {
color: #7c0020;
}
/*背景色*/
body {
background: #ff5d87;
background: linear-gradient(#e0c5c5 0%,#7c0020 100%);
}
/*ヘッダ*/
#blog-title #blog-title-inner {
background: #f3e2c7;
background: linear-gradient(135deg, #e0c5c5 0%,#7c0020 100%);
}
/*strongタグマーカー*/
.entry-content strong{
background: linear-gradient(#fff 80%, #f8e 20%);
}
/*h2 h3見出し*/
.entry-title, .archive-heading {
background: #ff5d87;
background: linear-gradient(to bottom, #eb9fb2, #eee);
}
h3, h3:before {
background: #eb9fb2;
}
h3:before {
/*Font Awesome 5を使用*/
background-image: none;
font-family: "Font Awesome 5 Free";
content: "\f72f";
text-align: center;
color: #fff;
}
/*h4 h5見出しと目次のアイコン*/
h4:before,h5:before,ul.table-of-contents li:before {
font-family: "Font Awesome 5 Free";
content: "\f5ce";
font-weight: 900;
}
h4 {
border-top: 1px dotted #b33e5c;
}
h4:before,ul.table-of-contents li:before {
color: #b33e5c;
}
.pager a {
color: #b33e5c;
}
.pager-next a:before, .pager-prev a:before {
background-color: #b33e5c;
}
#bottom-editarea {
border-color: #b33e5c;
}
/* leadの囲み*/
.entry-content .lead {
border-color:#b33e5c;
}
.entry-content .lead:before, .entry-content .lead:after {
background-color: #b33e5c;
}
/* ナビ*/
#nav {
background: linear-gradient(#efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%);
}
このサンプルのヘッダ画像写真は、フリー写真素材ぱくたそ (www.pakutaso.com）の写真素材を1000×333pxにトリミング加工して利用しています。
この写真を利用する場合は、ぱくたそ公式サイトからご自身でダウンロードしていただくか、ぱくたそのご利用規約(www.pakutaso.com/userpolicy.html）に同意していただく必要があります。同意いただけない場合は写真素材のご利用はできませんのでご注意ください。
ヘッダー画像（1000×333px推奨）を設置する際はアップロード後、位置調整をせずに適用ボタンを押してください。
