【WordPressテーマ】自作テーマ作成の記録 その6【2つ目】

PHP
スポンサーリンク

こんにちは朱夏です。

WordPressテーマ自作やっていきます。
今回は、投稿ページ読み込みや固定ページ読み込みなどの対応をしていきたいと思います。

今回も勉強させていただきます。

それではやっていきましょう。

コード

先にコードを貼っておきます。

 

投稿記事を書くと自動で一覧に表示されるようになりました。
やっていることは以下のような感じです。

    1. 投稿記事があるかを検索
    2. サムネイルがあれば取得
    3. 記事タイトル、カテゴリ、本文、投稿日時を取得
    4. 取得した情報を表示
    5. 投稿記事の個数or表示個数の上限まで1~4を繰り返す

1作目のテーマも同じような事をやっていたと思うのですが、実装方法はちょっと違いますね。
今回は、まだ投稿記事が0件だった場合、記事がないメッセージを出すように、アイキャッチ画像がなかった場合、代替の画像を表示するようになっています。

ここで、投稿記事の一覧表示ですが、画像とテキストを縦並びに表示を切り替えました。

 

実行結果

表示結果は以下のような感じになりました。

 

画像を縦に並べた方が横に並べてた時より見栄えが良くなった気がします。
リンクはカード全体どこでもクリックすれば行けるようになっているのでスマホでも操作しやすくなっている感じですね。

 

あとがき

というわけで、投稿記事一覧を取得できるようにしました。
WordPressのテンプレートタグを使うことで割と簡単に実装できました。

使用するタグは、参考動画の動画説明欄で提供してくれていますので、参考に見てみると良いと思います。
あと、動画でも出てきた公式のテンプレートタグのページも参考までにリンクを貼っておきます。

最初のうちはどれが何かわからないと思いますが、そのうちやりたいことに合わせてこのテンプレートタグ一覧から探して使うことになる日が来るかもしれません。

というわけで今回はここまでです。
次回もよろしくお願いします。

 

タイトルとURLをコピーしました