ヘッダー部分に挿入できるウィジェット４つサンプル
AFIINGER6のウィジェット紹介です。今回はヘッダーに挿入できるウィジェットをご紹介します。AFFINGER6ではヘッダーに挿入できるウィジェットは４つ用意されています。"ヘッダー画像エリア上のウィジェット"、"ヘッダー画像エリアウィジェット"、"ヘッダー画像エリア下のウィジェット"、"ヘッダー右(フッター)ウィジェット"です。
実際にデモサイトを使って見てみましょう。デモサイトのトップページに来ました。ウィジェットを全部出した状態でへッダーを一望するとこんな感じになります。
＼ デモサイトはこちら ／
ヘッダー画像エリア上のウィジェット
ヘッダー画像の上に挿入できるウィジェットです。ロゴとメニューの間にあります。
ヘッダー画像ウィジェット
ヘッダー画像部分に挿入できるウィジェットです。この場所には"ヘッダーコンテンツ設定"という上位互換の機能があるためこのウィジェットはあまり出番がないと思われます。
ヘッダー画像エリア下のウィジェット
ヘッダー画像の下に挿入できるウィジェットです。挿入すればヘッダーでは一番下のウィジェットになります。
ヘッダー右(フッター)ウィジェット
ロゴの右側に挿入できるウィジェットです。電話番号(記入した場合)の下に小文字で挿入されます。ちなみに同じ内容がフッターにも挿入されます。
スマホで見ると
スマホではこんな感じです。
"ヘッダー右(フッター)ウィジェット"は消え、３つになりました。