Red de conocimiento informático - Conocimiento informático - Varios métodos para implementar la paginación de WordPress

Varios métodos para implementar la paginación de WordPress

Wordpress tiene muchas funciones de paginación integradas. Puedo completar fácilmente la función de paginación pasando parámetros. Siempre que tenga ciertos conocimientos básicos de CSS, echemos un vistazo a ellos.

Uno, paginate_links()

Ejemplo: 0, 'before_page_number' => '', 'mid_size' => 2 ,));?>

II. the_posts_pagination()

Ejemplo:

the_posts_pagination( array('mid_size) ' => 3, 'prev_text' => 'Página anterior', 'next_text' => 'Página siguiente', 'before_page_number' => '<span class="meta-nav screen-reader-text">primero ', 'after_page_number ' => ' página ',));

3. coloque el siguiente código en el tema Funciones de directorio.php

//Función de código de paginación par_pagenavi($range = 3){

global $paged, $wp_query;

if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}

if($max_page > 1){if(! $paged){$paged = 1;}

if($ paginado! = 1){echo "? " ;}

if($max_page > $rango){

if($paginado < $rango){for($i = 1; $i <= ($rango + 1 ); $i++){echo "

if($i==$paged)echo " class='current'"; echo ">$i";}}

elseif($paged >= ($max_page - ceil(($range/2)))){

para ($i = $max_page - $rango; $i <= $max_page; $i++){echo "

if($ i==$paged)echo " class='current'";echo ">$i";}}

elseif($paged >= $rango && $paged <($ máximo

_page - ceil(($rango/2)))){

for($i = ($paginado - ceil($rango/2)); $i <= ($paginado + ceil(( $rango/2))); $i++){echo "$i";}}

else{for($i = 1; $i <= $max_page; $i++){echo "

if($i==$paged)echo " class='current'";echo ">$i";}}

next_posts_link(' ?') ;}}

Llame al método en la plantilla:

Con una pequeña descripción del estilo CSS:

#page{width:100%;height:36px;line-height:36px;text-align: izquierda; desbordamiento: oculto; margen izquierdo: automático; margen derecho: automático; pantalla: bloque; texto-align: -moz-center;*text-align:center;text-align:center}#página a{text- decoración: ninguna; color:#FFF;fondo:#282828;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}#page a:hover, # página a.current{color:#FFF;fondo:#32a5e7}.