ACTION ヘッダー レイアウト

ヘッダー全体に大きく背景画像を設定する~headerエリアの画像設定

ヘッダーナビゲーション(旧 ヘッダーエリア)からサムネイルスライドショーウィジェットエリアまで全体を覆う背景画像を設定します。

headエリアの画像設定

カスタマイザー

カスタマイザーの「背景」>「headerエリア」で設定できます。

「背景画像を幅100%のレスポンシブにする」にチェックを入れると全体を覆うように背景が設定されます。

メニューなどを透過する

ヘッダーやメニューなどのカラーは予め「空」にして透過させてください。(※うまく透過しない場合はカスタマイザーの「全体カラー設定」にある「カスターマイザーをリセットする」を一度お試しください)

ヘッダー画像エリアの「高さ」について

「ヘッダー画像エリア」の高さは要素(ヘッダー画像やウィジェット、記事スライドショーなど)がないと高さがありません。

コンテンツを挿入するか、「外観」>「カスタマイズ」>「ヘッダー画像」の”ヘッダー画像エリア”で高さを指定してください。

解決しないことは検索もしてみてね

AFFINGERのAI(GPTs)で『小学1年生 英語勉強方法 おすすめ』記事を作成

「頭脳」を手に入れるAFFINGER監修 GPTs一覧

あなたにおすすめ

デザイン済みデータ配布ページ

コン太

すごくカスタマイズできるのはよくわかったけど、できればボクは簡単にすぐ始めたいんだ。

シカ子

それなら「デザイン済みデータ」を使用するといいわ。デザインは主に「カスタマイザー」「ウィジェット」「テーマ管理」の設定でできているのだけど、それらのデータを完成形でインポートできるの

コン太

わぁ!それは助かる

シカ子

インポートしてから設定やカラーも変更できるから最初のスタートデザインとしても使えるわね。必ず注意事項などを確認してね

デザイン済みデータ配布ページ - 【公式】STINGER STORE
デザイン済みデータ配布ページ

AFFINGER及びEX版専用のデザイン反映データ(子テーマではありません)です。 利用規約及びご承 ...

on-store.net

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION, ヘッダー, レイアウト

PAGE TOP