プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

【PHP開発】002:index.phpを共通部分header、footerに分割して表示させる

f:id:su3se:20190519181220p:plain

前回作った「index.php」を更新していくにあたり、ページが増えてくるとメニューの管理などが面倒になってしまうので各ページで共通となるヘッダーとフッターを分割して管理しやすくしました。

 

header.phpを作る

 <!DOCTYPE html>
<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>ヘッダー部分について</title>
<meta name="description" content="ヘッダー部分に書くことを説明しています。">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="wrapper">
<header>

//ヘッダー部分

</header> 

 

footer.phpを作る

<footer>
//フッター部分
</footer>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./js/init.js"></script>
</body>
</html>

 

index.phpで二つを呼び出す

<?php include("../_inc/header.php"); ?> //ヘッダー共通部分

<div class="contents">
//コンテンツ部分
</div>
<aside class="sidebar">
//サイドバー部分
</aside>

<?php include("../_inc/footer.php"); ?> //フッター共通部分

 

 

他の細かい設定などは参考にさせていただいたこちらの記事をご覧ください。yumegori.com

 

補足

サンプルで掲載されているコードでは「index.php」で「header.php」と「footer.php」を呼び出す際のアドレスが【<?php include("../_inc/header.php"); ?>】になっており「_inc」というフォルダに入っていたのを見落としていてエラーが出ました。ここで疑問も一つ出てフォルダ別けされた「_inc」(アンダーバーインク)というディレクトリの名前の意味は何だとなってPHPコードの前文に「include(インクルード)」とあったのでその略かなと思い調べてみるとプログラミングではよく出てくる表記のようで「含める」という意味になり、プログラミングの場合は「他のファイルに書かれていることを含める」という意味になるとありました。

 参照:https://wa3.i-3-i.info/word12020.html

 

 

今回使ったPHPコード

<?php include("ファイルURL"); ?>

 

PS.

このコードはよく使いそうですね。

あっ!?もしかして、これってWordPressでも使われてるヤツかな!?