用于在每个帖子后插入自定义帖子分隔符的css代码

时间：2014-09-20 作者：Dori

我想添加一个自定义的帖子分隔符来分隔我的帖子。我正在WordPress中使用Enfold主题。组织。我已经找到了问题的答案，但我不懂编码语言。

我知道WordPress使用post循环。我可以在循环中包含代码来生成自定义除法器。我在看代码的时候不明白。

这是我用Short code Ultimate生成的最新代码：

[su_posts posts_per_page="4" tax_term="37,38,48,49,17,18,50,35,51,1" tax_operator="0" order="desc"]
这是我从这个论坛上学到的代码：

while( have_posts() ):
    the_post();

    the_title();
    the_excerpt();

    // if current_post is 1, insert the div
    // note that current_post starts at 0,
    // so this will be after the second post\'s content

    if( 1 == $wp_query->current_post ):
        echo \'<div>My div!</div>\';
    endif;

endwhile;
有人能告诉我如何在WordPress循环中格式化代码以包含我的自定义帖子分隔符吗？

3 个回复
SO网友:Tomás Cot

使用此代码，分隔符插入立柱之间，检查当前立柱是否为第一个立柱，如果不是，则插入分隔符。这样可以避免分隔符出现在最后一个帖子之后，第一个帖子之前。

while( have_posts() ):
    the_post();

    if( 0 < $wp_query->current_post ):
        echo \'<div>My div!</div>\';
    endif;

    the_title();
    the_excerpt();


endwhile;

SO网友:Brad Dalton

if( 0 == $wpsites_query->current_post ):
    echo \'<div>My div!</div>\';
endif;
这将在每次摘录后输出您的div。

这是我使用自定义函数测试的内容。用WordPress等效工具替换genesis挂钩。

add_action( \'genesis_after_entry\', \'wpsites_after_excerpt\' );
function wpsites_after_excerpt() {

if( is_home() && 0 == $wp_query->current_post ){
    echo \'Some Text\';
    }
}

Source

SO网友:Kenneth Odle

您最好使用自定义CSS来完成此操作。WordPress 4.7现在内置了自定义CSS功能，这比编辑主题文件更容易。但是，由于您没有提供指向站点的链接，我们无法告诉您CSS的目标HTML元素。

结束
标签： posts   loop   code   小码农  

相关推荐

Escape current post from loop

我正在创建一个搜索小部件，为此我通过新的WP\\u Query（）使用了一个二级循环；$query = new WP_Query(\'s=searchTerm\'); if ($query->have_posts()){ while ($query->have_posts()){ $query->the_post(); //echo the post } wp_reset_postda