Wix エディタ:タブについて
読了時間:3分
タブは、個別の表示に分割するコンテナです。各タブアイテムに異なるコンテンツを追加することができ、訪問者はそれらをクリックして必要なものを見つけることができます。
タブパーツを使用してさまざまな情報を紹介し、訪問者がブランドのニュースやコンテンツにさらに簡単にアクセスできるようにしましょう。
タブでコンテンツを整理する
タブはインタラクティブなコンテナであるため、アイテムごとに異なるものを表示できます。紹介したいコンテンツタイプまたは情報を選択し、それに応じてパーツを追加して設定します。
タブは、ページ / セクションやビジネスに関連するコンテンツを表示するのに役立ちます。たとえば、「お問い合わせ」セクションには、ビジネスの電話番号、メールアドレス、住所などの異なるタブを含めることができます。サイトでタブを追加・設定する方法はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/feaaaf4f-376b-497a-a753-0ab26a952428/f6affaaa-429d-477a-8eaf-54726d5c31c0.gif)
ページレイアウトに合わせてタブを配置する
タブを追加して設定したら、レイアウトを変更してページに一貫した構造を作成します。メニューとコンテナの間隔を調整したり、メニューに収まらないアイテムの表示方法を選択したりできます。タブのレイアウトを変更する方法はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/05/891618d8-8683-4950-b65a-29484fabb565/50f32247-f83e-4fca-a0c7-35e831860ea9.png)
タブのデザインをカスタマイズする
好みに合わせてタブパーツのあらゆる部分をカスタマイズできます。コンテナの背景を変更し、メニューアイテムのフォントを選択し、影を追加してタブにクールな 3D 効果を与えます。
オプションを使用して、サイトのスタイルに調和するタブをデザインしたり、ページで際立つ大胆で人目を引くコンテナを作成したりできます。タブデザインのカスタマイズに関する詳細はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/05/dd8c1351-b23d-4de8-8ab1-ea6204a241a1/849d1d1a-185f-41a0-9a37-978f6166b190.png)
モバイルサイトのタブを調整する
デスクトップエディタで追加したタブは、モバイルサイトにも自動的に表示されます。モバイルサイトでタブコンテナ全体を非表示にするか、小さな画面に合わせてレイアウト、間隔、デザインをカスタマイズするかを選択できます。
モバイルで行った変更はデスクトップサイトには影響しないため、モバイルユーザー向けに簡単でインタラクティブな体験を作成できるようにタブを編集することができます。モバイル用のタブの調整に関する詳細はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/05/9895ba57-ded0-4e05-bf3f-050013cffd26/a09a1093-24a8-4ad5-b673-e736a5193ed4.png)
よくある質問(FAQ)
タブアイテム間はどのように移動すればよいですか?
タブアイテムのサイズを個別に変更することはできますか?
デフォルトのタブとは?