0
私は私のwordpressテーマのindex.phpページを編集しています。私はこのようなブートストラップで絵のグリッドを作りたいと思っていますhttps://i.stack.imgur.com/2gqnZ.jpg最新ポストブートストラップグリッドwordpress
私はあらゆるところで感じる時間ですが、私はできません!問題はcol-md-8の最初の記事をcol-md-4の2番目と3番目に、最後の記事をcol-md-12に呼び出す必要があるということです。私は最初の3つだけを思い出し、4つめは思い出さない。これは私のPHPコードです。誰かが私を助けることができる?あなたは
<div class="container-fluid no-gutter">
<div class="row">
<div id="primary" class="content-area col-md-12 no-gutter">
<main id="main" class="site-main" role="main">
<div class="col-md-8 no-gutter">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php if (has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<img class="img-responsive post-thumbnail" src="<?php the_post_thumbnail_url(); ?>"/>
</a>
<?php endif; ?>
</div>
</div>
<div class="col-md-4 no-gutter">
<?php endwhile; ?>
</div>
</main>
</div>
</div>
<div class="navigation">
<div class="alignleft"><p><?php next_posts_link('< Previous Entries') ?></p></div>
<div class="alignright"><p><?php previous_posts_link('Next Entries >') ?></p></div>
</div>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php get_search_form() ?>
<?php endif; ?>