WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた⑤
投稿日:
1.選手一覧、メンバー一覧表示
選手登録を、とりあえず5名登録したら、今度は一覧表示で見てみたいです。
そこで、前回説明した「archive-member.php」を使って表示させることにします。
以下のようにアイキャッチ画像のサイズだけ変更します。
別に変更しなくても良いですが、せっかくなので少し手を加えたいと思います。
the_post_thumbnail(‘member’);のところです。
前回、子テーマのfunctions.phpに記述した画像サイズ’member’を付与しました。
<div class="row" id="main"> <?php if (have_posts()) : while ( have_posts() ) : the_post(); ?> <article <?php post_class();?>> <div class="card-block"> <div class="post_links"> <span class="post_thumb"> <?php if(has_post_thumbnail()) { the_post_thumbnail('member'); }else{ echo '<span class="noimage">'.esc_html__( 'no image', 'liquid' ).'</span>'; } ?> </span>
これで、表示されたのが以下の通りです。
あとは、ご自分好みでサイズ調整をすると素敵なデザインになると思います。
関連記事
-
-
Webサイトを作るときに、画像やメニューなどを横並びにして、しかもレスポンシブ対応にしたい! そんなことを思ったことがあると思います。(きっと 😛 ) いろんな方法がありますが、簡単にできる方法をご紹 …
-
-
サイトを作り始めの頃、作ってしまったカスタムフィールドだけど、いらなくなったものを消したいのにどうやれば消すことができるんだろうって思っていました。 カスタムフィールドが多くなって訳がわからなくなった …