montblan9.net

デザインと、趣味と、ときどきアダルト。

2014.12.05 / 

php includeでWEBサイトの運用・更新を楽にするよ!【編集編】

MontBlanc.です。

会社でWEBサイトの制作の他に
サイト運用というのを行っているところで、
少し困っていたことがありました。

状況としては、毎月に1回作品情報を追加するというものなので、
こういったサイトがだいたい4〜5サイトほどあるわけです。
作品情報を更新・追加するだけなら、それほど問題ないのですが、
時々、クライアントさんからこういった依頼が来ます。

「メニュー部分のソレとソレを消して、コレを追加してください」

なんと言いますか、この指示対象のサイトが30ページとかなら、
よーし頑張るぞ!って感じいけるんですが、
歴史あるサイトとかだと、計300ページの更新などを行う場合があるわけです。

まだ、、まだ1回の更新なら大目に見るとしよう。
これが度々あると考えると・・・、、、身の毛がよだちます。

そこで、この対策にPHP様に助けてもらおうと、
ある方法を思いつきました。
それが“php include”を使って複数のページの同じ項目を同時に更新する方法でした。

当初はDWTを使っていたわけですが

こういった事が起きるのは勿論わかっていたことで、
対策もしていました。
それがDWT(Dreamweaver Template)での一括置換です。

この方法も決して悪くはないのですが、
色々と問題がありました。

1.そもそもDreamweaverが無いと使えない(DWTを知らない人も多い)
2.設定方法や更新の方法がちょっと面倒
3.ソースコードが汚くなりやすい
4.DWTの箇所を不用意にいじっただけで大事故

こういったことが、社内で発生し、
この方法は衰退の一途を辿りました。

どうIncludeするのか?

方法としては、以下のように行いました。
まずはinclude前にページを作成してみます。

<html>
  <body>

    <div id="header">
      <h1>ここがヘッダー</h1>
    </div><!--/header-->

    <div id="contents">
      <p>ここにコンテンツ</p>
    </div><!--/contents-->

    <div id="footer">
      <p>ここにフッター</p>
    </div><!--/footer-->

  </body>
</html>

ここではid=”header”とid=”footer”を読み込みたいと思います。

まず、header_inc.phpというファイルを制作し、
id=”header”の記述を切り貼りします。

<div id="header">
  <h1>ここがヘッダー</h1>
</div><!--/header-->

同じくfooter_inc.phpを制作し、id=”footer”内を貼り貼り

これで2点のphpファイルが出来ました。
次のこの2つのファイルをincludeで読み込みます。
この時注意するのが、includeを使うファイルがphp形式でないと、
正常に読み込みません。

以下のようになります。

<html>
  <body>
    
    <?php include('header_inc.php'); // ヘッダーを読み込み ?>

    <div id="contents">
      <p>ここにコンテンツ</p>
    </div><!--/contents-->

    <?php include('footer_inc.php'); // フッターを読み込み ?>

  </body>
</html>

この方法で他のページにも設定。
以後は、header_inc.phpやfooter_inc.phpを更新することで、
index.phpのようにincludeで読み込まれているファイル全てが読み込まれるようになります。
動作を確認するにはWEBサーバーへアップするか、MAMPなどで開発環境を作成する必要があります。

ね?簡単でしょ?

PHPと言うと、THEプログラム言語という印象で、
とっつきにくい印象ですが、簡単な目的であればここまで簡素に作成することが出来ます!
ですが、今はWordpressのような、あらかじめこういった連動機能を備えていることも多いのですが、
会社での更新ベースで運用時の効率化を目指したい場合とか、局所的なメリットはありそうです。

ただ、元々HTMLファイルが多数ある状態で、この方法を行う場合、
HTMLファイルをPHPファイルに変更する必要があります・・・。
その対策方法については、また後日。。

ではでは〜。

Tweet about this on TwitterShare on FacebookEmail this to someoneShare on TumblrPin on PinterestShare on LinkedInDigg this
HTMLincludePHPサイト更新運用

MontBlanc. • 2014/12/05


Previous Post

Next Post

montblan9.netの情報をプッシュ通知で受け取る

montblan9.netの最新情報やイチオシ情報をプッシュ通知で受け取ることができます。>>詳しくはこちら

コメントを残す

Your email address will not be published / Required fields are marked *