ウィジェット

ウィジェット紹介:【ヘッダー】部分に挿入できるウィジェット4つ

2021年1月25日


[PR]AFFINGERで使う画像はCanvaで作るのがおすすめ!
超ラク!超おしゃれ!

画像編集サービス
  • こんなに使えて基本利用料無料!
  • おしゃれなテンプレートが豊富!
  • アプリ版のダウンロードも無料!

Canvaの紹介記事へ

ヘッダー部分に挿入できるウィジェット4つサンプル

AFIINGER6のウィジェット紹介です。今回はヘッダーに挿入できるウィジェットをご紹介します。AFFINGER6ではヘッダーに挿入できるウィジェットは4つ用意されています。"ヘッダー画像エリア上のウィジェット"、"ヘッダー画像エリアウィジェット"、"ヘッダー画像エリア下のウィジェット"、"ヘッダー右(フッター)ウィジェット"です。

実際にデモサイトを使って見てみましょう。デモサイトのトップページに来ました。ウィジェットを全部出した状態でへッダーを一望するとこんな感じになります。

AFFINGER6(アフィンガー6)ウィジェットの場所紹介:ヘッダー
PCで見たとき

\ デモサイトはこちら /

ヘッダー画像エリア上のウィジェット

ヘッダー画像の上に挿入できるウィジェットです。ロゴとメニューの間にあります。

ヘッダー画像ウィジェット

ヘッダー画像部分に挿入できるウィジェットです。この場所には"ヘッダーコンテンツ設定"という上位互換の機能があるためこのウィジェットはあまり出番がないと思われます。

ヘッダー画像エリア下のウィジェット

ヘッダー画像の下に挿入できるウィジェットです。挿入すればヘッダーでは一番下のウィジェットになります。

ヘッダー右(フッター)ウィジェット

ロゴの右側に挿入できるウィジェットです。電話番号(記入した場合)の下に小文字で挿入されます。ちなみに同じ内容がフッターにも挿入されます。

スマホで見ると

スマホではこんな感じです。

AFFINGER6(アフィンガー6)ウィジェットの場所紹介:ヘッダー(スマホ)
スマホで見たとき

"ヘッダー右(フッター)ウィジェット"は消え、3つになりました。

AFFINGERを購入する

詳細はこちら

-ウィジェット