2011-05-10
concrete5 の簡単なテーマの作り方
個人的メモ, テーマ, WEB, デザイン, PHP, オープンソース, Tips, CMS, concrete5
僕が日本語化に参加している、直感的CMS、concrete5の簡単なテーマの作り方をFacebookに書いたので、こっちにも書いておきます。
- 適当にHTML+CSSでページを作る。
- HTMLファイルのファイル名をdefault.phpに変える。
- DTD宣言の前に魔法の呪文1を追記する。
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
- <head>の最後に魔法の呪文2を追記する。
<?php Loader::element('header_required'); ?>
- ブロックを置きたいところに魔法の呪文3を追記する。
<?php $a = new Area('[area name]');//好きなエリア名を入れる、大体Side barとMain $a->display($c); ?>
- </body>直前に魔法の呪文4を追記する。
<?php Loader::element('footer_required'); ?>
- CSSの名前をmain.cssに変える
- 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
リンク元
- 26 http://twitter.com/
- 15 http://concrete5.xross-cube.com/
- 13 http://longurl.org
- 10 http://bit.ly/jmEVpf
- 9 http://www.google.co.jp/url?sa=t&rct=j&q=concrete5 area&source=web&cd=7&ved=0CFwQFjAG&url=http://d.hatena.ne.jp/xross-cube/20110510/p1&ei=UQXoTr2ENouWmQWXu7CoCg&usg=AFQjCNHhX5pYV1xz4H2at3azLLxgh0iscQ
- 7 http://www.google.co.jp/url?sa=t&rct=j&q=concrete5 テーマ&source=web&cd=39&ved=0CGIQFjAIOB4&url=http://d.hatena.ne.jp/xross-cube/20110510/p1&ei=n4imTrWdIor4mAXf29mpDw&usg=AFQjCNHhX5pYV1xz4H2at3azLLxgh0iscQ
- 5 http://concrete5.xross-cube.com/add-on_block/hatena-diary_rss-displayer-template/
- 5 http://www.facebook.com/l.php?u=http://d.hatena.ne.jp/xross-cube/20110510/p1&h=5acab
- 4 http://bit.ly/iQwLj6
- 4 http://hootsuite.com/dashboard



