---
title: "Horizonでページにレンダリングを追加します"
slug: "add-a-rendering-to-a-page-in-horizon"
abstract: "ページエディターでレンダリングをドラッグ&ドロップできます。"
---
# Horizonでページにレンダリングを追加します

Horizonエディターでページにレンダリングを追加できます。ページの構成によって、レンダリングを挿入できる位置が異なります:

-   空のプレースホルダーで
-   すでにページ上にあるレンダリングの前後

ページにレンダリングを追加するには:

1.  ページエディターでページを開きます。
    
2.  コンテンツツリーの下に「 **ページに追加**」をクリックしてください。
    
    **ページに追加**パネルには、ページ上のプレースホルダーと互換性のあるレンダリングが表示されます。
    
3.  ページに追加したいレンダリングを選び、追加したいページにドラッグします。
    
    レンダリングをドラッグすると、カーソルが「禁止されている」アイコンに変わり、現在の位置にレンダリングを追加できないことを示します。
    
    ![The cursor indicating the rendering is prohibited](https://doc.sitecore.com/api/markdown-image/xp/ja/users/93/sitecore-experience-platform/images/add_a_rendering_-_prohibited_-_cropped.png)
    
    レンダリングを互換性のあるプレースホルダーにドラッグすると、カーソルは通常の状態に戻ります。
    
    ![The arrow cursor indicating the rendering is allowed](https://doc.sitecore.com/api/markdown-image/xp/ja/users/93/sitecore-experience-platform/images/adding_to_placeholder_-_cropped.png)
    
    レンダリングをドラッグして、すでにページにあるレンダリングの上や下にレンダリングを挿入できる位置にすると、矢印のついた青いタブが表示されます。
    
    ![Blue tab with arrow indicating you can insert the rendering below](https://doc.sitecore.com/api/markdown-image/xp/ja/users/93/sitecore-experience-platform/images/insert_rendering_below.png)
    
4.  マウスボタンを離して表示を指定された位置に挿入します。
    
    ![A rendering inserted below another rendering](https://doc.sitecore.com/api/markdown-image/xp/ja/users/93/sitecore-experience-platform/images/multiple_renderings_in_placeholder.png)
    

レンダリングはページ上でローカル編集するか、レンダリングにコンテンツ項目を割り当てることもできます。