*

恋に落ちるブログを作ってみる(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 NEXUS 5 の Wi-Fi が不安定なのでルーター変更?

今まで使っていた携帯電話(ドコモSO905という古いもの)がさすがに不調なので、買い換えようかと迷っ

記事を読む

DYS BaseCam SimpleBGC 32-bit Brushless Gimbal Controller 組み立て

新しい DYS BaseCam SimpleBGC 32-bit Brushless Gimbal

記事を読む

Simple Brushless Gimbal Controller PIDの設定を大幅に変えてみた

平日より連休の方が忙しいという異常な生活を送っています。といっても、半分遊びなんですが。雨が降ってい

記事を読む

no image

某インジのシグナルをEA化して改造してみる(5)

今回は思い切った購入方法を試してみます。 トレンドフォロー系の自動売買は、どうしても「ダマシ」

記事を読む

Acratech LEVELING BASE とか届いた

みんな大好きB&Hから数日で届いた。 Kirk 2" STANDARD QUICK R

記事を読む

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

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 ↑