Wix Blocks:ウィジェット内でウィジェットを作成・管理する
読了時間:4分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
Wix Blocks を使用すると、あるウィジェットを別のウィジェットに追加できます。たとえば、このスロットマシンウィジェットでは、スピンボタンはメインウィジェットに挿入された別のウィジェットです。エディタに外側のウィジェットをインストールすると、外側のウィジェットと内部ウィジェットの両方をカスタマイズすることができます。
注意:
同じ Wix Blocks アプリの一部である場合にのみ、ウィジェットを別のウィジェットに追加できます。アプリ間でウィジェットをコピーすることはできません。
ウィジェットを別のウィジェットに挿入する
「アプリの構造」パネル の「ウィジェット」セクションで、内部ウィジェットを挿入したい外側のウィジェットを選択します。別のウィジェットを追加する方法は 2通りあります。
内部ウィジェットを追加する 1つ目の方法:
- ウィジェット名にマウスオーバーし、「その他のアクション」アイコン をクリックします。
- 「ウィジェットを追加」をクリックします。
- 追加したいウィジェットを選択します。ウィジェットは現在のウィジェットに追加されます。
内部ウィジェットを追加する 2つ目の方法:
- 「要素を追加」パネル を開きます:
- 「マイウィジェット」をクリックします。
- ステージに追加したいウィジェットをクリックまたはドラッグします。
- 内部ウィジェットを外側のウィジェット内の希望の場所にドラッグします。
内部ウィジェットにマウスオーバーまたはクリックすると、ウィジェット名と Velo ID が表示されます。
エディタで内部ウィジェットを管理する
内部ウィジェットを持つウィジェットをインストールすると、内部ウィジェットもカスタマイズできます。次の例では、アプリがインストールされ、内部ウィジェットが選択され、管理画面が表示されています。
内部ウィジェットにプロパティがある場合は、内部ウィジェットの「設定」パネルからアクセスできます。
デザインプリセットを使用する
デザインプリセットを使用すると、同じウィジェットに異なるデザインを作成できます。サイトにウィジェットをインストールすると、デザインプリセットを簡単に切り替えて、ウィジェットの外観を変更できます。
次の例では、アクションバーの「デザイン」ボタン を使用して、ウィジェットのデザインプリセットを単一のユニットとして変更する方法を示しています:
また、内部ウィジェット用に個別のデザインプリセットを作成することもできます。内部ウィジェットのアクションバーの「デザイン」ボタン を使用して、外側のウィジェットとは別にプリセットを変更できます。
以下は内部ウィジェットのデザインプリセットの例です: