EST

背景画像がコロコロ変わるデザインテーマです

ヘッダーとフッターのメイン画像を非表示にする方法

f:id:oTn:20210322001836j:plain

はじめに

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

okn.hatenablog.jp

 

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

 

デザインテーマ「EST」のヘッダーとフッターはメイン画像とバックグラウンド画像の2層のレイヤー構成となっており、背景をぼかすことで奥行き感を演出してます。

 

しかし、ユーザの好みによっては「メイン画像は邪魔くさい」「いつも表示するのは止めたい」場合があります。

 

f:id:oTn:20210322202932j:plain

 

そこで、ヘッダーとフッターのメイン画像を非表示にしたい方は、下記のようにカスタマイズして下さい。

 

 

メイン画像を常に非表示にする方法

下記CSSをデザインCSSに保存して下さい。 

/* ヘッダーとフッターのメイン画像を非表示にする */
:root {
    --header-main-img: none;
    --header-box-shadow: none;
    --footer-main-img: none;
    --footer-box-shadow: none;
}

  

特定の記事のみメイン画像を非表示にする方法

記事の編集をHTML編集モードに変更し、記事の一番下に下記HTMLを保存して下さい。 

<!-- ヘッダーとフッターのメイン画像を非表示にする -->
<style><!--
:root {
    --header-main-img: none;
    --header-box-shadow: none;
    --footer-main-img: none;
    --footer-box-shadow: none;
}
--></style>

 

なお、このページはヘッダーとフッターのメイン画像を非表示にしてます。

 

最後に

この記事が「良かった・参考になった」と感じた方は、リアクションボタンを押して気持ちを伝えてもらえると嬉しいです!