---
title: "テキストフィールドにリンクを挿入する"
slug: "insert-a-link-in-a-text-field"
abstract: "リッチテキストフィールドでは、画像またはテキスト文字列のいずれかにリンクを作成できます。"
---
# テキストフィールドにリンクを挿入する

リッチテキストフィールドでは、URLやメールアドレスを入力した後にスペースや段落を返すことでウェブサイトやメールアドレスへのリンクを作成できます。Sitecoreはテキストを自動的にハイパーリンクとしてフォーマットします。

このトピックでは、以下のリンクを作成する方法について説明します:

-   内部リンク(Sitecoreアイテムへのリンク)、 [Insert Sitecore Link](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/insert-a-link-in-a-text-field.html#UUID-f48a4eee-7355-fa82-a7f4-a351ac1c99e6_id__Sitecore_Links "Use Insert Sitecore link") ![Insert Sitecore Link icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/85EF38C493F940DB8BA508A25BA23E3C.png) 機能を使用します。
-   [ハイパーリンクマネージャー](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/insert-a-link-in-a-text-field.html#UUID-f48a4eee-7355-fa82-a7f4-a351ac1c99e6_id__The_Hyperlink_Manager "Use the Hyperlink Manager")![Insert Hyperlink Manager icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/9957C428D14A40D2959AF28F24FAC923.png)を使って現在のページのブックマークへのリンクを設置します。
-   画像やURLやメールアドレスと異なる文字列からウェブサイトやメールアドレスへのリンクは、[ハイパーリンクマネージャー](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/insert-a-link-in-a-text-field.html#UUID-f48a4eee-7355-fa82-a7f4-a351ac1c99e6_id__The_Hyperlink_Manager "Use the Hyperlink Manager")![The Hyperlink Manager icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/9957C428D14A40D2959AF28F24FAC923.png)を使用します。
-   メディアライブラリ内のメディアアイテムは、Sitecoreリンク機能またはハイパーリンクマネージャーのいずれかを使用します。

> !注Sitecore Linkの挿入機能やハイパーリンクマネージャーを使って、Sitecoreのアイテム(ページやメディアアイテムなど)へのリンクを作成すると、そのリンクはアイテムIDを指します。これにより、アイテムの名前を変更したり移動したりしてもリンクが維持されます。

## Sitecoreリンクを挿入してください

**Insert Sitecore Link**を使うと、リッチテキストフィールドに以下へのリンクを挿入できます:

-   例えば、ウェブサイトの別のページに掲載されたアイテム。
-   メディアアイテム、例えばメディアライブラリ内の動画やPDFファイルなどです。

リンクを挿入するには:

1.  コンテンツエディターまたはエクスペリエンスエディターで、リンクを挿入したい [テキストフィールドに移動します](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/navigate-to-an-item-in-the-experience-editor.html "Navigate to an item in the Experience Editor") 。
    
2.  **リッチテキストエディターでリンクにしたいテキストまたは画像を選択し、「リンクを挿入Sitecore**」をクリックします 。
    
    > !注エクスペリエンスエディターでは、ページに直接内部リンクを挿入できます。テキストフィールドにリンクを挿入します。![The Insert a Link in the text field icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/InsertLink_in_TextField.png) フローティングツールバーに。
    
3.  リンク **挿入** ダイアログで、リンクしたいアイテムへ移動します。
    
    リンク挿入ダイアログは、リッチテキストエディタから開くか、ページから直接開くかによって異なります。
    
    -   エクスペリエンスエディターのページから直接**リンクを挿入**すると、コンテンツツリーでアイテムを見つけるか![The List view icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/ListView_icon.png)**リストビュー**をクリックしてアイテムを検索できます。
        
        ![The Insert LInk dialog box that opens from the page in Experience Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/Insert_Link.png)
        
    -   リッチテキストエディターの**内部リンク**タブや**メディアアイテム**タブから「**リンクを挿入**」を開くと、ツリー構造でアイテムを見つけることができます。また、「**Search**」タブでアイテムを検索できます。
        
        ![The Insert Link dialog box that opens from the Rich text editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/319FEA9233E44C28B2BA15DED59151B9.png)
        
    
    > !注例えばアイテムバケットに非表示になっているアイテムへのリンクを挿入したい場合は、検索機能を使ってそのアイテムを見つけなければなりません。
    
4.  リンクしたいアイテムを選択し、「 **挿入」**をクリックします。
    

## ハイパーリンクマネージャーの使用

ハイパーリンクマネージャーを使えば、以下へのリンクを挿入できます:

-   外部ウェブサイト。
-   メディアアイテム、例えばメディアライブラリの動画やPDFファイルなどです。
-   同じテキストフィールド内のアンカー、つまりページ内の特定のセクションにリンクするブックマーク。
-   メールアドレス – 訪問者のデフォルトのメールプログラムで新しいメールを開いて作成するリンクです。

ハイパーリンクマネージャーでリンクを挿入するには:

1.  コンテンツエディターまたはエクスペリエンスエディターで、リンクを挿入したいアイテムやページに移動し、リッチテキストエディターを開きます。
    
2.  テキストエディターでリンクにしたいテキストまたは画像を選択し、**ハイパーリンクマネージャー**![The Hyperlink Manager icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/9957C428D14A40D2959AF28F24FAC923.png)をクリックします。
    
    > !注エクスペリエンスエディターでは、フローティングツールバーから直接ページ上の外部リンクを挿入できます。
    
3.  **ハイパーリンクマネージャー**のダイアログボックスで、以下へのリンクを挿入します:
    
    -   外部ウェブサイトについては、ハイパーリンクタブの **URL** 欄にリンクしたいウェブサイトのURLを入力してください。
    -   メディアアイテム - **ハイパーリンク**タブで**ドキュメントマネージャー**![The Document Manager icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/08977BC596E4483DA614CD8934E91A5E.png)をクリックし、リンクしたいメディアアイテムを選択します。ドキュメントマネージャーから新しいメディアファイルをメディアライブラリにアップロードすることもできます。
    -   既存のアンカー - **ハイパーリンク** タブの **「既存アンカー** 」フィールドで、リンクしたいアンカーを選択します。適切なアンカーがない場合は、 [まず新しいアンカーを作成し](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/create-an-anchor-and-link-to-it-483930.html "Create an anchor and link to it") なければなりません。
    -   メールアドレス - **メール** タブで、送信先のメールアドレスを入力し、件名に説明を入力します。
    
4.  ユーザーがリンクの上にカーソルを移動したときにツールチップが表示されるハイパーリンクを表示したい場合は、このテキストを **ツールチップ** フィールドに入力してください。
    
5.  ハイパーリンクについては、**ターゲット** フィールドでリンクをブラウザでどのように開きたいかを指定します。例えば、リンクを同じウィンドウで開くか新しいウィンドウで開くかを指定します。
    
6.  **CSSクラス**フィールドでスタイルシートを指定します。
    
7.  **OK**をクリックします。
    
8.  リンクを削除するには、テキストエディタでリンクを選択し、「**リンク![The Remove Link icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/BF654343AA9E4CD8AEFA7EE4F215080B.png)を削除**」をクリックします。リンクは削除され、テキストは通常のテキストに変わります。
    

## リンクを編集または削除してください

リンクテキストはリッチテキストエディターで編集できます。

既存のリンクを変更するには、リンクテキストを選択し、新しいリンクを作成する手順に従ってください。

リンクを削除するには、テキストエディタでリンクを選択し、「**リンク![The Remove Link icon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/0C7459C7E3F64D5089D02FE91C8B3375.png)を削除**」をクリックします。リンクは削除され、テキストは通常のテキストになります。