カラムをタブで切り替えて表示する方法（タブモード）

カラムを「タブモード」にすると、見る人がタブをクリックして、表示する内容を切り替えられるようになります。
同じ場所に複数の内容をまとめられるので、情報が多くてもページがすっきりします。
こんなときに

料金プランを「月額」「年額」で切り替えて見せたいとき
コースやサービスごとに、内容を分けて紹介したいとき
よくある質問を、カテゴリーごとにまとめたいとき

スライダーモードとの違い

	切り替え方	向いている内容
タブモード	見る人がタブをクリックして切り替える	見る人が自分で選びたい内容（プラン、コース別など）
スライダーモード	矢印や自動でスライドして切り替わる	順番に見てほしい内容（お客様の声、事例など）

① タブモードをオンにする

タブにしたいカラムにマウスを乗せると、上に「カラム」のラベルが表示されます。
ラベルの歯車をクリックします。
「行設定を編集」が開きます。下に「スライダーモード」と「タブモード」の2つのスイッチがあります。
「タブモード」をオンにします。

オンにすると、カラムの下にタブを編集するためのメニューが表示されます。
最初はタブが「Tab 1」の1つだけなので、「＋」でタブを追加していきます（→②）。
※スライダーモードとタブモードは、どちらか一方だけ選べます。タブモードをオンにすると、スライダーモードのスイッチは表示されなくなります。
※タブモードは、カラムごとに設定します。オンにしたカラムだけがタブ表示になります。

公開ページでの見え方

公開ページでは、カラムの上にタブが並びます。見る人がタブをクリックすると、下の内容が切り替わります。
選ばれているタブは白く表示されるので、今どのタブを見ているかがひと目で分かります。

② タブメニューの使い方

ボタン	できること
Tab 1・Tab 2…（タブの名前）	クリックすると、そのタブに切り替わって中身を編集できます
＋	新しいタブを追加します
複製（四角が重なったアイコン）	表示中のタブを複製します
ゴミ箱	表示中のタブを削除します（タブが2つ以上のときに表示されます）
歯車	タブの設定画面を開きます
おすすめの作り方
1つ目のタブのデザインを整えてから「複製」で増やし、文章や画像だけ差し替えると、デザインのそろったタブを早く作れます。

③ タブの名前とデザインを設定する

タブメニューで、設定したいタブをクリックして選びます。
タブメニューの歯車をクリックします。
タブの設定画面が開きます。

※設定画面の上には「スライダーの設定」と表示されますが、これはタブの設定画面です。

設定画面の項目は、タブごとの設定とすべてのタブ共通の設定に分かれています。

タブごとの設定

ここは、タブ1つずつに設定します。2つ目以降のタブも、タブメニューでタブを選び直してから歯車を開いて設定してください。

タブスタイル：タブの形を選びます（例：ピル＝丸みのあるボタン型、下線＝文字の下に線が付く型）
タブタイトル：タブに表示する名前です。ここで名前を変えます。
タブアイコン：「＋」から、タブの名前の横にアイコンを付けられます。
バッジピル：タブに小さなラベルを付けられます（例：「人気」「おすすめ」）。入力は任意です。

※名前を変えないままだと、公開ページには「Tab 1」「Tab 2」と英語で表示されます。必ず中身に合った名前に変えましょう。
（例：「月額プラン」「年額プラン」、「初心者向け」「経験者向け」）
※タブスタイルもタブごとの設定です。見た目をそろえたいときは、すべてのタブで同じスタイルを選んでください。