header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • モバイルエディタを使用する
  • 非表示のデスクトップパーツ
  • モバイル表示をカスタマイズする
  • モバイル専用パーツを追加する
  • モバイルツール

Wix エディタ:モバイルエディタについて

この記事内
  • モバイルエディタを使用する
  • 非表示のデスクトップパーツ
  • モバイル表示をカスタマイズする
  • モバイル専用パーツを追加する
  • モバイルツール
モバイルでサイトを素敵に見せたいですか?モバイルエディタを使用して、機能的でプロフェッショナルなモバイル表示を作成しましょう。
背景を変更し、デスクトップコンテンツを非表示にし、モバイル専用パーツに置き換えます。さらにモバイル体験を向上させるために、「トップへ戻る」ボタンやモバイルアクションバーなどのパーツを追加できます。
モバイルエディタをスクロールダウンしている GIF。

モバイルエディタを使用する

エディタ上部にある「 モバイル」アイコン   をクリックすると、いつでもモバイルエディタにアクセスできます。
エディタでモバイルに切り替えているスクリーンショット
モバイル表示はデスクトップ表示を反映したもので、すべて同じパーツとコンテンツが表示されます。フォント、画像、パーツは自動的にサイズ変更され、最適な表示が可能になるため、モバイル体験を真にユニークなものにすることができます。

左側のメニュー

エディタの左側には、モバイル表示をカスタマイズするために必要なツールがあります。新しいパーツの追加、サイトページ間の移動、非表示のデスクトップパーツへのアクセスなどがあります。
エディタ左側でメニューが開いている GIF。

非表示のデスクトップパーツ

Wix は、デスクトップサイトのコンテンツを使用して、モバイル版のサイトを自動的に作成します。このプロセスでは、モバイル向けに最適化されていないパーツは自動的に非表示になります(例:ホバーアクション、サードパーティ製アプリなど)。
エディタ左側にある「非表示のパーツ」アイコン   をクリックします。モバイルに表示したくないパーツがある場合は、必要に応じて非表示にしたり、再表示したりできます。
デスクトップのエディタで非表示にしたパーツのスクリーンショット。

モバイル表示をカスタマイズする

モバイルエディタを使用すると、サイトをモバイルに合わせて自由にカスタマイズできます。細かい調整をしてデスクトップサイトと同じ雰囲気を保つことも、モバイル向けに異なるデザインを作成することもできます。モバイルでデザインを変更しても、デスクトップ版には影響しません。
以下をクリックして詳細をご覧ください:

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

モバイルエディタでは、必要な数のパーツをモバイル表示に追加できます。これらのパーツはモバイル向けに完全に最適化されているため、サイズを気にする必要はありません。「追加」パネルからテキスト、画像、ボタン、埋め込みなどを直接追加できます。
モバイル限定パーツを追加しているスクリーンショット。
モバイルで追加したパーツは、デスクトップ版のサイトには表示されません。モバイル専用パーツはアイコン   でマークされるため、何がどこに表示されるかを簡単に知ることができます。
モバイル専用パーツのスクリーンショット。
ヒント:
モバイル専用パーツはデスクトップエディタに貼り付けることはできません。追加パネルを使用して、デスクトップエディタにパーツを追加できます。

モバイルツール

モバイルツールパネルには、エンゲージメントを高め、モバイルでのサイトナビゲーションを簡単にする便利な機能があります。
訪問者を歓迎するウェルカム画面、行動を促すための モバイルアクションバー、長いページの下部に トップへ戻るを追加しましょう。Android で Chrome を使用している訪問者は、サイトにアクセスした後にブラウザのスタイルカラーを変更することもできます。
デスクトップ版を使用する場合:

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.