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

Wix エディタ:モバイル専用パーツを追加・カスタマイズする

5分
モバイルエディタを使用して、モバイルサイト専用のパーツを追加できます。小さな画面用に完全に最適化されたテキスト、画像、ボタン、埋め込み、その他のパーツを追加します。
モバイル専用パーツはデスクトップサイトには表示されないため、レイアウトを調整し、複製して簡単に編集することができます。これにより、モバイルに適さないデスクトップパーツを置き換えたり、モバイル専用にまったく異なる外観を作成したりできます。

モバイル専用パーツを追加する

モバイル専用パーツを追加して、モバイル端末でサイト閲覧する訪問者に合わせてカスタマイズしましょう。モバイルエディタの「モバイルに追加」パネルから、テキスト、画像、ボタンなどのパーツを追加します。
モバイルエディタの追加パネル。「追加」アイコンがハイライトされ、カーソルが「アイコンボタン」の上に置かれています。
下記のオプションをクリックして、利用可能なパーツの種類をご確認ください:
モバイルパーツとデスクトップパーツの見分け方:
モバイル専用パーツには、クリックすると「モバイル」アイコン  が表示されます。

モバイル専用パーツをデザインする

色、枠線、影などのデザインオプションを使用して、パーツをカスタマイズできます。パーツをデザインすることで、モバイルサイトを真にユニークなものにし、訪問者にとって楽しく有益なものにすることができます。

パーツをデザインする方法:

  1. モバイル専用パーツをクリックします。
  2. デザイン」アイコン  をクリックします。
  3. 利用可能なカスタマイズオプションを使用して、パーツをデザインします。
注意:
利用可能なデザインオプションは、パーツの種類によって異なります。
モバイルエディタのベクターアートのデザインパネル。

モバイル専用パーツのレイアウトを調整する

モバイルサイトに合わせてパーツのレイアウトを変更します。パーツを調整することで、サイトを綺麗に保ち、モバイル訪問者にスムーズな体験を提供できます。

パーツのレイアウトを変更する方法:

  1. モバイル専用パーツをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. 利用可能なカスタマイズオプションを使用して、レイアウトを調整します。
注意:
利用可能なレイアウトオプションは、パーツの種類によって異なります。
モバイルエディタのソーシャルバーレイアウトパネル。
ストリップを移動させる場合:
モバイルエディタでストリップまたはカラムをクリック&ドラッグすることで、それらと中のパーツを移動させることができます。

モバイル専用パーツを複製する

モバイルサイトにパーツをコピーして貼り付けることで、好きなだけ素早く、簡単に追加することができます。

モバイル専用パーツを複製する方法:

  1. パーツを右クリックします。
  2. コピー」をクリックします。
  3. ページ / ストリップを右クリックします。
  4. ペースト」をクリックします。
注意:
  • デスクトップエディタからコピーし、モバイルエディタに貼り付けることができるのは、サポートされているモバイルパーツのみです。
  • モバイル専用パーツはデスクトップエディタに貼り付けることはできません。
モバイルエディタでパーツがコピー&ペーストされている GIF。
モバイルエディタの追加パネル。「追加」アイコンがハイライトされ、カーソルが「アイコンボタン」の上に置かれています。
モバイルエディタのベクターアートのデザインパネル。
モバイルエディタのソーシャルバーレイアウトパネル。
モバイルエディタでパーツがコピー&ペーストされている GIF。