WEB TOUCH MEETING #52

1,026 views

Published on

広島で開催されたWEB TOUCH MEETING で使用したスライドです

Published in: Design
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,026
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

WEB TOUCH MEETING #52

  1. 1. 佐々木 多生 (ささき たを)• 株式会社クロスキューブという会社をやってい ます。 コンクリートファイブ ジャパン株式会社のCTO もやってます• EC-CUBEコミッター シルバーインテグレートパートナー EC-CUBE東京ユーザグループ• concrete5 プロアカウント concrete5日本語チーム concrete5東京ユーザグループ リーダー
  2. 2. 汎用CMS (コンテンツ マネジメント システム)• 若い(2008年6月にオープンソース化) • アメリカ製• 直感的 • マーケットプレイスというアドオンやテーマを MS Wordが使える人なら平気なレベル 販売している• ブロックと呼ばれる部品をGUIでぐりぐりやって • アメリカ本家公式サイト ページを作る http://www.concrete5.org/ • 日本語公式サイト• 多人数で編集を前提にしており、細かい権限設 http://concrete5-japan.org/ 定が可能• PHP+MySQL+jQuery
  3. 3. http://concrete5.org/
  4. 4. http://concrete5-japan.org/
  5. 5. • 毎週木曜深夜 Ustreamやって http://www.ustream.tv/channel/ concrete5japan ます。
  6. 6. • 隔週月曜日に構築講座やっ http://new.livestream.com/ shimokitazawa-osscafe/ てます concrete5
  7. 7. 各地のユーザグループ• 東北(岩手) • 名古屋• 東京(下北沢) • 大阪• 浜松
  8. 8. 意外と実績あります
  9. 9. concrete5の構造
  10. 10. concrete5を構成している要素
  11. 11. concrete5のMVC ページ viewブロック model model viewcontroller controller
  12. 12. とにかく自由度が高い
  13. 13. 制限しましょう
  14. 14. 自動化しましょう
  15. 15. ページタイプとは?
  16. 16. いわゆるテンプレートのこと• 「トップページ用」や「新着情報用」等、ページの用途に よって使い分ける• ページを作成した時の標準のブロックを置いておける
  17. 17. テーマファイルの構造• ページタイプ用のテンプレートファイル • (HTML + 魔法の呪文3つくらい)• description.txt • テーマの概要説明ファイル• typography.css • コンテンツエディタに適用させるCSS
  18. 18. ファイル構造例/themes /theme_name(好きな名前を付けてください) /default.php(標準のテンプレート) /description.txt(テーマ名、説明) /typography.css /css/ /images/ ...
  19. 19. 魔法の呪文とは?• HTMLファイルをconcrete5のテーマとして使うためのPHP コードです。• 4種類しか無いのでカンタンです
  20. 20. 魔法の呪文1• <?php Loader::element(header_required); ?> • concrete5に必要なjavascriptファイルとか色々読み込みま す。<TITLE>とかも出力します。 • 深く考えずに<head>∼</head>の上の方に書きましょう
  21. 21. 魔法の呪文2• <?php Loader::element(footer_required); ?> • concrete5に必要なjavascriptファイルのタグとか色々出力 します。google analyticsのトラッキングコードとかも出力 します。 • 深く考えずに</body>直前に書きましょう
  22. 22. 魔法の呪文3 <?php $a = new GlobalArea(エリア名); $a->display($c); ?>• サイト全体で共通のブロックを配置できる場所(エリ ア)を作成します。• 共通のブロック置きたいなー、と思う所に書きましょう
  23. 23. 魔法の呪文4 <?php $a = new Area(エリア名); $a->display($c); ?>• ページにブロックを配置できる場所(エリア)を作成し ます。• ブロック置きたいなー、と思う所に書きましょう
  24. 24. 至極カンタンです。• あとはフォルダにまとめて、サーバーの「/themes」フォ ルダにアップロードすればOK!• 管理画面の「テーマとページ」からインストールできる 様になっています。
  25. 25. やってみましょう

×