{"_id":"5544d76bd8833c0d0058280b","version":{"_id":"5544d76ad8833c0d00582801","__v":1,"project":"55227389b4a0de0d00de7e28","forked_from":"55227389b4a0de0d00de7e2b","createdAt":"2015-05-02T13:55:54.059Z","releaseDate":"2015-05-02T13:55:54.059Z","categories":["5544d76ad8833c0d00582802","5544d76ad8833c0d00582803","5544d76ad8833c0d00582804","5544d76ad8833c0d00582805","5544d76ad8833c0d00582806"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"4.0.0","version":"4.0"},"__v":1,"category":{"_id":"5544d76ad8833c0d00582806","__v":1,"pages":["5544d76bd8833c0d00582809","5544d76bd8833c0d0058280a","5544d76bd8833c0d0058280b","5544d76bd8833c0d0058280c","5544d76bd8833c0d0058280d","5544d76bd8833c0d0058280e","5544d76bd8833c0d0058280f","5544d76bd8833c0d00582810","5544d76bd8833c0d00582811","5544d76bd8833c0d00582812","5544d76bd8833c0d00582813","5544d76bd8833c0d00582814"],"project":"55227389b4a0de0d00de7e28","version":"5544d76ad8833c0d00582801","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-04-13T06:13:25.383Z","from_sync":false,"order":9999,"slug":"_-3","title":"テーマ開発"},"project":"55227389b4a0de0d00de7e28","user":"552342f6e20da719000e7925","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-04-13T06:39:24.673Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"新しいテーマ作成するため、まずは標準のCS-Cartのテーマを複製しましょう。\n\nCS-Cartをインストールしたディレクトリにある*design/themes* ディレクトリへ移動し、標準のテーマを複製します。\n\nこの例では、コピー元のディレクトリは、*responsive* となります。\nコピーしたディレクトリの名前を *tutorial_theme* に変更します。\n\nテーマの基本情報は *manifest.json* ファイルに保存されています。\n\n新しく作成された*tutorial_theme* ディレクトリを開き、そこで*manifest.json* ファイルを探します。\n\n**title**フィールドに「Tutorial Theme」と記述します。**description**フィールドに、このチュートリアル用にデザインされたテーマの説明を書いてください。\n\nテーマのロゴとfaviconへのパスも、**manifest.json** ファイルで定義されています。\n\nロゴとfaviconを新しいテーマ用に交換するには、\n次のディレクトリファイルを作成します:\n\n- *tutorial_theme/media/images*にロゴとしてcart.pngを作成します。\n- *tutorial_theme/media/images/icons*に*favicon.ico*を作成します。\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"{\\n\\\"title\\\": \\\"Tutorial theme\\\",\\n\\\"description\\\": \\\"Tutorial Theme especially designed for this tutorials.\\\",\\n\\\"logo\\\": \\\"media/images/cart.png\\\",\\n\\\"developer\\\": \\\"Simtech\\\",\\n\\\"favicon\\\": \\\"media/images/icons/favicon.ico\\\",\\n\\\"parent_theme\\\": \\\"responsive\\\"\\n}\",\n      \"language\": \"json\",\n      \"name\": \"manifest.json\"\n    }\n  ]\n}\n[/block]\nテーマを複製し追加した後は、そのテーマを管理パネルから有効にする必要があります。\n\n**デザイン > テーマ**セクションに移動し、**Tutorial Theme**の**有効化**をクリックして下さい。","excerpt":"","slug":"cloning-a-theme","type":"basic","title":"テーマの複製"}

テーマの複製


新しいテーマ作成するため、まずは標準のCS-Cartのテーマを複製しましょう。 CS-Cartをインストールしたディレクトリにある*design/themes* ディレクトリへ移動し、標準のテーマを複製します。 この例では、コピー元のディレクトリは、*responsive* となります。 コピーしたディレクトリの名前を *tutorial_theme* に変更します。 テーマの基本情報は *manifest.json* ファイルに保存されています。 新しく作成された*tutorial_theme* ディレクトリを開き、そこで*manifest.json* ファイルを探します。 **title**フィールドに「Tutorial Theme」と記述します。**description**フィールドに、このチュートリアル用にデザインされたテーマの説明を書いてください。 テーマのロゴとfaviconへのパスも、**manifest.json** ファイルで定義されています。 ロゴとfaviconを新しいテーマ用に交換するには、 次のディレクトリファイルを作成します: - *tutorial_theme/media/images*にロゴとしてcart.pngを作成します。 - *tutorial_theme/media/images/icons*に*favicon.ico*を作成します。 [block:code] { "codes": [ { "code": "{\n\"title\": \"Tutorial theme\",\n\"description\": \"Tutorial Theme especially designed for this tutorials.\",\n\"logo\": \"media/images/cart.png\",\n\"developer\": \"Simtech\",\n\"favicon\": \"media/images/icons/favicon.ico\",\n\"parent_theme\": \"responsive\"\n}", "language": "json", "name": "manifest.json" } ] } [/block] テーマを複製し追加した後は、そのテーマを管理パネルから有効にする必要があります。 **デザイン > テーマ**セクションに移動し、**Tutorial Theme**の**有効化**をクリックして下さい。