デザイナ向け?CakePHP HTMLヘルパーいろいろ

デザイナ向け?CakePHP HTMLヘルパーいろいろ

今年こそ冷え性と縁を切りたいichikawaです。
デザイナさんなどで、CakePHPのテンプレートファイルを修正することになり、見慣れないタグを見て「なにこれ?」と思われる方もいらっしゃるかと思います。
そんな方のために、今日はテンプレートファイルなどで使われる代表的なHTMLヘルパーをいくつかご紹介したいと思います。(対象は、CakePHPのバージョン1.2です。)

ヘルパーとは

ヘルパーとは、簡単に言うと「タグなどの出力を手軽に行う事ができる仕組み」です。
ヘルパーにもいくつか種類があり、今回ご紹介するHTMLヘルパーもその中の一つです。
HTMLヘルパーは、HTMLのリンクや画像の出力などを補助します。

ちなみにヘルパーは自分で作る事も可能ですが、今回はすでに組み込まれているものを、逆引き形式でご紹介したいと思います。
(ヘルパーの例はCakePHPの公式マニュアルから引用いたしました。

アンカーのタグを出力したい

$html->link()メソッドを使います。以下のような感じです。

<?php echo $html->link('Enter', '/pages/home', array('class'=>'button','target'=>'_blank')); ?>

上記は、以下の様な出力になります。

<a href="/ja/pages/home" class="button" target="_blank">Enter</a>

画像のタグを出力したい

$html->image()メソッドを使います。以下のような感じです。

<?php echo $html->image('cake_logo.png', array('alt' => 'CakePHP')); ?>

上記は、以下の様な出力になります。

<img src="/img/cake_logo.png" alt="CakePHP" />

画像リンクのタグを出力したい

上記の$html->link() と $html->image() を一緒に使用することで画像リンクを出力する事ができます。

<?php 
    echo $html->link($html->image("recipes/6.jpg", array("alt" => "Brownies")),
    "/recipes/view/6", array(), false, false);
?>

上記は、以下の様な出力になります。

<a href="/ja/recipes/view/6">
    <img src="/img/recipes/6.jpg" alt="Brownies" />
</a>

CSSへのリンクタグを出力したい

$html->css()メソッドを使います。以下のような感じです。

<?php echo $html->css('forms'); ?>

上記は、以下の様な出力になります。

<link rel="stylesheet" type="text/css" href="/ja/css/forms.css" />

以上、簡単ですがHTMLヘルパーをご紹介しました。
次回は未定ですが、Formヘルパーをご紹介する予定です。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