WordPressのPHPに挑戦しました！

本日はホームページ制作で、HTMLサイトをWordPress化するためのPHP編集を進めました。

これまではHTMLやCSSを中心に触ることが多かったのですが、今回はWordPress特有のPHPコードを扱う機会がたくさんありました。

特に苦戦したのは、投稿一覧や記事ページの表示部分です。

ニュース一覧を表示するために、

* get_posts()

* foreach

* setup_postdata()

などを使用しながら、投稿データを取得して表示する仕組みを学習しました。

また、

* アイキャッチ画像の表示

* カテゴリー表示

* 投稿日の表示

* 記事タイトルの表示

などもPHPで動的に表示できるよう調整しました。

---

WordPressはHTMLだけでは作れない

静的なHTMLサイトであれば、一つひとつ手作業で更新する必要があります。

しかしWordPressでは、投稿を追加するだけで一覧ページや詳細ページに自動で反映されます。

その仕組みを支えているのがPHPです。

実際に触ってみると、

「なぜこのコードで動くの？」

と思う部分も多く、まだまだ勉強が必要だと感じました。

---

少しずつ理解できるようになってきた

最初はエラーが出るたびに焦っていましたが、

* PHPの記述場所

* WordPress独自関数

* ループ処理

など、少しずつ理解できるようになってきました。

デザインだけでなく、WordPressの仕組みも学びながら制作を進めています。

本日はここまで！

【before】（HTML）

<h2>NEWS</h2>

<div class="news-item">

  タイトル

</div>

📝 固定で表示

毎回HTMLを編集しないとニュースを追加できない

【after】（WordPress）

<?php foreach($posts as $post): ?>

<h2><?php the_title(); ?></h2>

<?php endforeach; ?>

📝 投稿した記事を自動表示

WordPressの管理画面から記事を追加するだけで反映される