【厳選】EC-CUBEのテンプレート・無料&有料まとめ

EC-CUBEのデザインテンプレートを変更して、他社のECサイトに差をつけませんか?
ここではデザイン性が高く使いやすいの無料・有料のテンプレート5つを紹介します。さらに、ECサイトへの適用方法を丁寧に解説しています。デザインテンプレートを駆使して、ECサイトを手軽にリニューアルしましょう。

EC-CUBEデザインテンプレート

テンプレート実装でカスタマイズできることは?

EC-CUBEにおけるデザインテンプレートとは、ECサイトのレイアウトなどのデザインをひとまとめにしたひな型のことを指します。デザインテンプレートを使うことにより、洋服を着せ替えるような手軽さで、EC-CUBEで作成したECサイトのデザインを簡単・スピーディに変更できます。もちろんデザインテンプレートへ切り戻せば、すぐに元のデザインになります。デザインテンプレートを変更するにあたって、プログラミングのような難しい作業はありません。

デザインテンプレートについてより深く理解いただくために、デザインテンプレートを変えることでカスタマイズできる主な項目、できない項目を以下に挙げます。

カスタマイズできる項目
  1. ネットショップのサイトのレイアウト
  2. フォント
  3. 全般的な色づかい
カスタマイズできない項目
  1. ショッピングカートの操作性
  2. 管理画面

いかがでしょうか?ECサイトの「見た目」にあたるレイアウトを使うことにより変更が可能です。それに対して、カートの操作性(例えば入力ボタンを1個増やすなど)や管理画面といった内容は、デザインテンプレートではカスタマイズできません。別途、「プラグイン」と呼ばれるプログラムを導入することが必要です。

よく見るテンプレート

EC-CUBEには、デフォルトとして1つデザインテンプレートがあらかじめ登録されています。無料で使える上に、このデザインテンプレートを使ってショップ運営することも可能ですが、簡易的なページレイアウトとシンプルなデザインになっているので、ショップの個性を出すのは難しいでしょう。デザインに凝りたいのであれば、他のデザインテンプレートを見つける必要があります。

 

【厳選】無料・有料テンプレートまとめ

ここでは、無料・有料テンプレートをあわせて5つ紹介します。それぞれの簡単な特長や参考となる画像も掲載します。理想的なデザインテンプレートを見つける際の参考にしてください。

無料テンプレート2つ

有料のデザインテンプレートと比較すると圧倒的に数は少ないですが、無料でもデザイン性の高いテンプレートがあります。ここでは、その中でも特徴のある2つを紹介します。

1.ファッション系のECサイトにも使えるテンプレート

EC-CUBEデザインテンプレート無料

このテンプレートの詳細はこちら

これはEC-CUBE3系のデザインテンプレートです。PCやスマートフォンなど、ECサイトを視聴する端末ごとに見やすいように、自動的にデザインを変更するレスポンシブに対応しています。おしゃれで見やすいデザインなので、ファッション系のECサイトにも使えそうですね。

 

2.シンプルで汎用的に使えるテンプレート

EC-CUBEデザインテンプレート無料,シンプルなデザイン

このテンプレートの詳細はこちら

EC-CUBE2.13対応のデザインテンプレートです。最初に紹介したテンプレートと比較してもデザインがシンプルなので、幅広い業種で利用できるのではないでしょうか。こちらもレスポンシブwebデザインに対応しています。

 

低価格の有料テンプレート3つ

EC-CUBEの有料デザインテンプレートは、1~2万円程度で購入できるものから、20万円近くするものまでさまざまあります。無料テンプレートと比較すると、デザインが凝っていて品質が高いものが多いようです。ここでは比較的低価格なテンプレートの中でもデザイン性に富む3つを紹介します。

1.シンプルで洗練された”ミニマル”なデザイン

EC-CUBEデザインテンプレート,ミニマル

このテンプレートの詳細はこちら

EC-CUBE2.13系用のテンプレートとして、シンプルで洗練されており落ち着きのあることが特徴です。レスポンシブに対応しているほか、自由にカラムをレイアウトできる「マルチカラム」、500種類以上のアイコンフォントが自由に使える「Font Awesome」などに対応しています。この品質で料金は14,800円(税込)です 。

 

2.機能性の高いデザインテンプレート

EC-CUBEデザインテンプレート,機能

このテンプレートの詳細はこちら

トップページの画像の使い方が大胆で、印象的なデザインが特徴です。EC-CUBE3.0.12に対応しています。ページ構成やテンプレートのコード内容はデフォルトのテンプレートに準拠しているため、EC-CUBEのオーナーズストアのプラグインにも対応しています。そのためデフォルトのテンプレートに慣れた方でも、導入しやすいでしょう。またこちらもレスポンシブWebデザインです。メニューは2階層まで作成できるほか、画像を追加することも可能です。新着商品・売れ筋商品などのプラグインが含まれて、スライドショーの配置を管理画面から簡単に変更できる機能もあります。このデザインテンプレートも、19,800円(税込)と低価格です。

 

