# テーマエディター

ECモールのデザインをノーコードで調整できます。

***

## 各種ブロックのスタイル

以下のブロックに対して、ボーダーや角丸、シャドウなどのスタイルを適用できます。

### バナー

<figure><img src="/files/FFJcw0wuZ6LIAezVX7AK" alt=""><figcaption></figcaption></figure>

### カテゴリー一覧

<figure><img src="/files/J1CpdcVP6X0vn5yD5BE3" alt=""><figcaption></figcaption></figure>

### 商品一覧

<figure><img src="/files/q3S2VWRrD75Emn1TBczk" alt=""><figcaption></figcaption></figure>

### 商品フィルタ

<figure><img src="/files/xHXrttZhrFBzjfVYhIln" alt=""><figcaption></figcaption></figure>

### ブランド一覧

<figure><img src="/files/O68IHhlkYC3Iqu9x1kwl" alt=""><figcaption></figcaption></figure>

### ブログ記事一覧

<figure><img src="/files/PMg6A2P7T4rHWSWfoll8" alt=""><figcaption></figcaption></figure>

***

## 各種ページのスタイル

以下のページに対して、ボーダーや角丸、シャドウなどのスタイルを適用できます。

### 商品詳細ページ

<figure><img src="/files/UmQ1nwSL7znP7bbZpKM1" alt=""><figcaption></figcaption></figure>

### カートの内容ページ

<figure><img src="/files/gC0gaQk5rdiCJ33XKEaI" alt=""><figcaption></figcaption></figure>

### 注文手続きページ

<figure><img src="/files/MAeF4uj66gFpfZM18rw4" alt=""><figcaption></figcaption></figure>

***

## フィールドとボタンの配色

テキスト入力フィールドとボタンの配色を設定できます。

### テキスト入力フィールド

<figure><img src="/files/LegFXfcMiCpeXas7tljN" alt=""><figcaption></figcaption></figure>

### ボタン

<figure><img src="/files/jJVHOKiwmOuv76XNsIOl" alt=""><figcaption></figcaption></figure>

***

## ウェブサイトの配色とコンテナのサイズ

ウェブサイトの配色やデバイスタイプ（PC/タブレット/スマホ）毎のコンテナのサイズを設定できます。

### ウェブサイトの配色

<figure><img src="/files/pmY0aQ3A62YqVzzQIYge" alt=""><figcaption></figcaption></figure>

### コンテナのサイズ

<figure><img src="/files/ozZLVcILHDS76QpkLPk1" alt=""><figcaption></figcaption></figure>

***

## その他

ロゴや画像、フォントなどについて設定できます。

### ロゴ

<figure><img src="/files/Sa1wMVCixeMhT8DIUT5P" alt=""><figcaption></figcaption></figure>

### 画像

<figure><img src="/files/fH4ZExcmplU085L4evZ3" alt=""><figcaption></figcaption></figure>

### フォント

<figure><img src="/files/rUOOULhY41HDeQRFUbTi" alt=""><figcaption></figcaption></figure>

### カラー

<figure><img src="/files/iym0bMfWdquPhONXJOop" alt=""><figcaption></figcaption></figure>

### ユーザー定義CSS

<figure><img src="/files/AMHcg3YA3ZcwQaNCYk5Y" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manual-admin.cs-cart.jp/mall-admin/website/themes/theme_editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.