Elementor Proでは、各セクション、カラム、ウィジェットのラッパーにカスタム属性を追加することができます。これにより、data-*属性、ARIA属性(アクセシビリティ)と値、ヘッダー、フッター、サイドバー、rel=*、その他の属性を追加することができます。https://www.tutorialspoint.com/html5/html5_attributes.htm
セクション、カラム、またはウィジェットにカスタム属性を追加する
- 要素の編集ボタンを右クリックして「セクションの編集」をクリックすると、セクションの設定パネルが開きます。同様に、ウィジェットを編集する場合も、右クリックするとウィジェットの編集オプションが表示され、列を編集すると列の編集が表示されます。
- 高度な設定 > Attributes(属性)
- キー|値のフォーマットを使用して、要素のコードをエディタに追加します。例えば、要素のHTMLにrole=”presentation “を追加するには、ここにrole|presentationと入力します。
ヒント;
ラッパー要素にカスタム属性を設定します。アトリビュート・キーと値の間には、「|」文字を使います。1つの属性に複数のプロパティを追加する必要がある場合は、間にスペースを入れてください。
1つの属性に対して1つのプロパティを設定した例
data-spots|round
1つの属性に2つのプロパティを設定した例
data-spots|round long
この例では、data-spotsがカスタム属性で、roundとlongが属性のプロパティです。出力されるソースコードを見ると、次のようになります。
data-spots=”round long”
公式ページ:Custom Attributes (Pro)