3.シックなデザインのテンプレート

EC-CUBEデザインテンプレート,シック,おしゃれ

このテンプレートの詳細はこちら

黒を基調としたシックなデザインが印象的なEC-CUBE2.13.3対応のデザインテンプレートです。このテンプレートは8,100円(税込)と他有料テンプレートと比較すると一見安価な価格設定ですが、レスポンシブWebデザインになっておらず、スマートフォン版は別に6,480円(税込)で販売されています。ただ、両方を購入しても1万5千円以下ですから比較的に手軽にトライできる価格帯に変わりありません。

 

【早見表】テンプレートの特長

以下、上記で紹介した5つのテンプレートについて、表にしてまとめます。あわせて参考にしてください。

リンク 特徴 EC-CUBE対応 料金
1 無料でもデザイン性が高い。レスポンシブWebデザイン。 3.0系 無料
2 シンプルなデザインで汎用的に使える。レスポンシブWebデザイン。 2.13対応 無料
3 シンプルで洗練されたデザイン。マルチカラムやFontAwesomeの利用が可能。レスポンシブWebデザイン。 2.13対応 14,800円(税込)
4 デフォルトのテンプレート準拠し、初めての方でも使いやすいテンプレート。レスポンシブWebデザイン。 3.0系 19,800円(税込)
5 シックなデザインで比較的に低価格なテンプレート。レスポンシブには未対応で、スマートフォン版は別途購入する必要あり。 2.13対応 8,100円(税込)
 

【画面コピー付き】テンプレート変更手順

EC-CUBEでテンプレートを変更する手順を説明します。あらかじめ、対象のテンプレートを購入・ダウンロードしてパソコンのデスクトップなどへ保存しておいてください。ここでは、参考までに最初に紹介した無料のデザインテンプレートを例に説明します。

1) デザインテンプレートのダウンロード・購入

デザインテンプレートの購入画面にアクセスして「購入する」をクリックします。

デザインテンプレートの購入画面URL

デザインテンプレートの購入画面

※今回のデザインテンプレートは無料なので料金はかかりません。
※EC-CUBEの会員登録がすんでいない場合、ログインがすんでいない場合は、会員登録やログインが求められます。

 

利用ECサイトの選択を行い、「個人情報の取り扱いに同意する」・「約款に同意する」にチェックを入れた上で、「購入」をクリックします。

デザインテンプレートの購入

 

テンプレート購入終了の画面に遷移します。「購入履歴一覧へ」をクリックします。

デザインテンプレートの購入履歴一覧

 

購入履歴一覧に遷移します。「パッケージダウンロード」をクリックします。

購入履歴一覧パッケージダウンロード

ここまででデザインテンプレートのダウンロード・購入は終了です。他のデザインテンプレートを入手する場合もここで紹介した方法が参考になります。

 

2)デザインテンプレートのアップロード・適用

EC-CUBE管理画面へログインします。

EC-CUBE管理画面にログイン

 

「オーナーズストア」→「テンプレート」→「アップロード」の順番で移動します。

テンプレートのアップロード

 

「新規テンプレートアップロード」の画面に遷移します。「テンプレートコード」に任意の英数字(日付など)、「テンプレート名」に任意の名前を入力します。

テンプレートコード

 

「ファイルを選択」をクリックし、手元のパソコンから対象のテンプレートファイルを選択します。その後、「アップロード」をクリックします。

テンプレート選択

 

アップロードが完了するとテンプレート管理の画面に遷移します。テンプレートの一覧が表示されているので、変更対象のテンプレートを選択し、「登録」をクリックします。

テンプレート登録完了

これで選択したテンプレートが適用されています。ECサイトに戻ってデザインが適用されているか確認してみましょう。

なお、管理画面の「オーナーズストア」→「テンプレート」→「テンプレート一覧」から元のテンプレートに戻すことも可能です。その際は、テンプレートを切り替える作業と同様に、元のテンプレートを選択して(初期設定ではデフォルト)「登録」をクリックしてください。

 

まとめ:
いかがでしたか。EC-CUBEではデザインテンプレートを使うことで、誰でも自分のECサイトをプロのような凝ったデザインに変更できます。無料・低価格でも品質が高いデザインテンプレートもあります。また紹介したように、デザインテンプレートの変更も切り戻しも簡単です。EC-CUBEのデザインテンプレートは、ECサイトを手軽にアップグレードできる強力なツールなのです。

 

このコンテンツを読んだ方のお役に立てそうなテーマ

 

ネットショップ担当者必見・3分で分かる三大決済「クレカ・代引・コンビニ後払い」の導入メリット

 
 

お電話でのお申し込み・お問い合わせ

【受付時間】9:00~18:00

0120-69-5090

携帯電話からご利用のお客様 03-6671-8080