WordPressで記事を2列で表示させたい
WordPressで記事を2列ずつ表示させたいです。
HTML,CSS,PHP,Bootstrap
1記事のカラムの大きさは col-6です。
HTMLで作った時は2列ごとに表示されたのですが、
PHPで記事を読み込むように設定するとなぜか1列表示になりました。
カラムをcol-5に変更すると2列の表示になるのですが、PHPファイルでなぜcol-6が入らないのかがわかりません。
一枚目はindex.htmlでのサイト
二枚目はLocal内でindex.phpです。
該当のソースコード
<div class="row py-3"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?><div class="py-3 col-6"> <div class="bg-white py-1"> <!--サムネイル--> <div class="pb-3"><a href="<?php the_permalink(); ?>"> <?php if ( has_post_thumbnail() ) : ?> <?php the_post_thumbnail( '', array('class' => 'img-fluid' ) ); ?> <?php else : ?> <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/image/noimage.jpg" alt=""> <?php endif; ?> </a> </div> <!--記事タイトル--> <h2 class="h5 px-3 py-1 font-weight-bolder"><a class="text-dark" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <!--カテゴリー--> <div class="px-3 text-white"><a class="text-white px-1" style="background-color:#007399;" href="<?php the_category( ' ' ); ?>"></a></div> <!--日付--> <p class="px-3 text-secondary"><?php the_time('Y/n/j'); ?></p> </div> </div> <?php endwhile; else : ?> <p>記事がありません。</p> <?php endif; ?> </div>
試したこと
・Chromeでの検証
HTMLのサイトもPHPのサイトも記事のサイズは同じでした。
・カラムのサイズを変更
カラムの合計が12より小さいときは列表示されます。
12であるときは同じ列に表示されません。
どうかよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー