*

恋に落ちるブログを作ってみる(3)

公開日: : FuelPHP


CSSや画像のURLをスマートに書くんだ編のはじまりはじまり〜


いったいつになったらブログを書き始めるのか?というツッコミは却下します。今回はviewの続きです。

VIEWにcssやJavaScriptやリンクタグを書くために

フレームワークを使う場合、VIEWの中に外部ファイルへのリンクなどを書く場合は、フォレームワークの機能を使って書くようにする。これは常識のようです。理由は調べてくださいね^^;
覚えている方はいないでしょうが、最初にFuelPHPをセットアップした時、公開ディレクトリにindex.phpとassetsというフォルダを入れました。実はこのassetsの中にimg css jsというフォルダが用意されています。FuelPHP1.3が来てたのでインストールしてみる(別窓)にある次の場所です。
abc/public_html/index.php
abc/public_html/assets

<body>
<?php echo Asset::img('abc.jpg', array('width'=>'300', 'height'=>'200', 'alt'=>'群馬は大都会') ); ?>

imgタグは上記のように書き込みます。最低限の書き方は img(‘FileName’)  となり、arrayオプションは省略可能です。同様にcssやjsでは次のような書式になります。このふたつはオプションを記入しなくても必要な要素が書き出されるみたいです。

Asset::css('abc.css');
Asset::js('abc.js');

同様にリンクタグ( <php echo Html::anchor(‘post/index’, ‘戻る’, array(‘class’=>’menu’)’); ?>

その他の VIEWの機能

VIEWファイルの配置はサブフォルダに分けることが出来る。VIEWファイルからVIEWファイルを読み込むことができる(headr,footerなどを別ファイルにして使いまわせる)。smartyなどのテンプレートエンジンが使える。
このぐらいが分かっていれば、最低限のものは書き始められそうです。次はコントローラーかな?


Sponsored Link


 
 

関連記事

美しい海中の熱帯魚やウミガメを撮影する準備 = 防水ケース

夏といえば海!ビキニの美女!というわけで防水が必要になります。Goproとかもアリだけど画質がイマイ

記事を読む

グライドカムの Tracking Information(UPS)

13日の夜に注文したグライドカム(Glidcam HD1000)。翌14日の朝5時にはトラッキングコ

記事を読む

SONY α6300 ILCE-6300 本体ソフトウェアアップデートVer. 1.10する

やっと少しだけ落ち着いてきたので、ブログも更新してみようという感じになりました。でも次はいつになるか

記事を読む

イケてるブラシレスジンバル発見!と期待したけど現実は?

週末にWindows7をアップデート。そしたらMetaTraderが立ち上がらないという。正確に言え

記事を読む

きたあああ!PILOTFLY MicroDSLR 3axis stabilizer ソフトクリーム型ブラシレスジンバル(追記 3/8)

Bigbalance のデザインが好きなのもあって Nebula 4000 Lite をなるべく見な

記事を読む

ご質問は掲示板へお願いいたします。

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKにジンバルを入れる

やっぱり高いけどEndurance (エンデュランス) カメラバッグの

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKが北の国から

一年中GWの美少女です。 Lowepro カメラリュック フリッ

MOZA Mini-S スマホ用スタビライザーが届いた!

1万円弱で買えるスマホ用ブラシレスジンバルの新型 MOZA Mini-

GoPro Hero7 Black用 保護ケース アルミ合金保護フレームがいいよって話

別に大した話ではありません。 最近書くことが少ないのでたまには書

期待の新製品 MOZA Mini-S スマホ用スタビライザーが発売されたみたい

教えてもらった新製品のホームページで MOZA Mini-Sが紹介され

→もっと見る




  •  

PAGE TOP ↑