ガイド/コンテンツの作成/デザイン/サイトにボタンを配置する

サイトにボタンを配置する

サイトのボタンの配置や位置はカスタマイズできます。このガイドでは、ボタンを配置する方法と、個々のボタンの幅を設定する方法について説明します。

ボタンを配置する

「ボタン」ブロック内のボタンの幅と位置を設定できます。次の手順に従って、サイトのボタンを配置します。

  1. リストビューを使用して、「ボタン」ブロックを選択します。
「リストビュー」が開き、「ボタンブロック」が強調表示されている。
  1. 表示されるツールバーで、次の配置オプションから選択します。
    • 配置: ボタンコンテナの最大幅を設定します。
    • 配置: 「ボタン」ブロック内で個々のボタンを左、中央、右、または等間隔に配置します。
    • 縦方向の位置揃え: ボタンを上、中央、下に配置するか、「ボタン」ブロック内に収まるように引き伸ばします。
「ボタン」ブロックツールバーの配置オプション。
  1. 右側のブロック設定のサイドバーで、次を選択します。
    • 方向: ボタンを横並び (水平) または縦積み (垂直) で表示します。
    • 複数行への折り返しを許可: このオプションを有効にすると、スペースが限られている場合 (モバイル端末など) にボタンを複数行に折り返します。  
「ボタン」ブロックのサイドバー設定が開き、「レイアウト」セクションが強調表示されている。

ボタンの幅を設定する

個々のボタンの幅を設定するには:

  1. リストビューを使用して、「ボタン」ブロック内の個々のボタンを選択します。
ページエディターのリストビューが開き、矢印がリストビューアイコンからボタンブロックリストを指している。
  1. 右側のブロック設定のサイドバーで、「ボタン」ブロックのコンテナの幅を25%、50%、75%、100% から選択します。
「幅」オプションが強調表示された個々のボタンのサイドバー設定。

ボタンの幅をリセットする

  1. リストビューを使用して、「ボタン」ブロック内の個々のボタンを選択します。
ページエディターのリストビューが開き、矢印がリストビューアイコンからボタンブロックリストを指している。
  1. 右側のブロック設定のサイドバーで、設定オプションのアイコン () を選択します。
  2. 「幅」 オプションの横にある「リセット」をクリックします。
ボタンの設定サイドバーが開き、幅の「リセット」オプションが表示されている。
Copied to clipboard!