そして伝説になりたかった

働きたくない男の雑記・備忘録

htmlでサイトパーツテンプレート化

投稿日:2019/1/24 最終更新日:2020/05/12 閲覧数:323

カテゴリー: WEB>

htmlで作られたサイトを運用しているとイライラしてきますよね。
ページを1つ増やすと無数にあるページのナビゲージョンを全て直さないといけない。
最初は小規模なサイトだったけど、そろそろページも増えてきて大変。
コンテンツが充実してくるのはありがたいけど、作業時間も検証時間も奪われストレスがマッハ。

cms化するほどではないけどなんとかしたい…
そんな方にオススメする簡単テンプレート化の方法を紹介します。

まず前提として、htaccessを使用するので、apacheサーバーである必要があります。
で、htaccessをどうするのかというと、
「htmlをphpファイルとして読み込む」という記述をします。
もうお判りですね。
あとはパーツごとのhtmlファイルを作成するだけです。

htaccess


<FilesMatch ".html$">
  AddType fcgid-script .html
  FCGIWrapper /virtual/lactzyme/public_html/.fast-cgi-bin/php70.fcgi .html
</FilesMatch>

次にhtmlですが、今回はテンプテートパーツを
・head.html
・heder.html
・snav.html
・footer.html

の4種類作成する方法を紹介します。


html


<!DOCTYPE html>
<html lang="ja">
<head>
	<?php $page='top'; $tit=''; $tag='';  $drt='' include ($_SERVER['DOCUMENT_ROOT'] .'/tpl_head.html'); ?>
</head>
<body>
	<header><!--▼ヘッダ-->
		<?php $page='top'; include ($_SERVER['DOCUMENT_ROOT'] .'/tpl_header.html'); ?>
	</header><!--▲ヘッダ-->
	<main>
		<section>
            <!--
                
                省略
            
            -->
		</section><!--△▼メインコンテンツ-->
		<div id="side"><!--▽サイドバー-->
			<?php $page='top'; include ($_SERVER['DOCUMENT_ROOT'] .'/tpl_snav.html'); ?>
		</div><!--△▽サイドバー-->
	</main>
	<footer><!--▽フッター-->
		<?php include ($_SERVER['DOCUMENT_ROOT'] .'/tpl_footer.html'); ?>
	</footer><!--△フッター-->
</body>
</html>

htmlをphpとして読み込んでいるので、もちろんphpが使えます。
ページごとのメタタグなどをそれぞれ設定できるようにしてます。


html(headパーツ例)


<?php if ($page == 'top') : ?>
<title>サイトタイトル</title>
<?php else: ?>
<title><?php echo $tit;?>|サイトタイトル</title>
<?php endif; ?>
<meta name="keywords" content="共通メタキーワード<?php echo $tag ;?>">
<meta name="description" content="<?php echo $tit;?>|<?php echo $drt;?>共通メタディスクリプション">

よく見られている記事

おすすめの記事

管理人について

高専へ入学するがプログラミングが嫌いという理由で機械科を選択。その後勉強が嫌いという理由で高専退学。グラフィックデザインの仕事ができると騙され20歳からweb業界へ就職するも、大嫌いなプログラミングをさせられ続ける毎日が待っていた。未だにプログラミング地獄から脱出できないでいる。

その他管理人についてはこちら
プロフィールとか


コメントを残す