
「AFFINGER管理」の「ヘッダー」>”ヘッダーコンテンツ設定”ではヘッダー画像エリアにコンテンツを挿入できます。


見出し・見出しサイズ
コンテンツの上に見出しを表示します。
登録済みヘッダー画像(※要2枚以上)を背景スライドショーとして表示する
背景スライドショーに関しては以下を参考にしてください
コンテンツ

ヘッダー画像エリアに挿入するコンテンツを作成できます。
テキストカラーや余白も指定可能です。
※テキストカラーが「空」の場合も白が設定されているように見えるのでご注意ください

レイアウト

レイアウトには「通常 /上下中央(縦方向のみ中央)/ 上下左右中央」があります。
「上下左右中央」を有効化するとdisplay:flex;が適応されます。
その為、挿入コンテンツによっては表示が崩れる場合や別途、ご自身でCSS調整が必要な場合がありますのでご了承ください。
背景を暗くする
ヘッダーコンテンツエリアの高さや背景画像は「カスタマイザー」で設定可能で背景画像はエディタの下にある「背景を暗くする」で暗転できます。
※「背景を暗くする」はヘッダーコンテンツエディタ内に記入がある場合のみ反映されます
背景を暗くするCSSはヘッダー画像エリアの背景がない場合はheaderに適応されます。
ヘッダーコンテンツエリアの高さや背景画像

ヘッダーコンテンツの背景や最低の高さはカスタマイザーの「ヘッダー画像エリア」で変更できます。
背景画像は「ヘッダー画像の後ろにに配置する背景画像」で設定してください。
最低の「高さ」はスマホ(599px以下)閲覧時とそれ以外(600px以上)で分岐できるようにしました。
「カスタムフォント」ショートコードタグ

上図の部分で使用しているタイトルのように「文字の大きさ(%)、色、太さ、Webフォントの反映の有無、影、マージン」をカスタマイズできるクイックタグ(P)を用意しました。



