*

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


 
 

関連記事

DaVinci Resolve に Neat Video V4 Demo を入れてみる【Windows 10】

そういえば当初の目的であったIR pollution ですが、なんか??? 直射日光とかじゃないと出

記事を読む

Zomei 可変NDフィルターのテスト(適当)

旅に出て、その街を歩きまわりながら撮影する。リュックサックを背負って、小さめの三脚と小さめのスライダ

記事を読む

Native Instruments KOMPLETE 11 アップグレードしてみた

昨晩は雪が少しだけ降りました。朝起きたら一面真っ白だった(そうです)。どおりで寒いわけだ。 い

記事を読む

no image

WordPress で普通っぽいサイトを作った時にやったこと(テーマ編)

プラグインをひと通りインストールしたらテーマを選びます。 最近は当然「レスポンシブ」です。標準

記事を読む

SmartTap 車載ホルダー EasyOneTouch2 が強力吸盤で凄いぞ(追記)

日曜日なんでカメラじゃない話題。だって 4K30PがS35mmじゃないってことで、すっかり冷静になっ

記事を読む

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

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 ↑