Elementorを使うと、すべてのリンクの<a>要素にカスタムHTML属性を追加することができます。これにより、data-*属性、ARIA属性（アクセシビリティ）と値、ヘッダー、フッター、サイドバー、rel=*、その他の属性を追加することができます: https://www.tutorialspoint.com/html5/html5_attributes.htm
一般的なリンク属性のユースケースには以下のようなものがあります。
- download=”yourfilename “カスタム属性を使用して、訪問者がワンクリックでPDFファイルをダウンロードできるようにします。
- rel=”noopener”、rel=”noreferrer”、rel=”ugc”、”rel=sponsored “などのリレーションズSEOプロパティを実装します。
- リンク要素に title=”Learn More About Us” のような title 属性を追加します。
ヒント：カンマ(,)で区切って複数のリンク属性を追加することができます。
ウィジェットのリンク要素にカスタム属性を追加する
ウィジェットにLink要素がある場合、リンクのHTMLに任意のカスタム属性を追加することができます（例：rel=”ugc “またはrel=”sponsored”、Googleが2019年に導入した2つの新しいリンク属性）。
- ウィジェットのハンドルを右クリックして、ウィジェットの編集をクリックして、ウィジェットの設定パネルを開きます。
- リンクフィールドの右側にある歯車のアイコン
をクリックして、追加オプションを開きます。
- カスタム属性フィールドに、キー|値のフォーマットを使用してコードを追加します。例えば、要素のHTMLにrel=”sponsored “を追加するには、ここにrel|sponsoredと入力します。代わりに要素のHTMLにrel=”ugc “を追加するには、ここにrel|ugcと入力します。リンク要素にタイトルを追加するには、title|ここにタイトルテキストを入力します。
ヒント：title属性を追加した場合、リンクURLフィールドに何かがある場合にのみ、ホバー時にポップアップツールチップとして表示されます。ホバーツールチップを機能させるためには、空白にすることはできません。
注：テキスト エディタ ウィジェット内で作成されたリンクにカスタム属性を追加する機能はありません。カスタム属性はリンクフィールドを持つウィジェットでのみ利用可能です。
ダウンロードのカスタム属性をボタンに追加
ユーザーがボタンをクリックしたときにすぐにファイルをダウンロードさせるには、ボタンのリンクに download=”yourfilename” 属性を追加します。
- ボタンウィジェットのハンドルを右クリックして、ウィジェットの編集をクリックして、ウィジェットの設定パネルを開きます。
- ボタンのリンクフィールドの右側にある歯車のアイコン
- カスタム属性フィールドに、キー|値の形式で属性コードを追加します。例えば、要素のHTMLにdownload=”yourfilename “を追加するには、ここにdownload|your-file-nameと入力し、”your-file-name “を選択したファイル名に置き換えます。
ヒント：ダウンロード可能な PDF を作成するには、[リンク] フィールドに PDF のリンクを入力し、[カスタム属性] フィールドに download|ファイル名を入力します。
注：セキュリティ上の理由から、リンクにJSベースの属性（onclickなど）を追加することはできません。