固定ページで投稿記事一覧を表示

固定ページへの一覧表示にあたり

を参考にさせていただきました

今回は投稿記事を最新１０件取得します

<?php $paged = get_query_var('paged'); ?>
<?php query_posts("posts_per_page=10&paged=$paged"); ?>

を

<?php get_header();?>

の下へ書き込みます

次に投稿記事があれば表示するという判定をつけます

<form action="" class="ui-filterable">
  <input type="text" id="keywd" data-type="search" placeholder="お店の名前を入力
">
</form>

の下へ

<br>
<?php if (have_posts()): while(have_posts()): the_post(); ?>

を追記します

そして
投稿記事がなかったときの処理を

<?php get_footer(); ?>

の上に書き込みます

今回はお店がないことを表示したいので

<?php endwhile; else: ?>
<p>該当するお店がありません</p>
<?php endif; ?>

これでループで表示できるようになりましたが
まだ表示のための処理が書いてないため
見た目はそのままになりますので
次に投稿記事を反映するようにコードをかえます

今の状態だと

    <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>

ですが、ループ表示なので１つあれば十分です

 <li class="ui-li-has-thumbnail"><a href="shop.html"><img src="image/tee.jpg"  />お茶</a></li>

だけ残して削除します

次に、お茶の部分を投稿記事のタイトル
リンクを投稿記事にかえます

お茶

を

<?php the_title(); ?>

へ変更

<a href="shop.html">

を

<a href="<?php the_permalink(); ?>">

へ変更します

これで保存すると投稿記事が一覧で表示されます

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル