サードパーティのコードまたはリソースを Blocs サイトでは、ページ内の特定の要素にデータ属性を追加する必要がある場合があります。 のカスタムデータ属性コントロール Blocs これを非常にシンプルで簡単なプロセスにします。
カスタムデータ属性とは何ですか？
カスタムデータ属性は、適切な属性や要素がないページ専用のカスタムデータを保存することを目的としています。通常、これらはページのJavaScriptで使用され、より魅力的なユーザーエクスペリエンスを作成します。 カスタムデータ属性について詳しく読むことができます （茶事の話はこちらをチェック）.
この アコーディオン • タブ付きコンテンツ Bric どちらも正しく機能するためにカスタムデータ属性を使用します。
属性の追加
1.の要素にカスタムデータ属性を追加するには Blocs、最初に選択する必要があります、これを行うには 左クリック デザインキャンバス上の任意の要素。
2.要素を選択した状態で、に移動します。 カスタム属性 サイドバーインスペクターオプションにあるセクション。 これらのオプションは、XNUMXつのボタンが付いた小さなテーブルで構成されています。 追加ボタン + と削除ボタン –.
3.カスタム属性を追加するには、追加ボタンをクリックするだけです。 + 属性を入力します 名 • 値 表示されるポップオーバーに。 これらの詳細を追加したら、 左クリック ラベルの付いたボタン Save データを保存し、選択したアイテムに属性を適用します。 また、このカスタム属性の属性アイテムが属性テーブルに表示されるようになりました。
属性の編集
既存のカスタム属性を編集するには、単に 左クリック その属性テーブルアイテムの右端にある設定記号。 これにより、入力ポップオーバーが表示され、値を編集できるようになります。
属性の削除
カスタムデータ属性を削除するには、テーブルで属性アイテムを選択してから、 左クリック 削除ボタン –.
コピー·アンド·ペースト
カスタムデータ属性をあるアイテムから別のアイテムにコピーして貼り付けることもできます。 カスタムデータ属性をコピーするには、属性テーブル（メインインスペクターにあります）で属性エントリを選択し、キーボードショートカットを使用します ⌘C 属性アイテムをコピーします。 次に、属性も貼り付けたいオブジェクトを（レイヤーツリーまたはデザインキャンバスを介して）選択します。 この選択を行った後、サイドバー内のカスタムデータ属性テーブルの内側をクリックしてアクティブ化するように注意してください。 カスタムデータ属性テーブルがアクティブな状態で、キーボードショートカットを使用します ⌘V コピーした属性を現在選択されているアイテムに貼り付けます。