ドキュメントコンテンツとデザイン

デザイン設定

最終更新日： 2026年6月16日

作成対象：

  • {"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"c66ffd68-0f65-42bb-aa23-b4020f12e0bd"}

デザイン設定を使用すると、単一ページに設定を表示することで、デザイン関連のルールと設定設定を簡単に編集できます。

​ デザイン設定ページ ​ {width="700" modal="regular"}

デザイン設定の変更

  1. 管理者 サイドバーで、Content > Design>Configuration​に移動します。

  2. 設定するストアビューを見つけ、Action​列の​ Edit ​をクリックします。

    このページには、ストアビューの現在のデザイン設定が表示されます。

  3. デフォルトのテーマを変更するには、Applied Theme​をビューに適用するテーマに設定します。

    テーマを指定しない場合は、システムのデフォルトのテーマが使用されます。 一部のサードパーティの拡張機能は、システムのデフォルトのテーマを変更します。

  4. [PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト（Adobeで管理されるPaaS インフラストラクチャ）とオンプレミス プロジェクトにのみ適用されます。"} テーマを特定のデバイスにのみ使用する場合は、User Agent Rules​を設定します。

    User-Agent ルール ​ {width="400" modal="regular"}

    テーマを指定するデバイスタイプごとに：

    • Add New User Agent Rule​をクリックします。

    • Search String​に、特定のデバイスのブラウザーIDを入力します。

      検索文字列は、正規表現またはPerl互換性のある正規表現（PCRE）のいずれかです（詳細はUser Agentを参照）。 次の検索文字列はFirefoxを識別します：

      /^mozilla/i

    • Theme Name​で、指定したデバイスに使用するテーマを選択します。

    note
    NOTE
    指定するデバイスに対して、いくつでもルールを追加できます。 検索文字列は、入力された順序で一致します。

  5. Other Settings​で、各セクションを展開し、リンクされたトピックの指示に従って、必要に応じて設定を編集します。

    ​ デザインに影響するその他の設定 {width="500" modal="regular"}

  6. 完了したら、Save Configuration​をクリックします。

recommendation-more-help
commerce-admin-help-content-design