¿Quieres valorar este artículo? Gracias

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

Última modificación: 18 octubre 2017

Funciones paginación para WordPress

No todos los temas de WordPress tienen habilitado por defecto la función de paginación, en algunos temas esta función no está habilitada, en otros temas aunque esta función está disponible necesita modificaciones para adaptarla a los requerimientos de tu página.

Funciones paginación

Si necesitas navegación por páginas en alguna sección de tu página web de WordPress a continuación te explico algunas funciones paginación para WP, cada una de ellas crea un tipo de navegación diferente.

Código funciones paginación

Código función paginación con botones

Copia la función dentro del archivo functions.php de tu tema hijo, si lo haces en el padre perderás todos los cambios cuando lo actualices, si necesitas ayuda aquí te explico como hacerlo en pocos minutos con un plugin.

1.- Navegación mediante botones >> Anterior , Siguiente >>

Esta función crea dos botones en tus entradas: anterior y siguiente, si pulsas anterior irás a la entrada anterior a la que estás viendo, y si pulsas siguiente se cargará la siguiente entrada editada. Recuerda que esta función la tienes que colocar dentro del archivo functions.php de tu tema.

Ahora dentro de nuestra template php vamos a realizar las siguientes modificaciones:

debes modificar todos los array de consultas donde incluyas la paginación para recoger el número de página. Añade antes de los argumentos de la consulta la siguiente línea:

modifica los argumentos de la consulta para añadir la variable de página:

tengo una variable $paged que pasa al loop el número de página uno.

El resto del código del bucle lo dejas como está.

//entro en el loop

Cuando termina el loop llamo a mi función.

Ejemplo de llamada para paginación anterior y siguiente (ejemplo función pagination_anterior_siguiente):

Es probable que necesites editar el archivo .css y añadir estilos a los botones de navegación.

Añade en tu archivo de estilos reglas para el diseño de: .pagination, .nav-previous, .nav-next

Código función paginación con botones de título post

Copia la función dentro del archivo functions.php de tu tema hijo, si lo haces en el padre perderás todos los cambios cuando lo actualices, si necesitas ayuda aquí te explico como hacerlo en pocos minutos con un plugin.

2. Navegación mediante botones << título post anterior, título post siguiente >>

Esta función crea dos botones en tus entradas con los títulos del post anterior y del post siguiente. Recuerda que esta función la tienes que colocar dentro del archivo functions.php de tu tema.

Solución error paginación

Código función paginación con números

Copia la función dentro del archivo functions.php de tu tema hijo, si lo haces en el padre perderás todos los cambios cuando lo actualices, si necesitas ayuda aquí te explico como hacerlo en pocos minutos con un plugin.

Ahora dentro de nuestra template php vamos a realizar las siguientes modificaciones:

debes modificar el array de la consulta, antes del array copia la siguiente línea de código:

modifica los argumentos de la consulta para añadir la variable de página:

El resto del código del bucle lo dejas como está.

//entro en el loop

Cuando termina el loop llamo a mi función.

Ejemplo de llamada para paginación con números (ejemplo función custom_pagination):

Por último vamos a editar la plantilla css y añadir estilos para los nuevos elementos HTML creados:

Podrás encontrar el código anterior en el tutorial del blog: callmenick.com. Aunque el tutorial está en inglés es realmente bueno.

Código paginación con números dentro del archivo PHP

Si no quieres crear una función de paginación, también puedes trabajar la paginación directamente sobre la plantilla. En este ejemplo te explico como hacerlo.

Este código trabaja dentro de la plantilla donde quieras realizar la paginación. Abre la plantilla del tema y copia y pega el siguiente código inmediatamente después de terminar el bucle (endwhile;) y antes de vaciar el array de consulta (reset):

3. Navegación numérica: 1 | 2 | 3 | 4

debes modificar el array de la consulta, antes del array copia la siguiente línea de código:

modifica los argumentos de la consulta para añadir la variable de página:

Cómo llamar desde las plantillas (archivos php) a las funciones

Si ya tienes copiadas las funciones en el archivo funtions.php el siguiente paso es preparar el loop para paginación y llamar a la función en aquellas páginas en las que quieras incluir navegación por páginas.

Te explico un poco los pasos con ejemplos:

Es muy importante que la llamada a paginación la escribas después de terminar el bucle y antes de vaciar el array:

Nerea Liebana

Lph by Nerea Liébana

¿Quieres suscribirte al Newsletter?

Web Hosting

Últimos artículos