header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix エディタ:モバイルサイトにボックスを追加・カスタマイズする

4分
ボックスは、モバイルサイトのコンテンツを枠で囲み、整理し、構造化するのに役立ちます。デスクトップエディタから引き継いだボックスを改良したり、モバイルエディタから追加したボックスをカスタマイズしたりできます。
モバイルエディタからボックスを追加した場合、枠線、影、色、間隔などを自由にカスタマイズできます。デスクトップサイトから引き継いだボックスを編集する場合は、アニメーションを編集するか、ボックスを非常時にすることしかできません。

ボックスのカスタマイズについては下記をご確認ください:

モバイルパーツとデスクトップパーツの見分け方:
モバイル専用パーツには、クリックするとモバイルアイコン  が表示されます。

デスクトップ版から引き継がれたボックス

デスクトップサイトにボックスを追加すると、モバイルサイトにも自動的にボックスが追加されます。アニメーションの追加やボックスの非表示も可能です。
注意:
ホバーアクションはモバイルではご利用いただけません。

デスクトップから引き継がれたボックスをカスタマイズする方法:

  1. モバイルエディタでボックスをクリックします。
  2. ボックスのカスタマイズ方法を選択します:
    • アニメーションを追加する:
      1. アニメーション」アイコン  をクリックします。
      2. ボックスに適用するアニメーションを選択します。
      3. (オプション)「カスタマイズ」をクリックして、アニメーションの詳細設定を調整します。
    • ボックスを非表示にする:
      1. 非表示にする」アイコン  をクリックして、モバイルサイトから非表示にします。
ヒント:
パーツの非表示を解除するには、モバイルエディタ左側で「モバイル上で非表示」アイコン undefined をクリックします。その後、該当するパーツ横にある「表示」をクリックすると、モバイルサイトに表示されます。

モバイルエディタから追加されたボックス

モバイルサイトに直接コンテナボックスを追加できます。あらかじめ用意されたデザインの中から好きなものを選び、色、枠線、角、影、間隔などをカスタマイズすることができます。

モバイル専用ボックスを追加・カスタマイズする方法:

  1. 左側で「モバイルに追加」アイコン  をクリックします。
  2. ボックス」をクリックします。
  3. サイトに追加するボックスをクリックします。
  4. デザインを変更」アイコン  をクリックします。
  5. デザインをカスタマイズ」をクリックして、ボックスを編集します。