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>
これで、表示されたのが以下の通りです。
あとは、ご自分好みでサイズ調整をすると素敵なデザインになると思います。
関連記事
-
-
WordPressで画面が真っ白になってしまった時の対処方法
突然画面が真っ白になって、何度試してもページが表示されなくて気分がブルーになってしまった時に試した方法 今回は、テーマの中にあるfunction.phpを編集 …
-
-
ブログ (blog) は、ウェブサイトの一種で、「WebをLogする」という意味でウェブログ (weblog) と名付けられ、それが略されてブログ（Blog）と呼ばれるようになった。 作者の個人的な日 …
-
-
WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた①
WordPressでスポーツチームやサークルまたは、企業やショップなどの人物紹介などのページを作るときに行う方法として、Web製作者それぞれやり方はあると思いますが、独学で学んだ私が作っ …
-
-
前回の記事では、『メニューリストを横から順番に表示させる cssのみ』ということで、 cssだけで動きのあるメニューを作成しました。 今回は、jsファイルに書き込んで同じよ …
-
-
WordPressで画像をかっこよく見せる ワードプレスを使っていて画像を扱うことも多いと思いますが、サイトをかっこよくおしゃれに見せる方法の一つとして、画像に手を加えてインパクトを与え …
