htmlでサイトパーツテンプレート化
投稿日:2019/1/24 最終更新日:2021/03/03 閲覧数:850
カテゴリー: システム・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'; $title=''; $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 $title;?>|サイトタイトル</title>
<?php endif; ?>
<meta name="keywords" content="共通メタキーワード<?php echo $tag ;?>">
<meta name="description" content="<?php echo $title;?>|<?php echo $drt;?>共通メタディスクリプション">
コメントを残す