5月 18th, 2008 admin 
「デザイナーのためのCakePHP入門」というエントリを書いていたのですが、さしあたって1.1の説明が必要になったのでデザイナーさん向けのメモ。主にビューでのHTMLヘルパーの説明になります。
どこを編集すればいいのか?
/app/views
テンプレートファイルがあります
/app/webroot
Stylesheet、Javascript、画像、そのほかのファイルなどはこちらにおきます。css,js,imgというディレクトリがあらかじめ用意されています。大変申し訳ないのですがディレクトリ名はこのまま使ってください。(変えたい場合はプログラマに相談してください)
テンプレートの構造
ここからは/app/views以下の話になります。
まずレイアウトが/layout以下にあり、layoutファイルの中の
<?php echo $content_for_layout ?>
という記述のところに中身が差し込まれます。
<?php echo $this->renderElement('なんとか'); ?>
という記述を見つけたら、それは「/views/element/なんとか」ってファイルを取り込んでいますので、そちらを見てください(layoutファイル以外でも使われます)
各種タグなど
各種外部ファイルの読み込み
PHP:
-
<?php echo $html->
css('import');
?> //スタイルシートを読み込む
-
<?php echo $javascript->
link('prototype');?>
//Javascriptを読み込む
拡張子は省略できます。それぞれ/app/webroot/css,/app/webroot/jsに入れておいてください。
画像を表示
PHP:
-
<?php echo $html->
image("logo.gif") ?>
これで/app/webroot/imgにあるlogo.gifを表示します。
PHP:
-
$html->
image('logo.gif',
array("id"=>
"logo",
"alt"=>
"会社ロゴ"));
第2引数にハッシュを渡してやることでimgタグにid="logo",alt="会社ロゴ"が追加されます。
リンク
PHP:
-
<?php echo $html->
link("トップ" ,
"/top");
?>
とやると、/topへのトップというリンクを表示します。
PHP:
-
<?php echo $html->
link("トップ" ,
"/top",
array("target"=>
"_blank"));
?>
このタグもハッシュで属性を追加できます。この場合はtarget="_blank"が追加されます。
画像でのリンク
PHP:
-
<?php echo $html->
link($html->
image("/logo.gif",
array("id"=>
"logo")),
"/top",
false,
false,
false)?>
画像でのリンクは画像とリンクのタグを組み合わせるとできます。後半にfalseが3つも並んでいて無駄に見えますがこれは必要なので書くようにしてください。
まとめ
この他にもフォームを書くときなども専用のコードを書く必要があります。面倒くさいですね・・・