タブとは

「タブ」ブロックは、複数のコンテンツをタブで表示したい場合に使用します。

各タブごとに自由にブロックを挿入でき、クリック操作でコンテンツを切り替えることができます。
上部のメニュー部分は追加や削除、順番の入れ替えのほか、横幅や横スクロールの有無なども設定できます。

タブの作成方法

STEP1
「タブ」のアイコンをクリック

記事投稿画面のブロック挿入ツールから「タブ」のアイコンをクリックします。

「タブ」のアイコンをクリック
STEP2
タブを挿入

選択すると、初期状態のブロックが挿入されます。

タブを挿入

タブの追加・削除・移動

ブロックを選択すると、タブメニューの上部にアイコンが表示されます。

タブの追加・削除・移動

以下の項目について設定できます。

タブの移動アイコンをドラッグすることでタブメニューの順番を変更できます。
タブの追加新規でタブを追加します。
タブの削除選択中のタブを削除します。

タブの設定

ブロックを選択すると、記事投稿画面に設定パネルが表示されます。

タブの設定

以下の項目について設定できます。

スタイルスタイルを選択できます。
設定タブメニューの形状を設定できます。
タブメニューの設定 (PCのみ)メニュー幅の変更や、横スクロールを有効にできます。
※PC表示用の設定です。
タブメニューの設定 (モバイルのみ)メニュー幅の変更や、横スクロールを有効にできます。
※モバイル表示用の設定です。

詳細設定について

以下の項目について設定できます。

詳細設定
タブメニューの形状四角形」「角丸」から形状を選択できます。

タブメニューの設定について

以下の項目について設定できます。

タブメニューの設定について
タブメニューの幅テキストに合わせる」、「均等に並べる」、「2カラム」、「4カラム」から幅を選択できます。
横スクロールを有効にするタブメニューの幅がブロック本体の大きさを超える場合に、横スクロールが可能になります。