> 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 %}

＜画像＞