cambiando la clase de lista de paginación

12
La función

paginate_links() devuelve una lista desordenada con la clase llamada "números de página". ¿Cómo puedo cambiar esta clase?

EDIT

Actualmente, estoy usando el método de curita a continuación.

$return = paginate_links( $arg );
echo str_replace( "<ul class='page-numbers'>", '<ul class="pagination">', $return );

¿Hay alguna manera mejor?

    
pregunta Sodbileg Gansukh 11.12.2013 - 09:41

4 respuestas

8

paginate_links() no ofrece un parámetro y no hay ganchos; consulte source - disponible para cambiar la (s) clase (s). Lo que significa que puede hacerlo como lo hizo o crear su propia función de paginación basada en paginate_links() .

    
respondido por el Nicolai 11.12.2013 - 11:01
11

También estaba buscando la misma solución para usarla con los enlaces de paginación de bootstrap,

el código de abajo está funcionando al 100% en mi tema.

function bittersweet_pagination() {

global $wp_query;

if ( $wp_query->max_num_pages <= 1 ) return; 

$big = 999999999; // need an unlikely integer

$pages = paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'current' => max( 1, get_query_var('paged') ),
        'total' => $wp_query->max_num_pages,
        'type'  => 'array',
    ) );
    if( is_array( $pages ) ) {
        $paged = ( get_query_var('paged') == 0 ) ? 1 : get_query_var('paged');
        echo '<div class="pagination-wrap"><ul class="pagination">';
        foreach ( $pages as $page ) {
                echo "<li>$page</li>";
        }
       echo '</ul></div>';
        }
}

usa la función para llamar en index.php e.g; <?php bittersweet_pagination(); ?> o cualquier otro archivo. También sobrescribo el estilo bootstrap que pueda ayudarte.

.pagination-wrap {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: center;
}
.pagination-wrap .pagination {
    margin-bottom: 0;
    margin-top: 0;
}
.pagination-wrap .pagination > li:first-child > a, 
.pagination-wrap .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination-wrap .pagination > li:last-child > a, 
.pagination-wrap .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.pagination-wrap .pagination > li > a,
.pagination-wrap .pagination > li > span {
    background-color: #4FBEBA;
    border: 1px solid #1BA5A0;
    padding: 10px 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.pagination-wrap .pagination > li > a:hover, 
.pagination-wrap .pagination > li > span:hover, 
.pagination-wrap .pagination > li > a:focus, 
.pagination-wrap .pagination > li > span:focus {
    background-color: #1BA5A0;
    border-color: #189690;
}
.pagination-wrap .pagination .current {
    background-color: #1BA5A0;
    border-color: #189690;
}
.pagination-wrap .pagination .current:hover,
.pagination-wrap .pagination .current span:hover {
    background-color: #189690;
    border-color: #148781;
}
    
respondido por el Aamer Shahzad 24.06.2014 - 18:27
3

para esto necesitas usar el tipo de parámetro

$links = paginate_links( array(
    'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
    'format' => '?paged=%#%',
    'current' => max( 1, get_query_var('paged') ),
    'total' => $posts_array->max_num_pages,
    'prev_text'          => __( 'Previous page', 'twentyfifteen' ),
    'next_text'          => __( 'Next page', 'twentyfifteen' ),
    'type' => 'list'
) );
   echo $links
    
respondido por el bhavesh vala 04.07.2015 - 13:08
1

He creado una clase php que es útil cuando necesitas establecer los nombres de clase de las etiquetas html A y LI.

enlace

    
respondido por el pixeline 09.12.2016 - 00:12

Lea otras preguntas en las etiquetas