---
title: "レンダリングのレイアウトを変更する"
slug: "change-the-layout-of-a-rendering"
abstract: "エクスペリエンスエディターでレンダリングのグリッド設定を変更してください。"
---
# レンダリングのレイアウトを変更する

デフォルトでは、ページにレンダリングを追加すると、その列の幅全体が使われます。エクスペリエンスエディターで、レンダリングのグリッド設定でこれを変更できます。デフォルト設定を永久に変更するには、コンテンツエディターでグリッド設定を変更する必要があります。

> !注グリッドの列を見るには、リボンの「ビュー」タブで「グリッド」を選択してください。

レンダリングのレイアウトを変更するには:

1.  **レンダリングのツールバーで「スタイルとレイアウトの編集**」をクリックしてください。
    
2.  **Grid**セクションの**Basic**タブでレンダリングの幅を変更します。使用するグリッドシステムによって、異なるデバイスごとにカラム幅を設定できます。例えば、異なるデバイスごとに広告を表示するカラム数を指定することができます。
    
3.  すでにページ上にあるレンダリングの上に別のレンダリングを置くことで、ページに別のレンダリングを追加できます。
    
    ![Add a rendering above existing renderings.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/06C236263AF5414CAC3B59DD0443BADC.png)
    
    > !注新しいレンダリングは既存のレンダリングのグリッド設定を使います。同じサイズの複数のレンダリングを追加したい場合は便利です。例えば、同じサイズの広告を3つ。
    
4.  レンダリングのより複雑な設定は**、詳細**タブで変更できます。例えば、モバイル端末で広範囲広告が表示されないようにするには、**詳細**タブの「**大きなデスクトップ**」欄の**「可視**性」オプションで「**大きなデスクトップのみ表示**」を選択してください。
    
    > !注より複雑なグリッドの変更、例えばプッシュ、プル、オフセットのオプションについては、使用しているグリッドシステムのドキュメントを参照してください。
    
    電話のレイアウトにリサイズしても、幅広広告は表示されません。
    

> !注グリッド設定のために特定のデバイスで隠れているレンダリングを表示するには、「ビュー」タブで「隠されたコンポーネント」を選択してください。