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

Wix モバイルアプリ:カスタムウィジェットを作成する

4分
独自のモバイルアプリ用にカスタムウィジェットを作成すると、アプリに必要な機能を追加して、ユーザーエクスペリエンスをさらに向上させることができます。

Wix のモバイルウィジェットビルダーを使用すると、Wix ストア、Wix ブッキング、Wix CMS などに使用できるウィジェットを、自身で一から作成することができます。カスタムウィジェットは iOS と Android に対応しており、ドラッグアンドドロップで簡単に作成できるほか、Velo by Wix を使用して JavaScript でコーディングを行い、より高度な機能を備えたものにすることもできます。
独自のモバイルアプリに、カスタムウィジェットが表示されている様子を示したスクリーンショット。
たとえば、チームのコミュニケーション用の Wix グループや、自宅でのトレーニング用のオンラインプログラムなど、Wix のソリューションを使用してスポーツリーグのアプリを作成し、リーグの順位やプレーヤーのデータを表示するカスタムウィジェットを構築することもできます。
重要:
現在、カスタムウィジェットは、Wix Studio サイト用に作成した独自のモバイルアプリにのみ作成することができます。

カスタムウィジェットを作成する

モバイルウィジェットビルダーを使用して、アプリの用途に合わせてカスタムウィジェットを作成します。作成・公開したウィジェットは、独自のモバイルアプリの任意の画面に追加することができます。
モバイルウィジェットビルダーを使用して、独自のモバイルアプリ用にカスタムウィジェットを作成している様子を示したスクリーンショット。

カスタムウィジェットを作成する方法:

  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 独自のモバイルアプリ名のタブをクリックします。
  3. モバイルアプリを編集」をクリックします。
  4. 左側で「カスタムウィジェット」をクリックします。
  5. ビルダーに移動する」をクリックします。
  6. 要素を追加し、レイヤーを整理して、必要に応じてコードを使用してカスタムウィジェットを作成します。
  7. (オプション)「+ウィジェットを追加」をクリックし、さらにウィジェットを作成します。
  8. 公開」をクリックし、アプリの任意の画面にウィジェットを追加できるようにします。
  9. クリックして実行する内容を選択します:
    • アプリを編集する:「アプリを編集」をクリックして、モバイルアプリビルダーに戻ります。
      1. モバイルアプリビルダーで、上部の「画面」ドロップダウンをクリックし、ウィジェットを追加する画面を選択します。
      2. 左側で「カスタムウィジェット」をクリックします。
      3. ウィジェットにマウスオーバーし、「画面に追加」アイコン をクリックします。
    • 閉じる:「閉じる」をクリックして、モバイルウィジェットビルダーにとどまります。
  10. Save & Publish(保存して公開)」をクリックし、アプリに加えた変更内容を公開します。
コミュニティと繋がる:
コミュニティアプリをダウンロードすると、カスタムウィジェットを作成する他のデベロッパーと繋がって、情報を共有することができます。また、ここではカスタムウィジェットの作成に役立つサンプル、チュートリアル、ガイドなどを参照することもできます。

よくある質問

カスタムウィジェットに関する詳細については、以下の質問をクリックしてください。