查询帖子并将元信息拆分为单独的div

时间：2012-04-30 作者：javy

我正在尝试复制此处显示的内容展示/滑块的功能：

http://stylewatch.stelladot.com/

从我在HTML中看到的内容来看，似乎有两个div，一个是贴子图像，一个是贴子标题。

我想用wp_list_pages 返回最近的4篇帖子并将它们放在滑块中，但我不太确定如何操作。似乎它们位于不同的分区中-我如何查询帖子并将图像集从帖子名称集中拆分出来？我想我可以进行两次查询，一次查询图像，另一次查询标题，但这似乎不是最有效的方式。

编辑：添加示例所需标记-的内容media-0 和title-0 应该来自同一个岗位。

<div id="slider">

  <div id="slider-images">
    <div id="media-0">
      <img>
    </div>
    <div id="media-1">
      <img>
    </div>
  </div>

  <div id="slider-titles">
    <div id="title-0>
      <div class="title">text</div>
    </div>
    <div id="title-1">
      <div class="title">text</div>
    </div>
  </div>

</div>

1 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

你很难做到这一点wp_list_pages(). 你需要create a custom query loop, 使用WP_Query() 或get_posts().

具有4篇最新帖子的自定义循环

<?php
$recent_posts_query_args = array(
    \'posts_per_page\' => 4
);
$recent_posts = new WP_Query( $recent_posts_query_args );

// Open custom loop
if ( $recent_posts->have_posts() ) : 
    while ( $recent_posts->have_posts() ) : 
        $recent_posts->the_post();

        // Normal post template tags can be used here, just like constructing a normal loop

    // Close custom loop
    endwhile; 
endif;

// Be kind; reset postdata
wp_reset_postdata();
?>
实际使用的标记由您决定。此时，自定义循环标记/输出与任何其他循环类似。

结束
标签： post-meta   wp-list-pages   小码农  

相关推荐