2月 182014
 

(本投稿記事の内容はセキュリティーの観点から課題があるかもしれません・・・それを踏まえてご理解下さいませ)

ウェブサイトの構築を猛勉強中!?ですが、なんとか形になってきました。どれ位のスキルになったかというと・・・ちょっとお恥ずかしいですが本ブログのサブサイトである「俺流!バラ栽培」で確認できます。何だこの程度かよ、と言われそうですが・・・

さて、最初は全てのファイルを「HTML」で作成していたのですが、時間と共にやりたいことが増えてきて、特にメニューなんかは新しいページを加える毎に全てのファイルを更新しなければならない・・・こんなことを繰り返していたら、最終的にはめんどくさくなって止めてしまう。

そこで、早い段階で「各 HTML ページに共通している部分を PHP で外部ファイルにする」という方法をとろうと決断しました!即ち、全ての「HTML」に含めたいメニューのような部分を個別に外部ファイルとする・・・ウェブを公開しているサーバーにもよりますが、PHP が利用できるサーバーであれば、どこでもできるのではないでしょうかね!?

「HTML」ファイルからメニュー部分を切り取って、「menu.php」というファイルを作成して・・・必要な所に PHP で「include」させれば良い・・・ってことは、ネットで解るのですが、実際にやってみるとなかなか上手くいきませんでした。

Step 1:index.html から index.php とファイル名の拡張子を変更
Step 2:メニュー部分をそのまま切り取り、新たに menu.php ファイルとしてメニュー部分のみを保存。
Step 3:index.php のメニューを挿入したいところにコード「<?php include ("./xxxxx/menu.php") ?>」を挿入。

上記と同じような方法でヘッダー、サイドバー、フッターを我部ファイルにして、挿入したいところに挿入したコードのサンプルが下の通りです。最初は、PHP ファイルは「<?php」で始まって「?>」で終わる、と信じていたので、ファイルの先頭に「<?php」をコーディングして、最後に「?>」をコーディングにしていましたが、これらは必要ないんですよね!これに気が付いて、削除したら機能し出しました!

<?php include ("./xxxxx/header.php") ?>

<title>ウェブページのタイトル</title>
</head>

<body>
<div id="pagebody">
<!--  Header  -->
<div id="header">
<h1>ヘッダー:タイトル</h1>
<p>サブサイト</p>
</div>

<!-- Menu -->
<?php include ("./xxxxx/menu.php") ?>

<!--  Main Contents  -->
<div id="article">

<!-- ここに本文を挿入 -->

</div>

<!-- contents of Sidebar -->
<?php include ("./xxxxx/sidebar.php") ?>

<!-- Contents of Footer-->
<?php include ("./xxxxx/footer.php") ?>

こうしておけば、menu.php を修正すれば、全てのページのメニューが書き換えられる!ウェブサイトのメンテナンスがとっても楽になりますよね!随分と以前に、HTML でウェブサイトを構築して頃に気が付いていれば、もっと長生きできるウェブサイトになっただろうに・・・


 返信する

(必須)

(必須:アドレスは公開されることはありません)