> For the complete documentation index, see [llms.txt](https://docs.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://docs.cs-cart.jp/theme-development/cloning-a-theme.md).

# テーマの複製

独自のテーマの開発を開始するには、デフォルトでCS-Cartに付属している `レスポンシブテーマ`を複製します。

1. 管理パネルで、`デザイン`→`テーマ`に移動します。
2. 右上隅の歯車ボタンをクリックし、`テーマのコピー`を選択します。

{% hint style="info" %}
HINT

これにより、現在アクティブなテーマが複製（コピー）されます。アクティブなテーマがレスポンシブテーマでない場合、テーマの複製を作成する前にレスポンシブテーマをアクティブに切り替えてください。
{% endhint %}

＜画像＞

3. ポップアップウィンドウが開きます。複製する新しいテーマの詳細を入力します。

`ディレクトリ`— `design/themes`内の新しいテーマのディレクトリの名前になります。\
`名前` —管理パネルに表示される新しいテーマの名前。たとえば、「新しいテーマ」と設定しましょう。\
`説明` —テーマの説明。

{% hint style="warning" %}
警告

テーマの複製の際の「ディレクトリ」は`必ずアルファベットの小文字`で指定し、スペースは使用しないでください。代わりに「アンダースコア」を使用してください。 例） `new_theme`
{% endhint %}

これにより、親テーマとしてレスポンシブテーマを持つ「新しいテーマ」という複製されたテーマが作成されます。`ディレクトリ`フィールドで指定したのと同じ名前の新しいフォルダが`design/themes`ディレクトリに作成されます。

これで、新しいテーマをカスタマイズする準備が整いました。次のチュートリアルでは、管理パネルを使用してレイアウトをカスタマイズし、目的のデザインに合うようにブロックを配置します。

{% hint style="info" %}
HINT

複製したテーマは自動的に有効化されません。`デザイン` → `テーマ`で手動で有効化する必要があります。
{% endhint %}

＜画像＞


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.cs-cart.jp/theme-development/cloning-a-theme.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.