在带有自动增量的滑块中显示WordPress最新发布的缩略图

时间:2017-05-18 作者:DaF-Student

我想用它的缩略图只在滑块显示最新的帖子。但我的第一个图形元素有一个类。我可以将类应用于第一个缩略图吗,因为它在下面的html结构中?然后,当用户发布带有缩略图的新帖子时,我可以自动增加其他图像吗?

    <div class="diy-slideshow">
            <figure class="show">
<!-- last recent thumbnail -->
                <img src="http://themarklee.com/wp-content/uploads/2013/12/snowying.jpg" width="100%" />
            </figure>
          <figure>
<!-- second from the last -->
            <img src="<?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
            the_post_thumbnail_url();} ?>" width="100%" />
            </figure>
    <!-- the rest will go on endless -->
    <figure>
    <!-- other latest posts thumbnails -->
    </figure>
          <span class="prev">&laquo;</span>
          <span class="next">&raquo;</span>
        </div>
我的问题是,如何在中显示其他最新的帖子缩略图<figure></figure>, 上面的代码只显示最近发布的缩略图,我想继续显示缩略图,没有限制。

我试图创建的结构:

<div class="diy-slideshow">
                <figure class="show">
    <!-- last recent thumbnail -->
                </figure>
              <figure>
    <!-- second from the last -->
                </figure>

        <figure>
        <!-- thirth from the last -->
        </figure>
       <figure>
        <!-- fourt, fifth,sixth ... from the last -->
        </figure>
              <span class="prev">&laquo;</span>
              <span class="next">&raquo;</span>
            </div>
提前感谢您!

2 个回复
最合适的回答,由SO网友:Vinod Dalvi 整理而成

您可以通过开发如下自定义代码来实现这一点。您可以在此处找到有关WP\\U查询的更多信息https://codex.wordpress.org/Class_Reference/WP_Query

<?php
$args = array( \'posts_per_page\' => 100, \'meta_key\' => \'_thumbnail_id\', \'ignore_sticky_posts\' => 1 );

// The Query
$the_query = new WP_Query( $args );

// The Loop
if ( $the_query->have_posts() ) {

    while ( $the_query->have_posts() ) {
        $the_query->the_post();

        if ( has_post_thumbnail() ) { ?>
            <figure <?php if ( $the_query->current_post == 0 && ! is_paged() ){ echo \'class="show"\';  } ?> >
                <img src="<?php the_post_thumbnail_url(); ?>" />
            </figure>
        <?php }
    }

    /* Restore original Post Data */
    wp_reset_postdata();
}
?>

SO网友:Aniruddha Gawade

使用WP_Query() 获取所有帖子。然后循环浏览这些帖子并生成所需的html。

$args = array(
    \'post_status\' => \'publish\',
    \'posts_per_page\' => -1,
);
$query = new WP_Query($args);
if ($query->have_posts()):
    while ($query->have_posts()) : $query->the_post();
        //html with <figure> to get the_post_thumbnail_url();
    endwhile;
endif;
确保输入必要的参数并检查语法错误。未尝试或测试代码。

结束

相关推荐

自定义用户角色wordPress-授予来宾对edit.php的访问权限,而无需插入/更新/删除

我正在一个网站上工作,我想向客户展示产品的演示版本。为此,他们可以使用来宾帐户登录,我创建了以下角色add_role(\'guest\', __(\'Guest\'), array( \'read\' => true ) ); 当我以来宾身份登录时,我会被重定向到并看到概览页/管理员。php?page=my\\u overview,所以这确实有效,但当来宾单击此overview中的任何项目时,我会收到一条消息,说:您