デザイナーのためのCakePHP1.1メモ

5月 18th, 2008 admin Posted in CakePHP, PHP |

「デザイナーのための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ファイル以外でも使われます）

各種タグなど

各種外部ファイルの読み込み

PLAIN TEXT
PHP:
  1. <?php echo $html->css('import'); ?> //スタイルシートを読み込む
  2. <?php echo $javascript->link('prototype');?> //Javascriptを読み込む

拡張子は省略できます。それぞれ/app/webroot/css,/app/webroot/jsに入れておいてください。

画像を表示

PLAIN TEXT
PHP:
  1. <?php echo $html->image("logo.gif") ?>

これで/app/webroot/imgにあるlogo.gifを表示します。

PLAIN TEXT
PHP:
  1. $html->image('logo.gif',array("id"=>"logo","alt"=>"会社ロゴ"));

第2引数にハッシュを渡してやることでimgタグにid="logo",alt="会社ロゴ"が追加されます。

リンク

PLAIN TEXT
PHP:
  1. <?php echo $html->link("トップ" , "/top"); ?>

とやると、/topへのトップというリンクを表示します。

PLAIN TEXT
PHP:
  1. <?php echo $html->link("トップ" , "/top",array("target"=>"_blank")); ?>

このタグもハッシュで属性を追加できます。この場合はtarget="_blank"が追加されます。

画像でのリンク

PLAIN TEXT
PHP:
  1. <?php echo $html->link($html->image("/logo.gif",array("id"=>"logo")),"/top",false,false,false)?>

画像でのリンクは画像とリンクのタグを組み合わせるとできます。後半にfalseが3つも並んでいて無駄に見えますがこれは必要なので書くようにしてください。

まとめ

この他にもフォームを書くときなども専用のコードを書く必要があります。面倒くさいですね・・・

Leave a Reply