• 共通パーツをインクルード処理|コンテンツならサイトロジック

    • 会社概要
    • サイトマップ
  • コンテンツならSITELOGIC.
    • コンテンツならサイトロジックTOP
    • ホームページ制作
    • WEBシステム
    • イラスト・デザイン
    • クリエイター紹介
    • お問い合わせ
      1. コンテンツならサイトロジックTOP
      2.  > WEBシステム
      3.  > PHPプログラム
      4.  > 共通パーツをインクルード処理

      共通パーツをインクルード処理

      ホームページを作るとき、たいていの場合は、コンテンツが共通のレイアウトとなるはずです。

      要するに、たくさんページがあっても、その中には同じHTMLな部分があるわけです。

      例えばヘッダーやナビゲーションメニュー、フッターなどですね。

      こうした部分に、もし変更があった場合、普通の作り方をしていると、全てのページの該当箇所を書き換えて、サーバーに全てのページを上書きしなければなりません。

      こうした共通パーツをひとつのファイルに集約してしまい、各ページからプログラムによって読み込む処理をインクルード処理といって、簡単なPHPプログラムで実現できます。

      例えばこのようなHTMLページがあったとします。

      元のHTMLソース
      <!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">
      	<head>
      		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      	</head>
      	<body>
      		<dl>
      			<dt>コンテンツならサイトロジック</dt>
      			<dd>
      				<p>コンテンツ制作ならおまかせください!</p>
      			</dd>
      		</dl>
      	</body>
      </html>
      

      この例の1行目から6行目をヘッダーとして、全ページ共通にしたいので、「header.inc」というファイル名で、下記のように切り出したファイルを作成します。

      インクルードファイル1:header.inc
      <!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">
      	<head>
      		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      	</head>
      	<body>
      

      また、この例ではたったの2行ではありますが、13行目から14行目のほうも全ページ共通になるので、これも「footer.inc」というファイル名で別にしておきましょう。

      後々、アナリティクスなどのアクセス解析タグを入れたりするのに便利です。

      インクルードファイル2:footer.inc
      	</body>
      </html>
      

      さて、本体のファイルですが、ここに初めて少しだけのプログラムが出てきます。拡張子が「.php」である点に注意してください。

      本体:index.php
      <? include_once("header.inc"); ?>
      		<dl>
      			<dt>コンテンツならサイトロジック</dt>
      			<dd>
      				<p>コンテンツ制作ならおまかせください!</p>
      			</dd>
      		</dl>
      <? include_once("footer.inc"); ?>
      

      1行目と8行目が、それぞれパーツ化されたヘッダーとフッターをインクルードするための命令文です。

      簡単な内容ではありますが、ダウンロードしてお試し頂けるファイルを用意してみました。

      include.zip(1KB)

      あとは、この3つのファイルをサーバーの同じ階層にアップロードして、index.phpをリクエストすれば、元のソースと同じ結果が出ます。

      このようにPHPプログラムでは、普通にHTML文として書いていく中で、プログラム処理したい部分だけを「<? ~ ?>」の記号で括ってやることで機能しますので、HTMLしかわからない、という人でも徐々に覚えていくことができます。

      1. Copyrightの年を自動更新する
      2. 共通パーツをインクルード処理
      3. 次の記事はありません

      • ホームページ・イラスト・システム開発|お問い合わせはこちら
        お気軽にご相談ください
          • 例)info@sitelogic.jp

          • 例)山田太郎

        送信する

      新着記事一覧サイトロジックのノウハウを公開!

      サイトロジックでは、コンテンツ制作に関わるさまざまなノウハウを、惜しみなく公開しています。
      コンテンツ制作のご参考に、ぜひお役立てください。

      • インターネット成功の基準
      • MovableTypeでリンクを相対パスに
      • リンクのデザイン性について
      • SEO効果検証を公開
      • インデックス数を稼ぐ
      • MovableTypeとは?
      • イラストの役割
      • CSSを解除するJavascript
      • バックリンクの効果
      • 共通パーツをインクルード処理

      全21件の記事中最新の10件を表示 >> 続きを見る

      話題のキーワードでニュースを検索!
      • 山本優希
      • 三浦力
      • つるつるわかめ
      • 田原成貴
      • 馬其頓
      • CNNGo
      • ワルデマール・チェルピンスキー
      • 二科展 2010
      • めちゃイケ オーディション
      • 愛知ドビー
      • 沢尻エリカ
      • 工藤静香
      • iTunes 10
      • おかゆうた
      • 縄文ファーム
      • 秘密
      • ナイジェル・モーガン
      • 前田華代子
      • アンリトンルール
      • 村上範和
      • >> キーワードアクセスランキング

    ▲戻る

  • 共通パーツをインクルード処理|コンテンツならサイトロジック
      • コンテンツならサイトロジックTOP
      • キーワードアクセスランキング
      • 会社概要
      • サイトマップ
      • お問い合わせ
      • CSSを解除
      • ホームページ制作
        • WEBコンサルティング
        • SEO対策
        • アクセス解析
      • WEBシステム
        • システム研究
        • PHPプログラム
        • Javascriptプログラム
        • movabletype
      • イラスト・デザイン
        • ホームページデザイン
        • イラストレーション
        • ロゴデザイン
        • FLASH
      • クリエイター紹介
    Copyright©2010 KCP Co.,Ltd. AllRights Reserved.