共通パーツ読み込み(php)

主に、ヘッダー・フッターなど、共通部分の読み込みを、効率よく管理・更新したいために、パーツ化をおこないたい。
PHP での組み込みが理想ではあるが、どうしても PHP が使えない環境(イントラ内や、そもそも Windows Server で PHP を動かしていないサーバ)においては、jQuery版;https://note.com/itmsj/n/n5ba6113a4154 を参考にしていただけると良いと思う。

親PHP 側

読み込みファイルに、HTML しか記述していなくても、ファイルとしては、PHP として読み込むため、.php で読み込む部分まるごとをファイル化して、include 文で読み込む。

<!-- SP Menu -->
<!-- incl_menu --><?php include $_SERVER['DOCUMENT_ROOT'] . '/incl/incl_menu-sp.php'; ?>
<!-- /SP Menu -->
<!-- PC Menu -->
<!-- incl_menu --><?php include $_SERVER['DOCUMENT_ROOT'] . '/incl/incl_menu-pc.php'; ?>
<!-- /PC Menu -->

include 内容側

incl_menu-sp.php 等

<ul class="drawer-menu" class="Pc_dis">
<li>Text...Text...Text...</li>
<li>Text...Text...Text...</li>
<li>Text...Text...Text...</li>
</ul>

incl_menu-pc.php 等

<div id="menu_wrap" class="Sp_dis">
<div>Menu...Menu...Menu...Menu...</div>
</div>

PHP が動作するサーバ上であれば、サーバから出力されるソースコード自体が

<!-- SP Menu -->
<ul class="drawer-menu" class="Pc_dis">
<li>Text...Text...Text...</li>
<li>Text...Text...Text...</li>
<li>Text...Text...Text...</li>
</ul>
<!-- /SP Menu -->
<!-- PC Menu -->
<div id="menu_wrap" class="Sp_dis">
<div>Menu...Menu...Menu...Menu...</div>
</div>
<!-- /PC Menu -->

という HTML となって出力される。

HTML として生成されて表示されるため、この後に JavaScript など、ブラウザ側から発動する記述が存在してもどのタイミングであっても機能する。


この記事が気に入ったらサポートをしてみませんか?