垂直选项卡上最新帖子的活动链接

时间:2016-03-25 作者:dimerbox

我正在尝试添加css类.is-active 到循环内的垂直选项卡链接。

默认情况下,页面首先加载最新的帖子。如何使用激活最近的选项卡/帖子.is-active?

<?php
    $races_2016=\'0\';
    $args = array(
    \'post_type\' => \'races\',
    \'order\'     => \'DESC\',
    \'parent\'    => \'$races_2016\',
    \'orderby\'   => \'date\',

);

$the_query = new WP_Query( $args ); ?>

<!-- Tab Buttons -->
    <div class="vertical-tabs">
    <p><?php echo date(\'Y\'); ?> Race Results</p>
    <?php if ( $the_query->have_posts() ) : while ( $the_query->have_posts()) : $the_query->the_post(); ?>

        <a href="javascript:void(0)" class="js-vertical-tab vertical-tab page-item" rel="<?php the_ID();?>">
        <?php the_title(); ?>
        </a>

        <?php endwhile; else: ?>    
        <?php endif; ?>
        <?php  wp_reset_postdata(); ?>

    </div>
    <!-- Tab Buttons -->

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

WP_Query 提供current_post 从0开始的循环内的属性。所以,如果你想以循环中的第一篇文章为目标,你应该检查一下$the_query->current_post 等于0:

if ( $the_query->current_post == 0 ) {
 echo \'is_active\';
}