PHP逆引き大全 516の極意

モバイルプログラミングの極意 - Tips488 外部参照CSSを使う

登録タグ
PHP
Icon comment count 0
Icon stock count 0

8-3モバイルプログラミングの応用Tips488 外部参照CSSを使う

Level3

Pointiモード端末向けにCSSをHTMLのインラインに埋め込む

モバイル端末で外部参照CSSを使ってみましょう。EZWeb及びY!ケータイでは外部参照CSSが使用できますが、2009年3月以前のiモード端末では外部参照CSSが使用できないため、特別な処理が必要です。

実はiモード端末でも2009年5月以降に発売されたiモードブラザ2.0を搭載した機種では外部参照CSSが使用できます。しかしそれ以前の端末では外部参照CSSは使用できず、インラインでstyleを指定する以外に方法がありません。本TipsではSmartyのアウトプットフィルターを利用し、外部ファイルからCSSのデータを取得し、xHTMLのタグ中にstyle=を埋め込みます。本プログラムは前提として、PEARのHTML_CSSライブラリを使用していますので、まずこれをインストールしましょう。

#> pear install HTML_CSS[Enter]

次にSmartyのフィルタ命名規則に従ってリスト4の488_4.phpをoutputfilter.extcss.phpというファイル名に変更してください。リスト1がサンプルのCSSファイルです。要素のみ、要素+クラス指定、クラスのみ指定の3種類の書き方が可能です。リスト2が実行するPHPファイル本体です。Smartyを設定し、9行目でアウトプットフ

出典情報

Medium

PHP逆引き大全 516の極意

  • 著者: 大家 正登, 茂木 健一, 鮫島 康浩, 谷中 志織

コメント

    コメントはありません