---
title: "オーバーレイリンクを作成する"
slug: "create-an-overlay-link"
abstract: "オーバーレイビューでリンクを表示"
---
# オーバーレイリンクを作成する

オーバーレイは、画面上のプロンプトを操作しながら、現在いるページを離れることなく作業できます。オーバーレイは、ニュースレターや商品発表、その他のウェブサイトの宣伝などに注目を集めるコンテンツボックスなど、ウェブサイト訪問者との集中したインタラクションに利用できます。リンクを含む可能性のあるSXAレンダリングは、これらのリンクをオーバーレイビューで表示するように設定できます。

![Example of what happens when you click an overlay link](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/ee-overlay-link-example.png)

> !注サイトを作成する際、オーバーレイオプションを選択してください。

## オーバーレイプロパティを設定します

オーバーレイプロパティを設定するには:

1.  コンテンツエディターで*sitecore/Content/Tenant/Site/Home/Overlays*に移動し、「 **オーバーレイコンテンツ**」をクリックします。
    
2.  **オーバーレイプロパティ**セクションでは、オーバーレイ画面の高さと幅をピクセル数またはパーセンテージで指定します。
    
    ![Specify the overlay properties](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/C992F66DC42045E48B835D196D259237.png)
    

## オーバーレイで開くリンクを設定しましょう

オーバーレイで開くリンクを作成するには:

1.  エクスペリエンスエディターで、ページへのリンクを含むレンダリングをドラッグします。
2.  リンクをオーバーレイで表示するには:
    -   リッチテキストフィールドでは、コンテンツ項目をオーバーレイとして表示するには、リンクにしたいテキストを選択し、**ハイパーリンクマネージャー**![54603756EA7C4DD299A138DA13744E46.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/54603756EA7C4DD299A138DA13744E46.png)をクリックします。 **ハイパーリンクマネージャー** ダイアログボックスのハイ **パーリンク** タブで、「 **オーバーレイで開く** 」チェックボックスを選択します。
        
        ![Set up a link to open in overlay](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/CBCA8B5DD70D49CF8272B4DBF0BFB95E.png)
        
    -   例えば外部ウェブサイトを参照する場合は、レンダリングの **スタイル** 設定を使いましょう。 **コントロールプロパティ** ダイアログボックスの **共通** セクションで **、「オーバーレイに表示されたリンク**」を選択します。