ウィジェットエリアを設定する

Google AMPを有効にし、生成されたAMPページへアクセスした場合、ウィジェットエリアは表示されませんので、ご注意ください。
※Google AMP機能については、こちらを参照してください。

ウィジェットエリアを設定することで、サイト内に常に表示されるコンテンツを設定可能です。
『トップへ戻る』『カートを見る』といった項目をページ内に6箇所まで固定表示させることができます。

ウィジェットエリアの設定は、以下の動画も合わせてご参照ください。

ウィジェット編集モードの起動

サイトエディタ画面で、ページを編集[１]ボタンをクリックし、編集モードに切替えた後、ウィジェット編集モード[２]ボタンをクリックすることで、ウィジェットの編集画面へ移行します。

ウィジェットエリアのメニュー

ウィジェットエリアでは下記の項目が選択可能です。

編集

ウィジェットエリアをブロックエディタで開き、編集を行えます。

ブロックを非公開にする

該当のウィジェットエリアのブロックを非公開に変更できます。

ヘッダーの下に吸着

ヘッダーブロックの下にコンテンツが吸着して表示されます

スクロール後に表示

ページの画面が下へスクロールされた際にコンテンツが表示されます。

閉じるボタンを表示

ウィジェットエリアを閉じるボタンを設定できます

エリアをコピー

選択しているウィジェットエリアの内容をコピーします。
その後、エリアをペーストの項目が選択可能となり、別のエリアに内容を複製することが可能です。

PCで非表示

PC表示の際は非表示になります。

スマホで非表示

スマホ表示の際は非表示になります。

ブロックを削除

ブロック内に設定された内容を削除します。
※ブロックそのものは削除されません

ウィジェットエリアのブロックを編集

表示されたウィジェットエリアから、編集するブロックを選択し、編集[１]をクリックします

ブロックテンプレートの選択画面[１]が表示されるので、設定する項目を選択してください。
閉じる[２]をクリックした場合は、編集画面で直接設定が可能となります。

【例】ウィジェットエリアにソーシャルボタンを設定する場合
表示させたい位置のウィジェットエリアで編集[１]ボタンをクリックします。

ブロックテンプレートの一覧が表示されたら、スマートモード[１]のソーシャル[２]をクリック、ソーシャルボタン[３]を選択し、適用[４]をクリックします。

Syncを起動する[１]からSyncを起動して、内容を確認後、適用[２]をクリックします。

編集モードを完了させ、コンテンツが表示されたことを確認します

ウィジェットエリアの横幅設定

ウィジェットエリアの横幅を変更する場合、ブロックエディタのブロック設定タブ[１]から、ウィジェットエリア自体の横幅[２]を指定し『px』か『%』[３]で設定します。

AQUA FOODSやAQUA Aquarium、IMAGAWA Bridal、IMAGAWA PAINTなど、一部のテンプレートで編集できないエリアについては、
もともとテンプレート上でウィジェットが設定されています。ウィジェット編集に切り替え、編集が可能です。