固定ページで投稿記事一覧を表示
固定ページへの一覧表示にあたり
[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ
を参考にさせていただきました
今回は投稿記事を最新１０件取得します
1 2 | <?php $paged = get_query_var('paged'); ?><?php query_posts("posts_per_page=10&paged=$paged"); ?> |
を
1 | <?php get_header();?> |
の下へ書き込みます
次に投稿記事があれば表示するという判定をつけます
1 2 3 4 | <form action="" class="ui-filterable"> <input type="text" id="keywd" data-type="search" placeholder="お店の名前を入力"></form> |
の下へ
1 2 | <br><?php if (have_posts()): while(have_posts()): the_post(); ?> |
を追記します
そして
投稿記事がなかったときの処理を
1 | <?php get_footer(); ?> |
の上に書き込みます
今回はお店がないことを表示したいので
1 2 3 | <?php endwhile; else: ?><p>該当するお店がありません</p><?php endif; ?> |
これでループで表示できるようになりましたが
まだ表示のための処理が書いてないため
見た目はそのままになりますので
次に投稿記事を反映するようにコードをかえます
今の状態だと
1 2 3 4 5 | <li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/tee.jpg" />お茶</a></li><li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/cake.jpg" />ケーキ</a></li><li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/food.jpg" />和菓子</a></li><li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/cofee.jpg" />ゼリー</a></li><li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/blead.jpg" />アイス</a></li> |
ですが、ループ表示なので１つあれば十分です
1 | <li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/tee.jpg" />お茶</a></li> |
だけ残して削除します
次に、お茶の部分を投稿記事のタイトル
リンクを投稿記事にかえます
1 |
を
1 | <?php the_title(); ?> |
へ変更
1 | <a href="shop.html"> |
を
1 | <a href="<?php the_permalink(); ?>"> |
へ変更します
これで保存すると投稿記事が一覧で表示されます
