本日はホームページ制作で、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の管理画面から記事を追加するだけで反映される
