ヘッダーとフッターをモノトーンに変更する方法

f:id:oTn:20210403120635j:plain

はじめに
ヘッダーとフッターをモノトーンに変更する方法
最後に

はじめに

「EST」を始めて使う方は「EST」の使い方をご一読下さい。

okn.hatenablog.jp

それでは本題を説明します。

「EST」のデフォルトは背景画像を強調するデザインになってますが、ブログのテーマ・内容によっては、ヘッダー・フッターの画像がジャマになる場合があるかも知れません。

f:id:oTn:20210403132009j:plain

そんな場合はヘッダー・フッターをシンプルなモノトーンに変えてみましょう。

ヘッダーとフッターをモノトーンに変更する方法

ヘッダーとフッターを画像なしのモノトーンに変える場合は、下記CSSをデザインCSSに保存して下さい。

/*** ヘッダーとフッターをモノトーンにする　**/
:root {
    /* ヘッダーをモノトーンにする*/
    --header-img: none;
    --header-box-shadow: none;
    --header-linear-gradient: linear-gradient(180deg, rgba(130,130,130,1) 0%, rgba(255,255,255,0) 100%);

    /* フッターをモノトーンにする*/
    --footer-img: none;
    --footer-box-shadow: none;
    --footer-background: linear-gradient(0deg, rgba(130,130,130,1) 0%, rgba(255,255,255,0) 100%);

     /* 背景色を1色にする */
    --body-background-color: var(--entry-background-color);
}