如何在柱子之间添加填充

时间：2016-12-29 作者：geektripp

最终，我真的很困惑，您究竟是如何创建一个类来影响静态主页“最近的帖子”类型内容区域中的每个帖子的。我希望基本上有一个有背景的帖子，一个空格，然后是下一个有相同背景的帖子，但不是所有帖子背后都有背景。我希望这是有意义的。这是我的代码，但无论我做什么，我一次只能为一篇帖子添加一个ID为的类。

<ul>

<?php $the_query = new WP_Query( \'posts_per_page=5\' ); ?>
<div class="new_home_single"><?php the_post()?></div>

<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>


<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>


<?php the_excerpt(__(\'(more…)\')); ?>


<?php 
endwhile;
wp_reset_postdata();
?>
</ul>

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

Wordpress已经为每个帖子生成了类，您可以使用post_class 作用

Note: 该函数可以在循环中使用，也可以通过传递$post_id

所以你会

<ul>
    <?php $the_query = new WP_Query( \'posts_per_page=5\' ); ?>

    <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>

        <div id="post-<?php the_ID(); ?>" <?php post_class( \'post\' ); ?>>
            <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>

            <?php the_excerpt(__(\'(more…)\')); ?>
        </div>

    <?php
    endwhile;
    wp_reset_postdata();
    ?>
</ul>

SO网友:iguanarama

我希望这是有意义的。

部分：）但如果我理解正确，并且您想为每个帖子摘录设置样式，那么您需要在其周围设置一个容器，以便使用CSS进行引用。目前，您的类“new\\u home\\u single”位于while循环之外，因此单个类将应用于所有帖子摘录。

因此，对代码最简单的更改是在摘录周围添加一个包装器，如下所示：

<div class="post-excerpt">
    <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
    <?php the_excerpt(__(\'(more…)\')); ?>
</div>
然后使用一些CSS来设置每个摘录的样式，使用边距而不是填充来在每个摘录之间留出无背景空间：

.post-excerpt {
     background-color: #dddddd;
     margin: 2rem 0;
}

标签： posts   wp-query   post-class   小码农  

相关推荐

GET_POSTS查询大约需要40秒来执行

我在get\\u帖子中有一个元查询，它需要花很长时间才能完成。它工作得很好，但只是时间太长了。我有一个名为event. 在每个event 发布后，有自定义元数据：post\\U sort\\U日期（事件日期YmdHis 格式，用于排序）我需要做的是获取下一个事件，该事件相对于$year 和$month 变量。所以如果$year = 2021 和$month = 10 （2021 10月）然后应该在2021 11月或之后找到第一个事件。我下面的查询很好，但很慢。执行大约需要40秒，我不知道为什么。$next