하나의 wordpress 루프에 두 개의 열 레이아웃, 어떤 아이디어?

Question

클라이언트가 like this (click here) 레이아웃을 원하지만 많은 아이디어를 시도했지만 결과를 얻을 수 없습니다.

날짜별로 게시물을 가져 오는 데 WordPress를 사용하고 있습니다. 또한 내 테마는이 jQuery Masonry Library을 사용하여 두 개의 열 레이아웃을 얻습니다 (필요한 경우 비활성화 할 수 있음).

저는 두 명의 작가 만 있습니다. 이제 각 저자의 게시물을 두 개의 다른 열에 배치해야합니다. 첫 번째 열에는 Jack (예를 들어)의 게시물과 Kate의 두 번째 게시물 (예 :)이 있어야합니다.

그러나 두 열이 교차하는 게시물도 있습니다.

루프는 날짜로만 게시물을 제공해야하므로 해당 게시물은 어떻게 든 자리를 찾을 수 있습니다.

그건 내 생각입니다.이 게시물의 너비를 편집하는 Kate의 게시물 (예 : 359px)에 대한 수업을 만들 수 있지만 Jack의 게시물에는 기본적으로 360px가 남아 있습니다. 이론적으로 각 열의 최소 너비와 최대 너비를 지정하면 기본적으로 게시물이 다른 열을 가져올 수 있습니다 (기본적으로 석조는 첫 번째 열에 넓은 게시물을 배치합니다). 하지만 각 열 너비를 지정할 수있는 모든 종류의 옵션을 찾을 수 없습니다 (모든 열의 너비를 설정하는 masonry 라이브러리의 columnWidth).

각 열 너비를 지정하는 방법에 대한 아이디어 ?? 아니면이 레이아웃에 대한 다른 아이디어가 있습니까?

하십시오

도움 :

Answer 1

완전히 벽돌 (단지 Isotope를 사용하기 시작)에 있는지,하지만 난 당신이 특정 비 아카이브 페이지에이 일을하지 않는 한, 다음 WP_Query를 사용 query_posts으로 구조 할 수 없음 . 아래 코드는 현재 사용중인 페이지가 Jack과 Kate의 게시물을 이미 쿼리하고 있다고 가정합니다.

<div id="authorColumnsRow"> <!--/* clear:both */--> 
    <div class="author-columns" id="JACK"> <!--/* .author-columns { float:left; width:45%; margin-right:2.5%; } */--> 
    <?php query_posts('author='.$JACKSAUTHORID.'&posts_per_page=2'); while(have_posts()) : the_post(); 
    //do post stuff here, i.e. the_title(), the_permalink(); 
    endwhile; wp_reset_query(); ?> 
    </div> 
    <div class="author-columns" id="KATE"> 
    <?php query_posts('author='.$KATESSAUTHORID.'&posts_per_page=2'); while(have_posts()) : the_post(); 
    //do post stuff here, i.e. the_title(), the_permalink(); 
    endwhile; wp_reset_query(); ?> 
    </div> 
</div> 
<div id="fullRow"> <!--/* clear:both */--> 
<?php query_posts('offset=4'); //To avoid duplicates 
while(have_posts()) : the_post(); 
    //Post stuff for both of them 
endwhile; ?> 
</div> 

희망이 있습니다.