TweetPocketEC-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&quot;&gt;まとめあとはCSSスタイルを修正してデザインを変更したり、テンプレートのコードを書き換えてコンテンツを付け加えたりしていけばOK。EC-CUBE3からはSymfonyとTwigに変わっているので、そちらも合わせて勉強しておく必要があります。新しいページの追加やブロックの追加、プラグインの開発などはまた次回。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。Ideura手順通りにすすめさせていただいたのですが、cssを読みこまなくなりました。解決するにはどうしたらよろしいでしょうか?TakeshiCSSを読み込めない原因は以下のどちらかです。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらはシンプルな白をベースとしたテーマカラーとなっています。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。