Bootstrap を利用した画面レイアウトのテンプレート

<?php
/**
 * Test
 * ヘッダー＋左ペイン＋センター２ペイン＋フッター＋スクリプト
 *
 */

$v_tplPath = '.'; // テンプレートへのPATH
$v_errmsg = 'エラーメッセージが表示されます。';

// テンプレートファイル名の指定
$v_htmlTpl = 'htmlheader.tpl';
$v_headerTpl = 'header.tpl';
$v_leftTpl = 'left.tpl';
$v_centerLTpl = 'centerL.tpl';
$v_centerRTpl = 'centerR.tpl';
$v_footerTpl = 'footer.tpl';
$v_spTpl = 'script.tpl';

include('../../tpl/layout.tpl');
?>

<?php
/**
 * View
 * レイアウト
 *
 */

define('DS', DIRECTORY_SEPARATOR);

// Parameters
// $v_tplPath: テンプレートへのPATH
// $v_htmlTpl: HTMLヘッダーのテンプレートファイル名
// $v_headerTpl: ヘッダー部のテンプレートファイル名
// $v_leftTpl: 左ペインのテンプレートファイル名
// $v_footerTpl: フッター部のテンプレートファイル名
// $v_spTpl: レイアウト外のテンプレートファイル名

$v_gTplPath = '/var/www/dev/pr_view/tpl'; // 共通テンプレートへのPATH
$v_col_left = 2; // 左ペインカラム数
$v_sticky = true; // 固定ヘッダ
?>
<?php
// HTMLヘッダー
$tplFile = $v_tplPath.DS.'htmlheader.tpl';
if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.$v_htmlTpl;
if(is_readable($tplFile)) include($tplFile);

// ヘッダー
$headerFile = null;
if($v_headerTpl){
	$headerFile = $v_tplPath.DS.$v_headerTpl;
	if(!is_readable($headerFile)) $headerFile = $v_gTplPath.DS.$v_headerTpl;
	if(!is_readable($headerFile)) $headerFile = null;
}
if($headerFile){
?>

<div title="sticky container">

<?php if($v_sticky){ ?>
<div class="bg_header sticky-top">
<?php }else{ ?>
<div class="bg_header">
<?php } ?>
<div id="lay_header" title="Header">
<?php include($headerFile); ?>
</div><!-- Header -->
</div><!-- bg_header -->
<?php } ?>

<div class="container-fluid">
<div class="row">
<?php
// 左ペイン
$tplFile = null;
if($v_leftTpl){
	$tplFile = $v_tplPath.DS.$v_leftTpl;
	if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.$v_leftTpl;
	if(!is_readable($tplFile)) $tplFile = null;
}
if(!$tplFile){
	$v_col_left = 0;
}else{
?>

<div class="col-md-<?=$v_col_left?> bg_left">
<div id="lay_left" title="LeftPane">
<?php include($tplFile); ?>
</div><!-- LeftPane -->
</div><!-- col-md-<?=$v_col_left?> bg_left -->
<?php } ?>

<div class="col-md-<?=12-$v_col_left?> bg_center">

<div id="lay_center" title="Center">
<?php
// ★デモ用コード（削除してください）
if($v_demo) include($v_gTplPath.DS.'demo.tpl');
?>
<?php
// センターペイン
$tplFile = $v_tplPath.DS.'center.tpl';
if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.'center.tpl';
if(is_readable($tplFile)) include($tplFile);
?>

</div><!-- Center -->

<?php
// フッターペイン
$tplFile = null;
if($v_footerTpl){
	$tplFile = $v_tplPath.DS.$v_footerTpl;
	if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.$v_footerTpl;
	if(!is_readable($tplFile)) $tplFile = null;
}
if($tplFile){
?>
<div class="bg_footer">
<div id="lay_footer" title="Footer">
<?php include($tplFile); ?>
</div><!-- Footer -->
</div><!-- bg_footer -->
<?php } ?>

</div><!-- col-md-<?=12-$v_col_left?> bg_center -->

</div><!-- row -->
</div><!-- container -->
<?php if($headerFile){ ?>

</div><!-- sticky container -->
<?php } ?>

<?php
// スクリプトペイン
if($v_spTpl){
	$tplFile = $v_tplPath.DS.$v_spTpl;
	if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.$v_spTpl;
	if(is_readable($tplFile)) include($tplFile);
}
?>

</body>
</html>

<?php
/**
 * View
 * センターテンプレート
 *
 */

// Parameters
// $v_tplPath: テンプレートへのPATH
// $v_gTplPath: 共通テンプレートへのPATH
// $v_centerLTpl: センターテンプレート左
// $v_centerRTpl: センターテンプレート右
// $v_errmsg: エラーメッセージ

$v_col_centerL = 8; // センター左カラム数
$v_col_centerR = 4; // センター右カラム数
?>
<?php
// 右ペイン有無のチェック
$tplRFile = null;
if($v_centerRTpl){
	$tplRFile = $v_tplPath.DS.$v_centerRTpl;
	if(!is_readable($tplRFile)) $tplRFile = $v_gTplPath.DS.$v_centerRTpl;
	if(!is_readable($tplRFile)) $tplRFile = null;
}
if(!$tplRFile) $v_col_centerL = 12;
?>

<div class="row">
<div class="col-md-<?=$v_col_centerL?> bg_centerL">
<div id="lay_centerL" title="CenterL">
<?php
// エラーメッセージ出力
if($v_errmsg){
?>
<div class="alert alert-danger" style="margin:10px 0;" role="alert"><?=$v_errmsg?></div>
<?php } ?>
<?php
// 左ペイン出力
$tplFile = $v_tplPath.DS.$v_centerLTpl;
if(!is_readable($tplFile)) $tplFile = $v_gTplPath.DS.$v_centerLTpl;
if(is_readable($tplFile)) include($tplFile);
?>
</div><!-- CenterL -->
</div><!-- col-md-<?=$v_col_centerL?> bg_centerL -->
<?php
// 右ペイン出力
if($tplRFile){
?>

<div class="col-md-<?=$v_col_centerR?> bg_centerR">
<div id="lay_centerR" title="CenterR" style="height:100%;">
<?php
include($tplRFile);
?>
</div><!-- CenterR -->
</div><!-- col-md-<?=$v_col_centerR?> bg_centerR -->
<?php } ?>
</div><!-- row -->