タブ付きセクション・レイアウトの使用
タブ付きのセクション・レイアウトを使用すると、レイアウトに追加するコンポーネントの間隔や配置を作成できます。
ページにレイアウトを追加するには、次のステップを実行します:
セクション・レイアウト設定のタブを縮小
セクション・レイアウト・コンポーネントでタブを使用する場合、タブ付きコンテンツをスタックさせるピクセル幅を指定でき、サイト・ビジターは各タブを縮小して展開できます。 これは、コンテンツに対して画面サイズが制限されたモバイル・デバイスでサイト・ビジターが表示している場合に便利です。
縮小レスポンスをトリガーするピクセル・ブレークポイントを指定するには、タブを含むセクション・レイアウト・コンポーネントの一般設定オプションのカスタム設定を使用します。
-
編集しているサイト・ページで、セクション・レイアウト・コンポーネントを追加します。
-
必要なタブの数を作成し、各タブに必要なコンテンツを追加します。
-
タブを含むセクション・レイアウト・コンポーネントの設定を開きます。
-
「カスタム設定」をクリックします。
-
「レスポンス・ブレークポイント」フィールドに、タブ・コンテンツをスタックして縮小するピクセル幅を入力します。
-
「レスポンシブ動作」セレクタから「アコーディオンで表示」を選択します。
-
設定を閉じ、アクション・バーの「保存」をクリックしてサイト更新に対する変更を保存します。
-
設定をテストするには、「表示」モードに切り替え、ブレークポイントの下の幅でビューポートを選択します。