CODEWITHSUNDEEP
wordpresspagination
Nilay Singh
Nilay Singh

Reputation: 2331

Wordpress add class to pagination link

I have a pagination in my wordpress and I want to add a custom pagination here I want to add a custom class to generated link.

I am using this code to generate custom pagination:

function wpbeginner_numeric_posts_nav() {

    if( is_singular() )
        return;

    global $wp_query;

    /** Stop execution if there's only 1 page */
    if( $wp_query->max_num_pages <= 1 )
        return;

    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
    $max   = intval( $wp_query->max_num_pages );

    /** Add current page to the array */
    if ( $paged >= 1 )
        $links[] = $paged;

    /** Add the pages around the current page to the array */
    if ( $paged >= 3 ) {
        $links[] = $paged - 1;
        $links[] = $paged - 2;
    }

    if ( ( $paged + 2 ) <= $max ) {
        $links[] = $paged + 2;
        $links[] = $paged + 1;
    }

    echo '<ul class="pagination">' . "\n";

    /** Previous Post Link */
    if ( get_previous_posts_link() )
        printf( '<li>%s</li>' . "\n", get_previous_posts_link("") );

    /** Link to first page, plus ellipses if necessary */
    if ( ! in_array( 1, $links ) ) {
        $class = 1 == $paged ? ' class="active"' : '';

        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );

        if ( ! in_array( 2, $links ) )
            echo '<li>…</li>';
    }

    /** Link to current page, plus 2 pages in either direction if necessary */
    sort( $links );
    foreach ( (array) $links as $link ) {
        $class = $paged == $link ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
    }

    /** Link to last page, plus ellipses if necessary */
    if ( ! in_array( $max, $links ) ) {
        if ( ! in_array( $max - 1, $links ) )
            echo '<li>…</li>' . "\n";

        $class = $paged == $max ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
    }

    /** Next Post Link */
    if ( get_next_posts_link() )
        printf( '<li>%s</li>' . "\n", get_next_posts_link("") );

    echo '</ul>' . "\n";

}

Here in this code I want to add a class to generated link for that I am doing this:

if ( get_next_posts_link() )
        printf( '<li>%s</li>' . "\n", get_next_posts_link("") );

In this code I want to generate a link like this:

 <li><a href="news_2_cols.html#" class="prev-page"></a></li>

I don't know what do I need to pass in this case.

Upvotes: 0

Views: 4056

Answers (1)

TeeJayEss
TeeJayEss

Reputation: 161

What you'll want to do is use the filter next_posts_link_attributes. This will allow you to add attributes to the links themselves as they are generated

add_filter('next_posts_link_attributes', 'posts_link_attributes');
add_filter('previous_posts_link_attributes', 'posts_link_attributes');

function posts_link_attributes() {
     return 'class="add-your-class-here"';
}

source: https://developer.wordpress.org/reference/hooks/next_posts_link_attributes/

Upvotes: 4

Related Questions