WordPressの投稿日と記事タイトルを反映させてお知らせ欄を作ろう!【html→php】

こんにちは!ちづみ(@098ra0209)です!私は今カンボジアにいながらこの記事を書いています。ノマドワーカーです!

今回はhtml、cssファイルをWordPressに導入した時に、投稿の日付、タイトルをphpで出力する方法をまとめています。

ちづみ
要するに
ちづみ
html、cssで作ったこの部分を↓
ちづみ
WordPressの投稿記事の日付とタイトルに反映されるように作っていくよ!

 

ちづみ
ゴールはこうなります!

 

 

 

html

 

 

 

css

 

 

php

 

これを導入します。簡単に言うと、ページの投稿タイプをループで表示してねと言うことです。

あとは日付、記事タイトル部分にテンプレートタブを埋め込みましょう。

 

WordPressのテンプレートタグ

 

記事の投稿日

 

記事のタイトル

 

タイトルをクリックすると記事に飛ぶようにする

今回は記事のタイトル部分をリンクにしてタイトルをクリックすると記事に飛ぶようにしたいので、その場合はリストをこう作ります。

 

これでクリックすると記事ページに飛ぶようになります。

これを踏まえ、記事の日付、タイトルを埋め込んだコードがこちらです。

 

こちらを先ほどのphpのループの中に入れます。

 

こうなります。