*

恋に落ちるブログを作ってみる(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


 
 

関連記事

ebay i2c splitter & パワナセカンドIMU拡張キットの端子を見つけた

相変わらずセカンドセンサー設置に苦労しています。しかし朗報!例のebayあたりで見かける i2c s

記事を読む

GH4 Optimal Film Setting – GH4が無いからGH3で真似てみる

GH4買っちゃおうかな〜 walimex cage 欲しいなぁ〜 と思ってあちこちのブログを眺めてい

記事を読む

no image

ああ Xcode よ

インストールも無事に終わりスタート台にたつことができた。 いや~時間がかかるかかる。かなりでかいのね

記事を読む

no image

LION FX の Mac版がインストール出来ない

Mac OS 10.7.5 Lion でインストールできない。 ホームページの指示にしたがって

記事を読む

ブラシレスジンバル:2.42b7と上下動を抑えた歩き方の実験

とりあえずなのかデザインはともかく大注目の製品が間もなく登場するようです。予想通りの製品であれば、今

記事を読む

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

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 ↑