【问题标题】:Select a specific blog post just by its position in the ‘latest’ order仅按“最新”顺序中的位置选择特定的博客文章
【发布时间】:2020-05-05 13:06:54
【问题描述】:

我想在我的主页上有 3 行 3 个帖子。这些条目将是前 9 个最近的条目,并且需要做出响应.. 即:缩略图调整得更小,直到它们必须每行只有一个。我只会显示(大约)一个 360×180 的缩略图和图像下方的标题(两者都链接到实际的帖子位置)。

我能想到的唯一方法是编写响应式容器行和列(我的主题是基于引导程序的)。这很容易做到,如果我可以动态地将最近的帖子调用到第一个单元格中,然后将第二个最近的帖子调用到第二个单元格中,然后将第三个最近的帖子调用到第三个单元格中,等等。

有没有办法让 php 知道,比如说,这是第 6 个最近的帖子?你怎么称呼它?

这是我目前在主页上的编码。目前,我正在使用一个循环来解析帖子(注意:我只在测试时包含草稿帖子。)它看起来很棒,直到你得到一个超大的图像,或者开始将窗口调整得更小。然后该行中的图像开始相互碰撞(不调整大小),直到它们最终各自分成一行。

<div class="container blog-posts margin-bottom-60">
  <div class="row">

    <?php $args = array( 'numberposts' => 9, 'order'=> 'ASC', 'orderby' => 'title', 'post_status' => array( 'publish', 'draft') );
        $postslist = get_posts( $args );
        foreach ($postslist as $post) :  setup_postdata($post); ?> 
            <div class="col-md-4 col-sm-4 col-xs-12" style="float: left; display:block">
                <div class="img-responsive" style="margin: 10px; "><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
                <center><h3 class="entry-title" style="text-align: center;"><a class="entry-title-link" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3><center>
            </div>
    <?php endforeach; ?>


    <br clear="all" />
    <br />

    <a class="blog-button" href="/aphrodisiacs-blog/">View More
    >></a>


  </div>
</div>

相反,我希望能够设置一个典型的引导网格,然后如上所述在每个单元格中放置一个帖子。从最近的到第 9 个。

这可能吗?

感谢您的帮助。

干杯, SunnyOz

【问题讨论】:

    标签: php wordpress blogs posts


    【解决方案1】:

    要检索 9 个最近的帖子,您只需更改您的 orderorderby 查询参数。

    代替;

    $args = array( 'numberposts' => 9, 'order'=> 'ASC', 'orderby' => 'title', 'post_status' => array( 'publish', 'draft') );
    

    使用;

    $args = array( 'numberposts' => 9, 'order'=> 'DESC', 'orderby' => 'post_date', 'post_status' => array( 'publish', 'draft') );
    

    或者,也不要指定,因为它们默认解析为DESCpost_date。您可以阅读 WP 查询参数here

    PS:要选择第 6 个最近的帖子,您可以在 foreach 循环中跟踪一个计数器,并在计数器 = 6 时添加条件代码。

    【讨论】:

    • 感谢@ludo 的快速回复。很好地抓住我的错误顺序和参数顺序!还要感谢使用计数器的想法。我确实尝试使用我建议的网格解决方案来解决我的响应式图像问题.. 但很快就放弃它,因为它太繁重了!最后,我只是在 div 和一些 css 中添加了一个类来强制图像响应,(并且还通过参数修复了顺序和顺序)。它就像一个魅力。感谢您的帮助!
    • 哈 - 我确实错过了关于图像尺寸的查询!很高兴您找到了解决方案,并且我对帖子检索的评论有所帮助。干杯!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-04
    • 1970-01-01
    相关资源
    最近更新 更多