Question

希望我的描述会很清楚！

我基本上试图为要显示的投资组合工作创建一个区域。我在Wordpress中创建了一个自定义帖子类型，我想把它带到front-page.php。我指定了我想要显示的作品的区域（see image）。 深灰色区域是我想放置投资组合项目的地方。每个灰色区域应显示1个投资组合项目

我使用此脚本来提取自定义帖子类型：

<?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中的区域，以便在正确的元素中显示4个帖子？

Answer 1

由于你的布局不一定有利于传统的“循环”功能 - 意思是，你没有将结果放在彼此旁边 - 而你没有提到任何外部库（如砌体或同位素） - 我只会对四个方格中的每个方格进行单独查询。

对于第一个自定义帖子类型广场 - 它希望：

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

第二个（到第n个）看起来像：

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

您的抵消额继续增加。在我看来，这仍然保持动态，并且足够简单四个帖子。另外，你可以通过其他方块进入一堆额外的逻辑。

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

定义WP自定义帖子类型区域

2 个答案: