EST

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

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

f:id:oTn:20210403120635j:plain

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

はじめに

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

okn.hatenablog.jp

 

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

 

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

続きを読む

ヘッダーとフッターをシンプル画像に変更する方法

f:id:oTn:20210331225154j:plain

  • はじめに
  • ヘッダーとフッターをシンプル画像に変更する方法
  • 最後に

はじめに

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

okn.hatenablog.jp

 

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

 

「EST」は背景をカスタマズして楽しめるデザインテーマですが、ヘッダー・フッターの画像がデカすぎるので自分の好みに合わない、と感じている方がいるかも知れません。

続きを読む

タイトル下の画像をバックグラウンドに表示する方法

f:id:oTn:20210322210130j:plain

  • はじめに
  • タイトル下の画像を背景に表示する方法
    • その他
  • 最後に

はじめに

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

okn.hatenablog.jp

 

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

 

「EST」ではアイキャッチ画像を記事トップに貼り付けることをおススメしてますが、記事の背景にぼかしたアイキャッチ画像を表示すると、奥行き感と迫力がある演出でき、読者の心を引き付ける効果が期待できます。

 

今回のカスタマイズは「ヘッダーとフッターのメイン画像を非表示にカスタマイズする方法」の変形例にあたるのですが、このような表示を行うためのカスタマズを説明します。

続きを読む

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

f:id:oTn:20210322001836j:plain

  • はじめに
  • メイン画像を常に非表示にする方法
  • 特定の記事のみメイン画像を非表示にする方法
  • 最後に

はじめに

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

okn.hatenablog.jp

 

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

 

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

 

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

続きを読む

ヘッダー・フッターを好きな画像に変更する方法

f:id:oTn:20210324060212j:plain

  • はじめに
  • ヘッダー・フッターの画像変更方法
    • ヘッダー・フッターを指定画像に変更する方法
    • ページの種類毎にヘッダー背景を変更する方法
    • 特定のエントリーページのみ指定の画像に変更する方法
    • 背景画像の効果変更
  • 最後に

はじめに

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

okn.hatenablog.jp

 

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

 

「EST」のヘッダーとフッターは、デフォルトではダミー画像がランダムが表示されるようになってます。

 

ヘッダーとフッターを好きな画像に変更したい場合は、下記手順でカスタマイズ下さい。

続きを読む

デザインテーマ「EST」の使い方

  • はじめに
  • デザインテーマのインストール
  • トップページが全文形式の場合の注意事項
    • 画像がない場合
    • 画像があり「続きを読む」区切りが無い場合
    • 画像があり「続きを読む」区切りが有る場合
  • 「続きを読む」区切りについて
  • レスポンシブデザインの設定
  • 「EST」のカスタマイズ方法
    • ヘッダー・フッターを好きな画像に変更する方法
    • ヘッダーとフッターのメイン画像を非表示にする方法
    • タイトル下の画像をバックグラウンドに表示する方法
    • ヘッダーとフッターをシンプル画像に変更する方法
    • ヘッダーとフッターをモノトーンに変更する方法
  • ハンバーガーメニューの設定
  • ページ内移動ボタンの設定
  • サポートブラウザについて
    • 質問や不具合対応について
    • 最後に

はじめに

デザインテーマ「EST」(エスト)に興味を持って頂き、ありがとうございます。

 

「EST」は背景画像がコロコロ変わるデザインテーマで、無料の全文形式、Proの一覧形式の両方について、トップページをカード型にレイアウトできます。

 

テーマ名は最上級なWebデザインを目指し「EST」(エスト)と名付けました。

 

全文形式はarchiveで一覧表示は出来ますが、読込表示記事数が30個でモバイルファーストとは言えない仕様です。 

そこで、全文形式のトップページや無料ブログのデザイン面で不満を感じていた部分を工夫してCSSを組んでみました。

 

またメイン画像のバックグラウンドをぼかすことで、ヘッダー・フッターに奥行きと迫力を持たせました。ブログを少し目立たせたい、という方は、是非一度お試し下さい。 

f:id:oTn:20210417211834j:plain

続きを読む