Cách đánh dấu mỗi bài thứ 3

Tôi đang làm việc trên một trang web WordPress cho ban nhạc của mình và tôi muốn đánh dấu mỗi bài đăng thứ 3 trên trang blog của chúng tôi để áp dụng một lớp đặc biệt cho nó, có ai có bất kỳ gợi ý nào về cách đạt được điều này không? Bất kỳ trợ giúp là rất rất đánh giá cao, cảm ơn! đá n cuộn.

Cách tiếp cận của tôi. Không có chức năng bổ sung, không có bộ lọc. :)

<?php $GLOBALS['wpdb']->current_post = 0; ?>
<div <?php post_class( 0 === ++$GLOBALS['wpdb']->current_post % 3 ? 'third' : '' ); ?>>

Thay thế:

<div <?php post_class( 0 === ++$GLOBALS['wpdb']->wpse_post_counter % 3 ? 'third' : '' ); ?>>

Là một bổ sung cho câu trả lời @helgathevikings

Sử dụng post_group () fn mà không gây ô nhiễm không gian tên toàn cầu

1. Sử dụng staticcác biến trong một lớp cho phép hành vi tương tự như có các biến toàn cục: Chúng giữ nguyên vị trí và không thay đổi, trừ khi bạn không thay đổi chúng.
2. Thậm chí tốt hơn (như @Milo đề xuất trong các bình luận), hãy lấy bài đăng hiện tại từ lớp DB.

function wpse44845_add_special_post_class( $classes )
{
    // Thanks to @Milo and @TomAuger for the heads-up in the comments
    0 === $GLOBALS['wpdb']->current_post %3 AND $classes[] = 'YOUR CLASS';

    return $classes;
}
add_filter( 'post_class','wpse44845_add_special_post_class' );

Cập nhật

Chúng ta có thể sử dụng current_posttài sản của các $wp_queryđối tượng toàn cầu . Chúng ta hãy sử dụng một hàm ẩn danh , với usetừ khóa, để chuyển toàn cầu $wp_querybằng cách tham chiếu ( PHP 5.3+ ):

add_filter( 'post_class', function( $classes ) use ( &$wp_query )
{
    0 === $wp_query->current_post %3 AND $classes[] = 'YOUR CLASS';

    return $classes;
} );

Hơn nữa, chúng tôi có thể hạn chế nó vào vòng lặp chính với một in_the_loop()kiểm tra có điều kiện.

nếu chủ đề của bạn sử dụng post_group () để tạo các lớp bài bạn có thể thử. Tôi không chắc chắn 100% về cách nó sẽ xử lý phân trang b / ci không có đủ bài đăng trên bản cài đặt cục bộ của tôi để kiểm tra

add_filter('post_class','wpa_44845');

global $current_count;

$current_count = 1;

 function wpa_44845( $classes ){

    global $current_count;

    if ($current_count %3 == 0 ) $classes[] = 'special-class';

    $current_count++;

    return $classes;

 }

$i = 0;
if ( have_posts ) :
while( have_posts ) :
    the_post();

    $class = 'class="BASIC-CLASS';
    if ( 0 === ( $i % 3 ) )
        $class .= 'YOUR-SPECIAL-CLASS';
    $class .= '"';

    echo "<div {$class}>";
        // do stuff
    echo '</div>';

    $i++;
endwhile;
endif;

Cũng có những cách để làm điều này với CSS và javascript.

Với CSS3, bạn nhắm mục tiêu mỗi bài đăng thứ ba với bộ chọn con thứ n.

article.post:nth-child(3n+0)
{
    background-color: #777;
}

Hoặc với jQuery, bạn có thể thêm lớp CSS bằng cách sử dụng kỹ thuật tương tự.

jQuery(function($) {
    $( "article.post:nth-child(3n+0)" ).addClass("custom-class");
});