【问题标题】:WP - Display latest posts in different boxesWP - 在不同的框中显示最新的帖子
【发布时间】:2026-02-09 14:50:01
【问题描述】:

我试图将静态页面适应 WordPress。在首页,经过一些 品牌 我需要在 4 个不同的 div 中显示最新帖子,并带有“阅读更多”链接。 静态页面是这样的: http://cmshop.site90.com/

我怎样才能做到这一点?你能帮我么。 我正在使用一个看起来像这样的模板:

    <?php /*
    Template Name: No sidebar page
*/ ?>

<?php get_header(); ?>

    <div id="add">
<h1>Ravinto<br>
  &Terveys</h1>
  <img src ="http://akselgumus.com/wordpress1/wp-content/uploads/2014/11/struc.jpg">
</div> <!-- #add -->

<div id="sum"></div>
<div id="sum"></div>
<div id="sum"></div>
<div id="sum"></div>

<?php get_footer(); ?>

最新的帖子应该进入

【问题讨论】:

  • 我会指出你不能有 4x &lt;div&gt; 具有相同 id (sum) 的元素。每个页面的 ID 应该是唯一的,所以要么给他们不同的 ID,要么使用一个类来代替

标签: wordpress


【解决方案1】:

如果我理解您的问题,您只需要在 wp_query 中包含计数器和类,因为更容易使“格式”成为您想要的......我将在这里发布一个示例:

<?php
// The Query
  $query = new WP_Query(array( 'post_type' => 'post', 'cat' => 1   ));
  query_posts( $args );
  $i= 1;
// The Loop
  while ( $query->have_posts() ) : $query->the_post(); ?>
    <div class="sum sum<?php echo $i; ?>">
      <a href="<?php echo the_permalink(); ?>"><?php the_title(); ?></a>
      <p> <?php the_excerpt(); ?> </p>
    </div> 
  <?php $i++;   
  endwhile;
// Reset Query
  wp_reset_query();
?>

然后你就会有

<div class="sum sum1">post content</div> 
<div class="sum sum2">post content</div>
<div class="sum sum3">post content</div>
<div class="sum sum4">post content</div>

祝你好运!! :)

【讨论】:

  • 非常感谢 Matej,你是这个人:)。代码工作正常。现在我可以添加缩略图和样式了。我会问我是否卡住了:)。