当初インラインフレームでタイトル、ヘッダー、左メニュー、フッダーを整えていたが、左メニューの体裁がイマイチ収まりが悪い。縦の途中で切れるし（CSSで解決した）、真偽はわからないが検索エンジンがインラインフレーム内をインデックスしない場合があるらしい。
SSIを試してみてすっきり表示できたが、なんか表示が重い。レンタルサーバーの注意書きにもSSIの負荷に注意とあったので避けることにした。
そのころ目にした ブログMovable Type関連記事でPHPでモジュール化して軽くする記述を目にした。なるほどこれならということでやってみたら問題ない。タイトル、ヘッダー、左メニュー、フッダーだけでなく <link> <meta>の共通部分もモジュール化できコードの記述がすっきりした。
自分のマシンに PHPサーバーをインストールすればinclude部分が編集・確認しやすくはなるが、セキュリティーがちょっと心配でまだ導入していない。ただ共通部分の体裁用なので特に編集・確認に不都合はないので大丈夫。
とりあえずエディター上での編集・確認のしやすさも考えてこんな感じにしました。
<?php echo '<?xml version="1.0" encoding="UTF-8"?>' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>*******</title>
<meta name="Description" content="*******" />
<meta name="Keywords" content="*******" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" href="http://isuke.com/css/isuke_style.css" type="text/css" /> <? include("http://www.isuke.com/*******.inc"); ?>
</head>
<body onload="initLightbox();">
<div id="*******"> <? include("http://www.isuke.com/*******.inc"); ?> </div>
<div id="*******">
<div id="*******">
<h1>*******</h1>
<p>～本文内容～
</p>
<div id="*******"> <? include("http://www.isuke.com/*******.inc"); ?> </div>
</div>
<div id="*******"> <? include("http://www.isuke.com/*******.inc"); ?> </div>
</body> </html>
とりあえずコードがすっきりしてるので青字部分が確認しやすく編集らくちんです。
» 伊助/isuke »メール » サイトについて » 管理用 Copyright© 2000-2009 伊助(いすけ) www.isuke.com. Some right reserverd.
