サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> PHP/データベース >> テンプレートを用いる(スキン)

テンプレートを用いる(スキン)



サンプルと機能

記述する内容を変えずに、外部テンプレートファイルを読み込んで、見た目だけを変えます。

Sample 1:通常のHTML
Sample 2:「Sample 1」にテンプレートを適用
Sample 3:「Sample 1」にテンプレートを適用

「tmp.php」にアクセスすることで、そこで指定したテンプレートファイルを適用することができます。


サンプルスクリプト

緑の文字が変更箇所で、赤い文字が対応するPHPです。
<!-- -->内または//以下はコメントです。削除しても影響ありません。
必要な箇所をコピー&貼り付けして編集してください。

tmp.php
<?php header("Content-Type:text/html;charset=SHIFT_JIS"); ?>
<?php
// テンプレート処理クラスのインクルード
// ない場合はhttp://sourceforge.net/projects/phplib/よりダウンロード
require_once("template.inc");

$tmpfile = "./tmp/tmp00.html"; // テンプレートファイル

$title = "タイトルです。"; // タイトル

$body1 = '
<!--- BODY1 --- 開始 ------------------------------------->

<B>BODY1</B>です。<BR><B>BODY1</B>です。<BR><B>BODY1</B>です。<BR>
<B>BODY1</B>です。<BR><B>BODY1</B>です。<BR>


<!--- 終了 --->
';
$body2 = '
<!--- BODY2 --- 開始 ------------------------------------->

<TABLE border="0" cellpadding="10" bgcolor="#ffffff" cellspacing="1"><TR>
<TD bgcolor="#ccffcc"><B>BODY2</B>です。</TD>
<TD bgcolor="#ffcccc"><B>BODY2</B>です。</TD></TR><TR>
<TD colspan="2" bgcolor="#cccccc"><B>BODY2</B>です。</TD></TR></TABLE>


<!--- 終了 --->
';
$body3 = '
<!--- BODY3 --- 開始 ------------------------------------->

<B>BODY3</B>です。<B>BODY3</B>です。<B>BODY3</B>です。
<B>BODY3</B>です。<B>BODY3</B>です。<B>BODY3</B>です。


<!--- 終了 --->
';

// "$body4"などを使いしたら、以下にも「"BODY4"=>$body4」などを追加してください。
$tmparr = array("TITLE"=>$title,"BODY1"=>$body1,"BODY2"=>$body2,"BODY3"=>$body3);

$tmp = new Template(".","keep");
$tmp->set_file(array("template"=>$tmpfile));
$tmp->set_var($tmparr);
$tmp->pparse("",array("template"));
?>

テンプレートファイルの記述例(Sample 2の場合)
<HTML>
<HEAD>
<TITLE>{TITLE}</TITLE>
</HEAD>
<BODY bgcolor="#ccccff">
<H1>{TITLE}</H1>
<TABLE border="0" width="500" cellpadding="10" bgcolor="#ffffff" cellspacing="1">
<TR>
<TD bgcolor="#ccffcc">{BODY1}</TD>
<TD bgcolor="#ffcccc">{BODY2}</TD>
</TR>
<TR>
<TD colspan="2" bgcolor="#cccccc">{BODY3}</TD>
</TR>
</TABLE>
</BODY>
</HTML>


解説・注意点など

「tmp.php」のBODYタグ内に「'(シングルクオテーション)」を使いますとエラーが出ますので注意してください。

template.incがない場合は、
http://sourceforge.net/projects/phplib/
より、「phplib」をダウンロードします。
解凍してできた「php」フォルダの中にある「template.inc」をスクリプトと同じディレクトリに置きます。


 
 

PHP/データベースに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, PHP and Database. All rights reserved. - Home