wordpressで①画像のように列で表示したいのですが、②画像のように縦一列で表示されてしまいます。ちなみにbootstrapを使用してレイアウトしています。初心者で説明不足かもしれませんが、おわかりの方いらっしゃいましたらご教授お願い致します。
<?php $args = array( 'post_type' => 'gourmet', 'posts_per_page' => 8, ); ?> <?php $my_query = new WP_Query( $args ); ?> <?php while ( $my_query->have_posts() ) : $my_query->the_post(); ?> <!-- ▽ ループ開始 ▽ --> <div class="mb-1 row mx-2"> <div class="col-6 col-md-2 p-1 "> <div class="staff-list"> <a href="<?php the_permalink(); ?>"> <?php if ( has_post_thumbnail()) : ?> <?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id, true); ?> <img src="<?php echo $image_url[0]; ?>" class="thumb w-100"> <?php endif; ?> <div class="mask"> <div class="staff-name "><?php the_title(); ?></div> </div> </a> </div> </div> </div> <!-- △ ループ終了 △ --> <?php endwhile; ?> <?php wp_reset_postdata(); ?>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。