Hatena::ブログ(Diary)

EC-CUBEのカスタマイズならクロスキューブ!サイト制作メモ このページをアンテナに追加 RSSフィード Twitter

2011-05-10

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

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

  1. 適当HTML+CSSでページを作る。
  2. HTMLファイルファイル名をdefault.phpに変える。
  3. DTD宣言の前に魔法呪文1を追記する。
    <?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
    
  4. <head>の最後魔法呪文2を追記する。
    <?php Loader::element('header_required'); ?>
    
  5. ブロックを置きたいところに魔法呪文3を追記する。
    <?php
        $a = new Area('[area name]');//好きなエリア名を入れる、大体Side barとMain
        $a->display($c);
    ?>
    
  6. </body>直前に魔法呪文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

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

投稿したコメントは管理者が承認するまで公開されません。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/xross-cube/20110510/p1