*

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


 
 

関連記事

Google Adsense先生から「収益の最適化」で落第点をもらってしまいました

サーバーのスピードが遅い件は移転して合格点になったけど、今度は最適化が赤点になりました。どうすればい

記事を読む

激安なマットボックス Matte Box M3 が届いたので開封し身体検査

懲りずに激安に挑戦のふたたびマットボックスを輸入。価格は 11,000円程度でした。アマゾンでも同じ

記事を読む

Brushless Gimbal 起動!でも寒くて撮影テストはまだ

無事にひと通りの設定が完了しました。貴重なデータを提供してくれている先人の方々に心から感謝申し上げま

記事を読む

マットボックスとフォローフォーカスをちょっと使ってみた感想

新しいベースプレートやマットボックスを、ちょっとだけ使ってきたので感想を書きます。はじめてのリグを使

記事を読む

Zライト Z-208 B と三菱電機 FL20S N-EDL NUで環境光 + HDMI接続 + カラーマネージメント

意外と雪が多かったみたいで、本日家の前が通行止めです。どうも電線関係の工事をしているみたい。しかし特

記事を読む

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

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 ↑