PHPで投稿情報を取得!NEWSカードを作成しました
記事
デザイン・イラスト
WordPress化でNEWS一覧を作成しました!
本日はWordPress化の作業を進めました。
ニュース一覧を動的に表示するためのPHPコードを学習しながら、NEWSカードの作成を行いました。
---
#投稿情報を自動で取得
今回作成したNEWSカードでは、
(デザインを少し変えました)
WordPressに投稿した記事の
* アイキャッチ画像
* 投稿日
* カテゴリー
* 記事タイトル
を自動で取得して表示しています。
例えば、
```php
the_post_thumbnail();
```
でアイキャッチ画像を表示し、
```php
the_title();
```
で記事タイトルを表示できます。
---
カテゴリーの取得に苦戦
今回特に印象に残ったのはカテゴリー表示です。
```php
$categories = get_the_category();
```
でカテゴリー情報を取得し、
```php
wp_list_pluck()
```
や
```php
implode()
```
を使って複数カテゴリーを表示しました。
コードの意味を理解するのに少し時間がかかりましたが、
「投稿情報を取得する → 必要な情報を取り出す → 表示する」
という流れが少しずつ理解できてきました。
---
HTMLとの違い
HTMLだけの場合は、
ニュースを追加するたびに手作業で更新する必要があります。
しかしWordPressでは、
投稿するだけで一覧ページに自動反映されます。
実際にコードを書いてみることで、
WordPressがどのように情報を管理しているのか学ぶことができました。
学んだこと
最初はPHPを見るだけで難しく感じていましたが、
実際に
* the_permalink()
* the_post_thumbnail()
* get_the_date()
* get_the_category()
* the_title()
などを使いながら制作することで少しずつ理解が深まってきました。
WordPress化はまだまだ勉強中ですが、一歩ずつできることを増やしていきたいと思います!
本日はここまで✨