Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

この記事では下記を説明します：

モバイルサイトでタブを非表示にする
モバイルでタブのレイアウトを調整する
モバイルでタブのデザインをカスタマイズする

Wix エディタ：モバイルサイトのタブを調整・カスタマイズする

10分

この記事内

モバイルサイトでタブを非表示にする
モバイルでタブのレイアウトを調整する
モバイルでタブのデザインをカスタマイズする

タブは、コンテンツを整理および分類するための高度な方法です。デスクトップで追加したタブは自動的にモバイルサイトに表示され、必要に応じて小さな画面に合わせて調整できます。

注意：

タブはデスクトップパーツであるため、モバイル専用のタブを追加することはできません。

モバイルサイトでタブを非表示にする

モバイルサイトにタブを表示したくない場合は、簡単に非表示にすることができます。タブパーツを非表示にした後、「モバイル上で非表示」パネルからアクセスして再度表示することができます。

モバイルサイトでタブを非表示にする方法：

モバイルエディタでタブパーツをクリックします。
「非表示にする」アイコンをクリックします。

Wix モバイルエディタのタブで、非表示にするアイコンにマウスオーバーしているスクリーンショット。

モバイルでタブのレイアウトを調整する

小さな画面に合うように、モバイルサイトのタブのレイアウトを編集します。タブの間隔と方向を変更したり、トップメニューに収まらないタブをモバイル訪問者に表示する方法を選択したりできます。

モバイルサイトでタブのレイアウトを調整する方法：

モバイルエディタでタブパーツをクリックします。
「レイアウト」アイコンをクリックします。
タブのレイアウトを調整する方法を選択します：
- タブの分布：タブメニューをどのくらい引き伸ばすかを選択します：
  - デフォルト：メニューはボックスの幅に収まりません。
  - ストレッチ：メニューがボックス全体の幅に収まります。
- タブの間隔：タブアイテム間の間隔を調整します。
- タブとコンテナの間隔：メニューとコンテンツボックス間の間隔を調整します。
- 横方向の余白：メニューアイテムの左右の余白を調整します。
- 縦方向の余白：アイテムの上下の余白を調整します。
- 収まらないタブの表示方法：トップメニューに収まらないタブの表示方法を選択します：
  - スクロール：訪問者はメニューをスクロールしてすべてのアイテムを表示できます。
  - 折り返し：すべてのアイテムを表示するために別の行が追加されます。スライダーを使用して、行間の間隔を調整します。
- タブの表示順：上部メニューのアイテムを表示する順番を「左から右」、または「右から左」に変更します。
- テキスト配置：テキストを左揃え、右揃え、中央揃えのいずれかにします。