2690

CakePHPでCSSや画像を表示する

CakePHPでCSSや画像を表示する

2011.2.13

CakePHPでCSSや画像を表示する方法を自分メモ。

確認環境

はじめに

CSSや画像など、静的ファイルは、「/app/webroot/」の各フォルダ中に配置する必要があります。

CSSファイルを読み込ませる

例えばhoge.cssというファイルを読み込ませたい場合は、

css("hoge"); ?>

と記述します。拡張子(.css)は必要ありません。hoge.cssは「/app/webroot/css/hoge.css」に配置してくださいね。

画像ファイルを読み込ませる

cssとほぼ同じです。例えば、test.jpgを読み込ませたい場合は、

image('test.jpg',array('alt' =>'あるとを記述')); ?>

と記述します。「あるとを記述」部分には、その画像のalt属性を設定します。test.jpgは「/app/webroot/img/test.jpg」に配置してくださいね。

画像読み込み+画像にリンクを付ける

link($html->image('test.jpg',array('alt' =>'あるとを記述')), 'https://b.2690.org/', array('escape' => false)); ?>

CakePHP1.3からはどうやら書き方が変わったらしいです。(Cake PHP 備忘録 – 画像にリンクを設定

‘escape’ => falseをしないと、imgタグの が<、>に変換されてしまい、画像が表示されません。test.jpgは「/app/webroot/img/test.jpg」に配置してくださいね。

参考

[itemlink post_id=”1968″]