WP 사용자 정의 게시 유형 영역 정의

Question

잘하면 내 설명은 분명해질 것입니다!

기본적으로 포트폴리오 작업을위한 영역을 표시하려고합니다. 나는 Wordpress에서 커스텀 포스트 타입을 만들었고 front-page.php로 가져오고 싶습니다. 나는 작업을 표시하고자하는 부분을 지정했습니다 (see image). 짙은 회색 영역은 포트폴리오 항목 만 배치하려는 부분입니다. 그 안에 4 개 게시물 표시되도록

<?php 
$args = array('post_type' => 'Portfolio', 'posts_per_page' => 4); 
    $loop = new WP_Query($args); 
     while ($loop->have_posts()) : $loop->the_post(); 
echo '<div class="home-recent-thumb">'; the_post_thumbnail(); echo '</div>'; 
echo '<div class="home-recent-title">'; the_title(); echo '</div>'; 
echo '<div class="home-recent-copy">'; the_excerpt(); echo '</div>'; 
endwhile; 
?> 

어떻게 내가 PHP에서 영역을 지정 않습니다 각 회색 영역 내가 정의 포스트 유형에 끌어이 스크립트를 사용하고 한 포트폴리오 항목을

를 표시해야합니다 올바른 요소?

Answer 1

레이아웃이 반드시 기존의 "루프"기능에 도움이되지는 않습니다. 즉, 결과를 서로 옆에 배치하지 않으며 외부 라이브러리 (예 : 벽돌 또는 동위 원소)를 언급하지 않았습니다. 각 사각형에 대해 개별 쿼리를 수행합니다. 첫 번째 사용자 정의 포스트 유형 광장에 대한

- 그것은 싶습니다 : 당신의 오프셋

$query = new WP_Query('post_type' => 'Portfolio', 'posts_per_page' => 1, 'offset=1'); 

가 계속 증가 : 같은

$query = new WP_Query('post_type' => 'Portfolio', 'posts_per_page' => 1); 

그리고 (n 번째에) 두 번째가 보일 것이다. 내 마음 속에서 이것은 계속 동적으로 유지되며 네 게시물에 대해 충분히 간단합니다. 다른 점은 다른 사각형과 함께 추가 논리로 점프하는 것입니다.

Answer 2

<?php 
$portfolioPosts = get_posts([ 
    'post_type' => 'Portfolio', 
    'posts_per_page' => 4 
]); 
//first section 
?> 
<div class="home-recent-thumb"><?php the_post_thumbnail($portfolioPosts[0]->ID); ?></div> 
<div class="home-recent-title"><?php echo $portfolioPosts[0]->post_title ?></div> 
<div class="home-recent-copy"><?php echo $portfolioPosts[0]->post_excerpt; ?></div> 
<?php 
//later in code 
//second section 
?> 
<div class="home-recent-thumb"><?php the_post_thumbnail($portfolioPosts[1]->ID); ?></div> 
<div class="home-recent-title"><?php echo $portfolioPosts[1]->post_title ?></div> 
<div class="home-recent-copy"><?php echo $portfolioPosts[1]->post_excerpt; ?></div> 
//et cetera