Wix Blocks:パネル要素
読了時間:4分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
Wix Blocks のカスタムパネルは固有のパネル要素で構成されています。ウィジェットのコードでパネル要素を使用するには、パネルタブのコードセクションに移動してください。(英語)Velo の $w() 関数を使用して ID で要素を選択します:
1let myElement = $w("#myElement");
パネル要素の API リファレンス
パネル要素の API リファレンスを使用して、パネルコード内の要素を操作します。この Velo API リファレンスの一時的なプレビューは、Wix Blocks の初期ユーザーにのみ公開されている点にご留意ください。
パネル用 Velo モジュール
パネル要素がウィジェットを操作し、エディタでアクションを実行できるようにするには、パネルコードで次のモジュールを使用します:
- wix-widget:ウィジェットのプロパティやデザインプリセットなどを管理します。
- wix-editor:エディタを操作して、ウィジェットパーツを削除または復元したり、ダッシュボードパネルを開いたりします。
パネル要素
パネルでは、以下のパネル要素を使用できます。Wix Blocks エディタまたはパネルのコードセクションの Velo コードから要素をカスタマイズすることができます。パネル要素を動作させるには、コードが必要であることにご注意ください。
パネルスライダー
スライダーを使用すると、ユーザーは特定の範囲から数値を選択できます。
パネルサムネイル
サムネイルを使用すると、ユーザーは一連のサムネイル画像からアイテムを選択できます。
パネルボタン
パネル上のボタン。
パネルチェックボックスグループ
チェックボックスグループは、任意の数のオプションを選択するために使用されます。
パネルドロップダウン
ドロップダウンは、複数のオプションから 1つを選択するために使用されます。
パネルラジオボタングループ
ラジオボタングループは、複数のオプションから 1つを選択するために使用されます。
パネルテキスト
テキスト要素(「リッチテキスト」とも呼ばれます)は、テキストの後にリンクを表示するために使用されます。
パネルテキスト入力
ユーザーが少量のテキストを入力できる入力要素。
パネルトグルスイッチ
トグルスイッチは、単一の二者択一に使用されます。
パネルセクション区切り線
セクション区切り線は、パネル内のセクション見出しを表示します。
パネル色入力
カラーピッカーを使用すると、サイトビルダーは 1つまたは複数の要素の色を選択できます。
注意:
- Wix Blocks の「プレビュー」モード で色をテストすることはできません。色をテストするには、サイトにアプリをインストールしてください。
- カラーピッカーを使用すると、サイトビルダーにカスタム要素のカスタマイズを可能にします。
- Wix Studio エディタで運まく動作しないため、カスタムパネルを「デザイン」 アクションボタンに接続しないことをおすすめします。代わりに、「デザインを変更」という名前のメインアクションを作成できます(アクションボタンの接続方法はこちら)。
パネルフォント・色入力
フォント・カラーピッカーを使用すると、サイトビルダーはフォントと色を選択できます。
お役に立ちましたか?
|