> For the complete documentation index, see [llms.txt](https://manual-admin.cs-cart.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual-admin.cs-cart.jp/mall-admin/website/themes/theme_editor.md).

# テーマエディター

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>