---
title: "ページビルダーでデバイスを追加・設定"
slug: "add-and-configure-a-device-in-the-page-builder"
abstract: "ページビルダーアプリケーションで異なるデバイスでのコンテンツ表示方法を設定してください。"
---
# ページビルダーでデバイスを追加・設定

コンテンツエディターには、例えば*Desktop Regular*や*Mobile*などのデフォルトデバイスセットがあり、ページにアクセスするプラットフォームに応じてページがページビューでどのように見えるかを制御するデバイス設定があります。舞台設定は以下の通りです:

-   装置の幅。
    
    > !注デバイスの幅は、ウェブサイトのレスポンシブを制御するデバイスブレークポイントとは異なります。ブレークポイントは [グリッドシステム](https://doc.sitecore.com/sai/ja/developers/sitecoreai/content-modeling-and-presentation/grid.html "Grid")によって定義されます。
    
-   デバイスの表示オプション。
    
-   デバイスのアイコン。
    
-   デフォルトのデバイスです。
    

追加のデバイスを追加・設定することも、既存のデバイスを設定することも可能です。

デバイスの追加と設定:

1.  コンテンツツリーで */sitecore/system/Settings/Foundation/Experience Accelerator/Horizon/Devices*に移動します。
2.  デバイスを追加するには、右クリック*Devices*、「**デバイスを挿入**」をクリックし>、名前を入力してください。あるいは、設定したい既存のデバイスを選択することもできます。
3.  **OK**をクリックします。
4.  以下のフィールドを指定します:
    -   **デバイス幅** - Pagesでシミュレートされたデバイスの幅を設定します。単位はピクセルです。
    -   **可視性:**
        -   *Disabled* - この種のデバイスを選択不可にすること。
        -   *Fixed* - この種のデバイスをコンテンツエリアの上部で選択可能にすること。
        -   *Optional* - この種のデバイスをコンテンツエリア上部のリストから選択可能にすること。
    -   **アイコン** - メディアライブラリからデバイス用の画像を選択するか、画像へのパスを入力できます。
5.  デフォルトデバイスを設定するには、ルート項目をクリックし、 *Devices*、そして **デフォルト** フィールドでデバイスを選択します。

> !注ページビルダーの使用方法については、「 [ページビルダーの編集](https://doc.sitecore.com/sai/en/users/sitecoreai/editing-in-the-page-builder.html)」をご覧ください。