狠狠撸

2015年11月29日
第４回多摩con活
「カスタムテンプレート」＆助けてを解決！

自己紹介
? 多摩勉強会?主催
? concrete5 Japan Evangelist
? 株式会社ジェネレーション?代表?
concrete5 インテグレートパートナー
? 多摩市在住?２児のパパ
? Facebook：endo.toshiaki

カスタムテンプレートとは
WEBサイトのデザインを変えたい時に使う?
でも、その前に????
concrete5でWEBサイトのデザインを変える方法は

デザインを変える３つの方法
１．テーマで変える?
２．カスタムクラスで変える?
?
?
３．カスタムテンプレートで変える?

??サイト全体、もしくはページ単位でデザインを変える事が出来る
?
?

??ブロック単位でデザインを変える事が出来る?
?

??ブロック単位でデザインを変える事が出来る?
?
??ブロック単位でデザインを変える事が出来る

カスタムクラス、カスタムテンプレートは同じじゃん！?
違いは????
カスタムクラスは、?
ブロックに対し、定義済みのスタイルを追加する?
カスタムテンプレートは、?
ブロックに対し、表示要素の変更やスタイルの変更をする

カスタムクラス
ブロックをクリックして、?
「デザイン＆カスタムテンプレート」?
を選択
歯車アイコンをクリックする?
カスタムクラス欄にクラス名を記述

诲颈惫タグが増えて、指定したクラス(肠耻蝉迟辞尘冲蹿辞谤尘)でブロックが囲われる

カスタムクラス
カスタムクラス、カスタムテンプレートは同じじゃん！?
違いは????
カスタムクラスは、?
ブロックに対し、定義済みのスタイルを追加する?
カスタムテンプレートは、?
ブロックに対し、表示要素の変更やスタイルの変更をする

カスタムテンプレート

カスタム?
?テンプレート
ブロックをクリックして、?
「デザイン＆カスタムテンプレート」?
を選択
歯車アイコンをクリックする
カスタムテンプレートから、任意のテン
プレートを指定

ブロックの表示（スタイル）を変更したいぞ！?
（チェックボックスは、横に並べたい）

カスタムテンプレートの作成手順
?ブロックにテンプレートディレクトリを作る（ない場合）
?カスタムテンプレート用のディレクトリを作る
?作ったディレクトリに、view.php、view.css、view.jsを配置する?
?（それぞれのファイルは必要に応じて）

テンプレートディレクトリを作る
/application/blocks/form/templates
オーバーライドします

フォームブロック

フォームブロック
テンプレートディレクトリ

カスタムテンプレート用の?
ディレクトリを作る
/application/blocks/form/templates/checkhorizon
カスタムテンプレート用ディレクトリ

カスタムテンプレートに必要なファ
イルを置く

チェックボックスを横に並べる為の
CSSを書く
今回CSSで書いたのはここだけ

第４回多摩颁辞苍活