EC-CUBEのカスタマイズ、ネットショップ制作メモ

主にEC-CUBEを利用したネットショップの制作、カスタマイズや独自機能の開発について

concrete5 の簡単なテーマの作り方

僕が日本語化に参加している、直感的CMSconcrete5の簡単なテーマの作り方をFacebookに書いたので、こっちにも書いておきます。

  1. 適当にHTML+CSSでページを作る。
  2. HTMLファイルのファイル名をdefault.phpに変える。
  3. DTD宣言の前に魔法の呪文1を追記する。

    <?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
    


  4. の最後に魔法の呪文2を追記する。

    <?php Loader::element('header_required'); ?>
    


  5. ブロックを置きたいところに魔法の呪文3を追記する。

    <?php
        $a = new Area('[area name]');//好きなエリア名を入れる、大体Side barとMain
        $a->display($c);
    ?>
    


  6. 直前に魔法の呪文4を追記する。

    <?php Loader::element('footer_required'); ?>
    


  7. CSSの名前をmain.cssに変える

  8. typography.cssというファイルを作る

超省略して書くと、こんな感じです。
画像とかを使いたい場合は、

<?php echo $this->getThemePath() ?>

で、インストールしたテーマのパスが取得出来るので、

<img src="<?php echo $this->getThemePath() ?>/images/sample.jpg" alt="サンプル" />

とか書けば表示されます。

CSSに書く時は、

div.sample{background:url(images/sample.jpg);}

で、[インストールしたテーマのディレクトリ]/images/sample.jpgを参照してくれます。

尚、サンプルのテーマファイルは下記からダウンロード出来ます。
http://www.xross-cube.com/index.php/tools/required/files/download?fID=295

イイ感じのテーマが出来たら、是非公式サイトのフォーラムで教えてください。