Wix Blocks:サイトに Wix Blocks アプリをインストールする
読了時間:4分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
作成した Wix Blocks アプリケーションは再利用し、必要な数のサイトにインストールすることができます。この記事では、カスタムアプリ(自分で作成した、または権限のある Wix Blocks アプリ)のインストール方法について説明します。あるいは、App Market にアプリを公開して、他の Wix ユーザーが使用できるようにすることもできます。
インストール設定
ウィジェットのサイトへのインストール方法(新しいページや既存のページなど)、インストールされるウィジェット、デフォルトのプリセットは、Wix Blocks のインストール設定で設定されます。
下記をご覧ください:
重要:
旧バージョンの Wix Blocks(アプリビルダーとも呼ばれます)で構築されたアプリケーションは、Editor X または Wix Studio にインストールすることはできません。
カスタムアプリをインストールする
- エディタで「App Market」アイコン
をクリックします。
- 「カスタムアプリ」をクリックします。
- 「利用可能なアプリ」をクリックし、インストールするアプリを選択します。
コードのみのアプリケーション
アプリケーションにコードファイルのみがあり、ウィジェットがない場合は、「開発モード」を有効にしてインストールしてください。
![「カスタムアプリ」をインストールしています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/08/30/ba55970b-c09f-4aa8-a918-134877b121d1/3bb4c98c-b9a6-4a09-b533-3e18a528e63c.jpg)
- アプリの README を読んで、正しいアプリであることを確認します。
- 「アプリをインストール」をクリックします。
- 完了メッセージを待ちます。
最新バージョンのリリースが表示されます。
アプリのバージョンを管理する
アプリをインストールしたら、アプリの別のバージョンを選択し、「テスト」モードに移行して、マイナーバージョンの自動更新を許可することができます。アプリ名の横にある「その他のアクション」アイコン
にマウスオーバーし、該当するアクションをクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/378fd532-728d-473b-8f03-30140bda59af/2022/09/12/f94cd9bd-9b3c-4755-bf6a-306f288dda27/4d380f0b-a5f4-4d75-8349-705d334e608a.jpg)
![アプリのバージョンオプションを管理する](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/08/30/3e97a3eb-e836-4347-8933-0fa5863b5afd/81e8f866-0b60-4464-9294-5eaeaf0080e9.jpg)
バージョンを選択する
「すべてのバージョンを表示」をクリックし、インストールするバージョンを選択します。
アプリをテストする
「テストバージョンに移動」をクリックするか、「すべてのバージョンを表示」をクリックし、「テストバージョン」をクリックします。
アプリのテストバージョンをインストールすると、メジャーアップデートを含むそのアプリの最新の変更がサイトに適用されます。Wix Blocks におけるテストバージョンの作成と管理に関する詳細はこちら
ページにウィジェットを追加する
Wix Blocks アプリは、ウィジェット、コードファイル、フォルダで構成されています。アプリにウィジェットがある場合は、ページに追加できます。
Wix Studio
Editor X
- エディタ左側で「要素を追加」
をクリックします。
- アプリウィジェットをクリックします。
- ウィジェットを選択し、ページにドラッグします。いくつかのデザインプリセットから選択するオプションが表示される場合があります。
注意:エディタにアプリウィジェットが表示されない場合は、アプリがインストールされていることを確認してください。インストールされると、「要素を追加」パネルに表示されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/08/30/ca5f098a-397c-4950-83af-680abb1541dd/4fea8f92-a583-4150-8278-f027e3908649.jpg)
インストール設定
Wix Blocks アプリの作成者はアプリとウィジェットに異なるインストール設定を使用できます。たとえば、一部のウィジェットを「要素を追加」パネル
に表示させないようにしたり、デフォルトのインストールプリセットを設定したりできます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/378fd532-728d-473b-8f03-30140bda59af/2022/08/11/89d7614c-2eeb-436e-a6cd-3d9e9ff1e1d5/91a851d9-5c8a-4508-b14d-a271cf213941.jpg)
コードファイルにアクセスする
アプリに公開またはバックエンドコードファイルが含まれている場合、これらのファイルから関数をインポートできるようになりました。
public 関数をインポートするには、次の構文を使用します:
1import { <functionName> } from '@<myAccountName>/<my-app-name>';
backend 関数をインポートするには、次の構文を使用します:
1import { <functionName> } from '@<myAccountName>/<my-app-name>-backend';
お役に立ちましたか?
|