「PHPの基礎文法（変数・配列・条件分岐・ループ・関数）」を一通り学んだら、いよいよ実践です！
今回は、WordPressを使わずに「PHPだけで簡単なブログ構造」を作ってみましょう。
この記事を通して、「PHPでどうやってWebページが作られていくのか」を体感してみてください。
🎯 目標：PHPだけでブログ一覧ページを表示する
完成イメージ
markdown======================
ブログ一覧ページ
タイトル：PHPを学ぼう！
本文：PHPはサーバーサイド言語です。
タイトル：配列って便利！
本文：データをまとめて管理できます。
タイトル：関数を使いこなそう
本文：処理をひとまとめにして再利用！
======================
🔧 Step 1：投稿データを作る（配列）
まずは、ブログ記事のデータを配列で用意します。
php<?php
$posts = [
[
"title" => "PHPを学ぼう！",
"content" => "PHPはサーバーサイド言語です。"
],
[
"title" => "配列って便利！",
"content" => "データをまとめて管理できます。"
],
[
"title" => "関数を使いこなそう",
"content" => "処理をひとまとめにして再利用！"
]
];
?>
🔁 Step 2：foreachで記事を1件ずつ出力する
次に、foreach を使って記事をループ表示します。
php<?php
echo "<h1>ブログ一覧ページ</h1>";
foreach ($posts as $post) {
echo "<h2>タイトル：" . $post["title"] . "</h2>";
echo "<p>本文：" . $post["content"] . "</p>";
echo "<hr>";
}
?>
🧠 コード全体まとめ（HTML含む）
以下のように、HTMLとPHPを組み合わせることで、よりWebページらしくなります。
php<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>簡易ブログ</title>
</head>
<body>
<?php
$posts = [
[
"title" => "PHPを学ぼう！",
"content" => "PHPはサーバーサイド言語です。"
],
[
"title" => "配列って便利！",
"content" => "データをまとめて管理できます。"
],
[
"title" => "関数を使いこなそう",
"content" => "処理をひとまとめにして再利用！"
]
];
?>
<h1>ブログ一覧ページ</h1>
<?php foreach ($posts as $post) : ?>
<div style="margin-bottom: 20px;">
<h2>タイトル：<?= $post["title"]; ?></h2>
<p>本文：<?= $post["content"]; ?></p>
</div>
<?php endforeach; ?>
</body>
</html>
✨ この練習で得られるスキル
- 配列とループ処理（foreach）の実践力
- HTMLとPHPの組み合わせ
- データの構造化と表示ロジックの分離感覚
- WordPressのループ構造（
have_posts()&the_post()）への理解の土台
🔄 応用アイデア（次のステップ）
- 投稿日付を追加して並び替え
- タグ（配列）を追加してフィルター機能
functionを使って共通出力処理を関数化
📝 まとめ
今回の実践練習では、PHPだけで簡易的なブログ構造を作成しました。
このステップを通じて、PHPでWebページを動的に構築する感覚がつかめたはずです。
次回からはいよいよ、WordPressのテンプレート構成（header.php, index.php など）とテーマ開発に進みます。これまで学んだPHPの知識が、ここで本格的に活かされていきます！
コメント