그리드에 WordPress 게시물 만들기

Question

그래서 요청할 때 내 div가 떠 다니지 않는 이유를 이해하려고합니다. 떠 다니는 div에있는 게시물의 루프를 감싸는 중입니다. 그러나 새 게시물을 추가 할 때 일반적으로 스태킹하는 것처럼 스태킹 중입니다.

내 테마는 완전히 비어있어서 CSS에는 충돌이 없습니다.

/* 내 코드 */

body{ 
    background-color: #fafafa; 
    font-family: 'Open Sans', sans-serif; 
} 



#container{ 
    margin: 0 auto; 
    width: 1000px; 
    max-width: 90%; 
    background-color: #ffffff; 
    overflow:auto; 
    height:auto; 
} 

.blogPost{ 
    float:left; 
    background-color: #D9E8EC; 
    display:inline-block; 
    width: 300px; 
} 

이 게시물이 나열되어 내 인덱스 페이지에서입니다.

<div class="blogPost"> 
<?php get_template_part('entry'); ?> 
<?php comments_template(); ?> 
<?php endwhile; endif; ?> 
<?php get_template_part('nav', 'below'); ?> 
</div> 

Answer 1

저는 약간 혼란 스럽습니다. 서로 옆에 게시물을 표시하고 싶습니까? 그렇다면 코드는 다음과 같습니다 :

<?php 
if(have_posts()) : 
    while(have_posts()) : the_post(); 
     ?> 
     <div class="blogPost"> 
      <?php 
      get_template_part('entry'); 
      comments_template(); 
      ?> 
     </div> 
     <?php 
    endwhile; 
endif; 
?>