WEB TOUCH MEETING #52

佐々木多生
（ささきたを）

• 株式会社クロスキューブという会社をやってい
ます。
コンクリートファイブジャパン株式会社のCTO
もやってます

• EC-CUBEコミッター
シルバーインテグレートパートナー
EC-CUBE東京ユーザグループ

• concrete5 プロアカウント
concrete5日本語チーム
concrete5東京ユーザグループリーダー

汎用CMS
（コンテンツマネジメントシステム）

• 若い（2008年6月にオープンソース化） • アメリカ製

• 直感的 • マーケットプレイスというアドオンやテーマを
MS Wordが使える人なら平気なレベル販売している

• ブロックと呼ばれる部品をGUIでぐりぐりやって • アメリカ本家公式サイト
ページを作る http://www.concrete5.org/

• 日本語公式サイト
• 多人数で編集を前提にしており、細かい権限設
http://concrete5-japan.org/
定が可能

• PHP+MySQL+jQuery

• 毎週木曜深夜 Ustreamやって http://www.ustream.tv/channel/
concrete5japan
ます。

• 隔週月曜日に構築講座やっ http://new.livestream.com/
shimokitazawa-osscafe/
てます
concrete5

各地のユーザグループ

• 東北（岩手） • 名古屋
• 東京（下北沢） • 大阪
• 浜松

concrete5を構成している要素

concrete5のMVC
ページ
view
ブロック model
model

view

controller controller

とにかく自由度が高い

いわゆるテンプレートのこと
• 「トップページ用」や「新着情報用」等、ページの用途に
よって使い分ける

• ページを作成した時の標準のブロックを置いておける

テーマファイルの構造
• ページタイプ用のテンプレートファイル

• （HTML + 魔法の呪文3つくらい）

• description.txt

• テーマの概要説明ファイル

• typography.css

• コンテンツエディタに適用させるCSS

ファイル構造例
/themes
/theme_name（好きな名前を付けてください）

/default.php（標準のテンプレート）

/description.txt（テーマ名、説明）

/typography.css
/css/
/images/
...

魔法の呪文とは？

• HTMLファイルをconcrete5のテーマとして使うためのPHP
コードです。

• 4種類しか無いのでカンタンです

魔法の呪文1

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

• concrete5に必要なjavascriptファイルとか色々読み込みま
す。<TITLE>とかも出力します。

• 深く考えずに<head>∼</head>の上の方に書きましょう

魔法の呪文2

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

• concrete5に必要なjavascriptファイルのタグとか色々出力
します。google analyticsのトラッキングコードとかも出力
します。

• 深く考えずに</body>直前に書きましょう

魔法の呪文3
<?php

$a = new GlobalArea('エリア名');

$a->display($c);
?>

• サイト全体で共通のブロックを配置できる場所（エリ
ア）を作成します。

• 共通のブロック置きたいなー、と思う所に書きましょう

魔法の呪文4
<?php

$a = new Area('エリア名');

$a->display($c);
?>

• ページにブロックを配置できる場所（エリア）を作成し
ます。

• ブロック置きたいなー、と思う所に書きましょう

至極カンタンです。

• あとはフォルダにまとめて、サーバーの「/themes」フォ
ルダにアップロードすればOK!

• 管理画面の「テーマとページ」からインストールできる
様になっています。

WEB TOUCH MEETING #52

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à WEB TOUCH MEETING #52

Similaire à WEB TOUCH MEETING #52 (20)

Plus de Tao Sasaki

Plus de Tao Sasaki (6)

WEB TOUCH MEETING #52