機械翻訳について

タブ付きセクション・レイアウトの使用

タブ付きのセクション・レイアウトを使用すると、レイアウトに追加するコンポーネントの間隔や配置を作成できます。

ページにレイアウトを追加するには、次のステップを実行します:

  1. 編集するページに移動し、「Edit」スイッチ「編集」に設定されていることを確認します。
  2. ページにレイアウトを追加します。 デフォルトでは、レイアウトとともに1つのタブが追加されます。 「新規タブ」をクリックして、追加のタブを追加します。
  3. タブに他のコンテンツを配置するには、そのコンテンツをタブにドラッグ・アンド・ドロップします。

    レイアウトへのアイテムの追加を続行でき、レイアウトによってアイテムが適宜フォーマットされます。 他のセクション・レイアウトを追加して、高度なレイアウトを作成したり、コンポーネント・グループを追加することもできます。

  4. タブとその外観を編集するには、メニュー・アイコン「Component Menu」アイコンをクリックして、「設定」を選択します。
  5. バックグラウンド・セクションを使用して、タブのバックグラウンド設定を変更します。
    タブにイメージを使用したり、タブの位置を変更したりできます。 「バックグラウンドまたはテーマの変更」を参照してください。
  6. スタイル・セクションを使用して、タブの他の外観設定を変更します。 細線、フレームなどのスタイルを選択するか、ボーダーとタブの角をカスタマイズします。

セクション・レイアウト設定のタブを縮小

セクション・レイアウト・コンポーネントでタブを使用する場合、タブ付きコンテンツをスタックさせるピクセル幅を指定でき、サイト・ビジターは各タブを縮小して展開できます。 これは、コンテンツに対して画面サイズが制限されたモバイル・デバイスでサイト・ビジターが表示している場合に便利です。

縮小レスポンスをトリガーするピクセル・ブレークポイントを指定するには、タブを含むセクション・レイアウト・コンポーネントの一般設定オプションのカスタム設定を使用します。

  1. 編集しているサイト・ページで、セクション・レイアウト・コンポーネントを追加します。

  2. 必要なタブの数を作成し、各タブに必要なコンテンツを追加します。

  3. タブを含むセクション・レイアウト・コンポーネントの設定を開きます。

  4. 「カスタム設定」をクリックします。

  5. 「レスポンス・ブレークポイント」フィールドに、タブ・コンテンツをスタックして縮小するピクセル幅を入力します。

  6. 「レスポンシブ動作」セレクタから「アコーディオンで表示」を選択します。

  7. 設定を閉じ、アクション・バーの「保存」をクリックしてサイト更新に対する変更を保存します。

  8. 設定をテストするには、「表示」モードに切り替え、ブレークポイントの下の幅でビューポートを選択します。