Wix Blocks:ウィジェット内でウィジェットを作成・管理する

読了時間:4分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
Wix Blocks を使用すると、あるウィジェットを別のウィジェットに追加できます。たとえば、このスロットマシンウィジェットでは、スピンボタンはメインウィジェットに挿入された別のウィジェットです。エディタに外側のウィジェットをインストールすると、外側のウィジェットと内部ウィジェットの両方をカスタマイズすることができます。
注意:
同じ Wix Blocks アプリの一部である場合にのみ、ウィジェットを別のウィジェットに追加できます。アプリ間でウィジェットをコピーすることはできません。
すべてのウィジェットを表示しています

ウィジェットを別のウィジェットに挿入する

アプリの構造」パネル app structure の「ウィジェット」セクションで、内部ウィジェットを挿入したい外側のウィジェットを選択します。別のウィジェットを追加する方法は 2通りあります。

内部ウィジェットを追加する 1つ目の方法
  1. ウィジェット名にマウスオーバーし、「その他のアクション」アイコン more actions をクリックします。
  2. ウィジェットを追加」をクリックします。
  3. 追加したいウィジェットを選択します。ウィジェットは現在のウィジェットに追加されます。
「ウィジェットを追加」をクリックしています
内部ウィジェットを追加する 2つ目の方法

  1. 要素を追加」パネル  を開きます:
  2. マイウィジェット」をクリックします。
  3. ステージに追加したいウィジェットをクリックまたはドラッグします。
  4. 内部ウィジェットを外側のウィジェット内の希望の場所にドラッグします。
内部ウィジェットにマウスオーバーまたはクリックすると、ウィジェット名と Velo ID が表示されます。
ウィジェット名と Velo のニックネーム

エディタで内部ウィジェットを管理する

内部ウィジェットを持つウィジェットをインストールすると、内部ウィジェットもカスタマイズできます。次の例では、アプリがインストールされ、内部ウィジェットが選択され、管理画面が表示されています。
Wix エディタで内部ウィジェットを管理しているスクリーンショット
内部ウィジェットにプロパティがある場合は、内部ウィジェットの「設定」パネルからアクセスできます。
内部ウィジェットの設定画面のスクリーンショット
注意:
  • アプリをインストールしたサイト制作者が内部ウィジェットをカスタマイズできないようにするには、「設定」タブでアプリを選択不可として定義してください。
  • アプリをインストールしたサイト制作者が、外部ウィジェットの一部としてではなく、独自に内部ウィジェットを追加できるようにしたくない場合は、アプリのインストール設定にある「プリセットの表示設定」セクションで定義することができます。

デザインプリセットを使用する

デザインプリセットを使用すると、同じウィジェットに異なるデザインを作成できます。サイトにウィジェットをインストールすると、デザインプリセットを簡単に切り替えて、ウィジェットの外観を変更できます。

次の例では、アクションバーの「デザイン」ボタン  を使用して、ウィジェットのデザインプリセットを単一のユニットとして変更する方法を示しています:
エディタに表示されたウィジェット内のデザインプリセットウィジェットのスクリーンショット
また、内部ウィジェット用に個別のデザインプリセットを作成することもできます。内部ウィジェットのアクションバーの「デザイン」ボタン design button in editor を使用して、外側のウィジェットとは別にプリセットを変更できます。
以下は内部ウィジェットのデザインプリセットの例です:
ウィジェット内のデザインプリセットウィジェットのスクリーンショット

お役に立ちましたか?