ACTION ヘッダー

ヘッダーコンテンツ作成機能

AIで要約する

使用するAIを選んでください

※AI側で内容を取得できない場合があります

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

見出し・見出しサイズ

コンテンツの上に見出しを表示します。

登録済みヘッダー画像(※要2枚以上)を背景スライドショーとして表示する

背景スライドショーに関しては以下を参考にしてください

コンテンツ

ヘッダー画像エリアに挿入するコンテンツを作成できます。

テキストカラーや余白も指定可能です。

※テキストカラーが「空」の場合も白が設定されているように見えるのでご注意ください

レイアウト

レイアウトには「通常 /上下中央(縦方向のみ中央)/ 上下左右中央」があります。

「上下左右中央」を有効化するとdisplay:flex;が適応されます。

その為、挿入コンテンツによっては表示が崩れる場合や別途、ご自身でCSS調整が必要な場合がありますのでご了承ください。

背景を暗くする

ヘッダーコンテンツエリアの高さや背景画像は「カスタマイザー」で設定可能で背景画像はエディタの下にある「背景を暗くする」で暗転できます。

※「背景を暗くする」はヘッダーコンテンツエディタ内に記入がある場合のみ反映されます

背景を暗くするCSSはヘッダー画像エリアの背景がない場合はheaderに適応されます。

ヘッダーコンテンツエリアの高さや背景画像

ヘッダーコンテンツの背景や最低の高さはカスタマイザーの「ヘッダー画像エリア」で変更できます。

背景画像は「ヘッダー画像の後ろにに配置する背景画像」で設定してください。

最低の「高さ」はスマホ(599px以下)閲覧時とそれ以外(600px以上)で分岐できるようにしました。

ヘッダーコンテンツの背景は「背景画像を幅100%のレスポンシブにする」がお薦めです

「カスタムフォント」ショートコードタグ

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

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

-ACTION, ヘッダー

秋限定の特別セール開催中!

AFFINGER7公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -