widgeticon_tabs_300

タブ

Elementor Free / Elementor PRO / Elementor PRO ADVANCED
「タブ」ウィジェットは、複数のコンテンツをタブ形式で整理して表示するウィジェットです。タブのデザインや配置をカスタマイズでき、情報をコンパクトにまとめられます。レスポンシブ対応で、商品の詳細ページやFAQセクションに最適です。

タブ ウィジェットの説明

「タブ」ウィジェットは、複数のコンテンツをタブ形式で整理して表示するためのウィジェットです。ページの情報をコンパクトにまとめることができるぃジェットです。

タブウィジェットでは、タブのタイトルとコンテンツを自由に設定できます。各タブには異なるコンテンツを配置でき、訪問者がタブをクリックすることで内容が切り替わります。商品情報、FAQ、レビューなどをそれぞれのタブに分けて配置できるため、コンパクトで見やすくなります。

コンテンツ内にはテキストはもちろん、画像もコンテンツ内に追加することができます。また、コンテンツ内のテキストは色を変えたり、配置を変えたりすることもできます。タブの配置も水平や垂直を設定できるため好きなデザインを選びましょう。

タブウィジェットを配置したサンプル。タブをクリックすると内容が切り替わる。タブは追加することができる。

タブ位置を左側にしたサンプル。(スマホの場合は変化しない)

タブの色などを設定したサンプル。枠線や選択中のタブの背景色などを変更することができる。

上部へスクロール