EC-CUBE3.0初心者...EC-CUBEEC-CUBE3.0初心者の簡単なテンプレートカスタマイズ方法2016-05-09TweetPocketEC-CUBEは無料で公開されているネットショップ構築のためのCMS。無料で使えて、レンタルサーバーにも対応していることもあり、自分でショップを作りたいという方も多いようです。EC-CUBEの最新版である3.0.10では機能の追加や不具合の修正など、初期のバージョンに比べて使いやすくなっており、2.13系やそれ以前のバージョンを使っている方もそろそろ乗り換えタイミングかも。いうことでこのサイトでは初心者でもできるEC-CUBE3.0の簡単なカスタマイズ方法についてまとめていこうと思います。EC-CUBE3.0のテンプレートをカスタマイズするEC-CUBE3のインストール方法についてはこちらをご覧ください。EC-CUBE3.0をインストールする方法EC-CUBE3.0はインストーラーが用意されており、レンタルサーバーでは簡単インストール機能もあるのでとくに問題なくインストールできるはずです。新規テンプレートの作成EC-CUBE3.0をインストールした直後はデフォルトテンプレートが登録されています。このデフォルトテンプレートをカスタマイズしていくことでも、オリジナルデザインのショップは構築可能ですが、今回は新しくテンプレートを作ってみます。テンプレートを登録するには管理画面から登録する方法が簡単。以下の手順でデフォルトテンプレートをコピーしたものを登録します。新規テンプレートのカスタマイズ新しいテンプレートの場所は、app/template/テンプレート名にあります。テンプレートをカスタマイズして画面に変化がない場合、管理画面/コンテンツ管理/キャッシュ管理でキャッシュのクリアボタンを押し、キャッシュのクリアをしておきます。EC-CUBE3.0でCSSスタイルをカスタマイズする方法テンプレートのスタイルは、html/template/テンプレート名/cssにあります。CSSスタイルをカスタマイズした後画面に変化がない場合は、テンプレートと同様キャッシュのクリアを試してみます。新しくCSSファイルを作成した場合、テンプレートから読み込むのを忘れずに。ベーステンプレート(デフォルトならdefault_frame.twig)のhead部分に以下のようにコードを追加しておきます。}}/css/ファイル名.css">まとめあとはCSSスタイルを修正してデザインを変更したり、テンプレートのコードを書き換えてコンテンツを付け加えたりしていけばOK。EC-CUBE3からはSymfonyとTwigに変わっているので、そちらも合わせて勉強しておく必要があります。新しいページの追加やブロックの追加、プラグインの開発などはまた次回。SugimoriフリーランスのWebエンジニア。現在はテンプレート職人としてTetraThemesでテンプレートを開発中。ブログや個人に関するお問い合わせはTwitterかFacebookへ。2017-06-26Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。Web制作に限らずWebライティングでも必ず必要なのが写真素材。2017-06-21カラーミーショップはスマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。2017-06-21カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので完全オリジナルデザインのショップを自由に構築することができます。2017-06-19カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので頑張ればオリジナルデザインのショップを構築することも可能です。2017-06-16カラーミーショップはHTMLとCSSの編集ができ、オリジナルデザインのショップを構築することができるECサービスです。USTetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。