共通 /
4_デザインカスタマイズ /
08_デザインテンプレート
��.デザインテンプレート追加 † 
デザインテンプレートとは？ †
テンプレートとはあらかじめデザインされたひな型のことです。
初期設定のままでは物足りないが、自分でソースコードを触る勇気はない。
そうとは言え、ホームページ制作会社に依頼するとコストが高くつく。
テンプレートを追加・設定するだけで短期間にデザインの問題を解決できます。
また、EC-CUBEではオーナーズストアにて、デザインテンプレートを販売しています。
テンプレートの追加 †
【 注意 】デザインテンプレート適用の際には必ずバックアップをお取りください！
設定後、画面が真っ白になるなど復活出来ない場合は、下記ＵＲＬのマニュアルを参考にしていただくことでデフォルトのデザインに戻す事ができます。
http://www.ec-cube.net/download/design_t_m.pdf
1.デフォルトのテンプレートのダウンロード
「デザイン管理＞テンプレート設定」をクリックし、右側の「ダウンロード」ボタンをクリックします。
テンプレートセットが「tpl_package_200*******.tar.gz」という様な名前でダウンロードされます。
※テンプレートセットはtar.gz形式でダウンロードされますが、+Lhacaなどのフリーソフトで解凍することが出来ます。
2.アップロード
先ほどダウンロードしたテンプレートセットを圧縮された状態のまま、
別の名前で登録します。「デザイン管理＞テンプレート追加」をクリックしてください。
「テンプレートコード」には、適当な英数字を入力します。一般的には日付が適当です。
「テンプレート名」には、任意の名前を入力します。
「テンプレートファイル」には、先ほどダウンロードした「tpl_package_200*******.tar.gz」を選択します。
すべて完了したら「アップロード」ボタンをクリックします。完了画面が表示されると完了です。
3.テンプレートの切替
再度、「デザイン管理＞テンプレート設定」をクリックしてみましょう。
「テンプレートテスト」と書いてある方を選択して、「この内容で登録する」ボタンを
クリックすると、テンプレートが切り替わります。
※ただし、この状態では、ダウンロードしたものを再度アップロードしただけなので、画面デザインに変化はありません。
��.デザインテンプレートの設定 †
簡単にデザインテンプレートを追加する方法を説明してきましたが、
EC-CUBEの醍醐味は、その自由なカスタマイズ性にあります。
ソースコードレベルで編集を行えば、細部に渡る変更も可能となり、
原型を留めないほどにデザインの変更が可能となります。
【 注意 】デザインテンプレート適用の際には必ずバックアップをお取りください！
設定後、画面が真っ白になるなど復活出来ない場合は、下記ＵＲＬのマニュアルを参考にしていただくことでデフォルトのデザインに戻す事ができます。
http://www.ec-cube.net/download/design_t_m.pdf
デザインテンプレートの設定方法 †
1．テンプレートの追加
「デザイン管理＞テンプレート追加」の画面から、セットします。
以降は��.デザインテンプレートの追加と同様です。
ここでは、EC-CUBE公式ガイドブック収録のサンプルテンプレートを使用します。
2．テンプレートの登録
「デザイン管理＞テンプレート追加」から追加されたテンプレートを選択し、
「この内容で登録する」をクリックします。
3．設定
これだけでトップページのデザインが設定されていることが確認できます。
![[EC-CUBE]](image/logo.gif "[EC-CUBE]"){kind=logo}
sampletemp.PNG 1689件
[詳細]
samplecomp.PNG 691件
[詳細]
sample.PNG 1297件
[詳細]
template.PNG 1504件
[詳細]
upload.PNG 1393件
[詳細]
comp.PNG 1043件
[詳細]
