ウィジェットの操作 > 2D > ハイパーリンク
  
ハイパーリンク
このウィジェットの機能
「ハイパーリンク」ウィジェットにより、エクスペリエンス内にハイパーリンクを含めることができます。
このウィジェットを使用するケース
以下の場合にハイパーリンクを使用します。
• エクスペリエンス内に外部リンクを含める場合。
• パブリッシュされた別のエクスペリエンスにリンクする場合。
このウィジェット固有のプロパティ、サービス、イベント、操作
一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。
次の表に、このウィジェット固有のプロパティ、サービス、イベントを示します。
プロパティ
JavaScript
タイプ
説明
URL
url
string
ハイパーリンクのリンク先となる URL を指定します。
動作中のウィジェット
ウィジェットがどのように表示されるか、以下に例を示します。
使用時に必要な最小ステップ
外観
1. 「ハイパーリンク」ウィジェットをキャンバス上にドラッグアンドドロップします。
2. 「テキスト」フィールドに、表示するリンクテキストを入力します。
3. 「URL」フィールドに URL を入力します。
CSS でのウィジェットのスタイル設定
CSS を使用して、ウィジェットのスタイルを設定できます。作成および適用できる CSS クラスの例を次に示します。
* 
クラスに一意の名前を付けて、別のクラスや OOTB プロパティと競合しないようにすることをお勧めします。
CSS の例
外観
.ptc-hyperlink {
font-size: 16px;
font-family: Verdana;
font-weight: normal;
font-style: oblique;
text-decoration: underline;
color: rgb(35, 97, 146);
}
CSS クラスの実装の詳細については、アプリケーションのスタイルを参照してください。