hogar > Línea recta > Navegación de la página de Woocommerce. WP-PageNavi - navegación de blog de paginación para WordPress - instala, configura y cambia la apariencia de la paginación. Acerca de la navegación paginada "sin complementos"

Navegación de la página de Woocommerce. WP-PageNavi - navegación de blog de paginación para WordPress - instala, configura y cambia la apariencia de la paginación. Acerca de la navegación paginada "sin complementos"

¡Hola todos!

Sigo escribiendo artículos sobre la navegación del sitio en el motor de WordPress.

Y en este artículo mostraré cómo se realiza la paginación sin complementos y utilizando el conocido WP-PageNavi. Al igual que con, mostraré la implementación de varias maneras para que pueda elegir la que mejor se adapte a sus necesidades. Y hay ocasiones en las que algún método no funciona para alguien. Por lo tanto, habrá algún tipo de red de seguridad.

El material salió muy voluminoso y, quizás, el más completo de la red.

La navegación de página (paginación) es la paginación de información. Si toma muchos sitios en Wordpres, entonces este fenómeno se expresa claramente en el video de la lista de números de página en la parte inferior de cada página con anuncios. En mi blog, esta función se ve así.

El diseño puede ser diferente. Pero su esencia es la misma: paginación de información. Como sabes, por defecto, en página de inicio el sitio muestra anuncios de registros, de los cuales puede haber un cierto número (dependiendo de la configuración en el elemento "Escritura").

Si no desglosamos su número, se mostrarán en una página. Y esto no es bueno, ya que será un inconveniente usar el sitio y la página principal tardará mucho en cargarse, porque con el tiempo habrá una gran cantidad de anuncios.

Normalmente, las plantillas modernas de Wodpress ahora tienen la paginación incorporada. Pero hay una opción cuando no lo es. Entonces tienes que implementar. En cambio, puede haber una paginación de anuncios en forma de enlaces a publicaciones anteriores y siguientes. Esto se expresa claramente en las plantillas estándar.

Esta opción también es inconveniente, ya que cuando retrocedamos 3 páginas, no podremos volver a la página original en un solo paso. Deberá hacer clic 3 veces en las entradas anteriores o en la siguiente. La navegación de la página le permite ser más flexible con el momento.

En general, pasemos a su implementación y el primer paso es incrustarlo en una plantilla sin un complemento. Analicé este método en el video tutorial. Recomiendo mirarlo primero y luego estudiar la versión de texto de las instrucciones.

Lo hacemos sin un complemento

Ahora le mostraré una forma, después de la cual tendrá exactamente la misma navegación de paginación de WordPress que la mía. Todo se hace de forma muy sencilla. Se necesitan 2 piezas de código para colocarlas en los archivos de plantilla y luego diseñarlas para establecer el aspecto. ¡Empecemos!

Aquí está el primer fragmento de código. Debe colocarse en el archivo functions.php de la plantilla de diseño.

function wp_corenavi () (global $ wp_query, $ wp_rewrite; $ pages \u003d ""; $ max \u003d $ wp_query-\u003e max_num_pages; if (! $ current \u003d get_query_var ("paged")) $ current \u003d 1; $ a ["base "] \u003d str_replace (999999999,"% #% ", get_pagenum_link (999999999)); $ a [" total "] \u003d $ max; $ a [" actual "] \u003d $ actual; $ total \u003d 0; // 1 - mostrar el texto "Página N de N", 0 - no mostrar $ a ["mid_size"] \u003d 1; // cuántos enlaces mostrar a la izquierda y derecha del actual $ a ["end_size"] \u003d 1; // cuántos enlaces mostrar al principio y al final $ a ["prev_text"] \u003d ""; // texto del enlace "Página anterior" $ a ["siguiente_texto"] \u003d ""; // texto del enlace "Página siguiente" if ($ max\u003e 1) echo "

"; }

función wp_corenavi () (

global $ wp_query, $ wp_rewrite;

$ páginas \u003d "";

$ max \u003d $ wp_query -\u003e max_num_pages;

if (! $ actual \u003d get_query_var ("paginado")) $ actual \u003d 1;

$ a ["base"] \u003d str_replace (999999999, "% #%", get_pagenum_link (999999999));

$ a ["total"] \u003d $ máx;

$ a ["actual"] \u003d $ actual;

$ total \u003d 0; // 1 - muestra el texto "Página N de N", 0 - no muestra

$ a ["tamaño_medio"] \u003d 1; // cuántos enlaces mostrar a la izquierda y derecha del actual

$ a ["end_size"] \u003d 1; // cuántos enlaces mostrar al principio y al final

$ a ["prev_text"] \u003d ""; // texto del enlace "Página anterior"

$ a ["siguiente_texto"] \u003d ""; // texto del enlace "Página siguiente"

si ($ max\u003e 1) echo "

" ;

Coloqué el código al principio del archivo después de la etiqueta de apertura

En este código, podemos ajustar algunos parámetros:

Línea 10: si cambia el valor de 0 a 1, se mostrará una inscripción del formulario junto a los números de página, por ejemplo, "Página 3 de 45". Puede hacer tal opción, pero creo que en este caso no es necesario, ya que está claro en los números de página cuántas páginas hay en el sitio. Y la página activa está resaltada en un color diferente;
Líneas 11 y 12: a la izquierda y derecha del número de página activa, se debe mostrar un cierto número de números anteriores o siguientes, respectivamente. Aquí mostramos su número. En este código, el valor es 1. Puedes poner 2 o 3. Aquí tendrás que experimentar un poco, ya que cuantos más números, más amplia será la navegación. Todo depende del ancho de la plantilla.

wp_corenavi ();

Dado que la navegación de la página debe mostrarse donde se muestre la lista de anuncios, este código debe colocarse en todos los archivos donde esto sucede:

Página de inicio - index.php;
Páginas de categoría y archivo: category.php y archive.php;
Página de búsqueda: search.php.

Por cierto, en algunas plantillas, la salida de las páginas de categoría y los archivos se pueden realizar en un solo archivo. Tengo el archivo archive.php responsable de esto.

Si su plantilla no tiene navegación para dividir anuncios en páginas, colocamos el segundo código después de que se muestra el contenido. Si tiene enlaces anteriores y siguientes, lo que es más probable, esta opción es más fácil de implementar, ya que solo necesita reemplazarlos con el código proporcionado anteriormente.

Como regla general, la navegación estándar tiene la forma de anterior y siguiente. los enlaces se muestran utilizando un código similar.

← Entradas más antiguas "," veinticinco "));

→"," veinte diez "));?\u003e

< div class = "nav-previous" > ← Entradas más antiguas ", "veinte diez")); ?\u003e< / div >

< div class = "nav-next" > "Las publicaciones más nuevas →" , "veinte diez")); ?\u003e< / div >

Este código puede ser diferente para todos, pero su relleno básico será el mismo. Necesitará encontrar un código que contenga un código llamado next_posts_link y previous_posts_link.

Cuando lo encuentre, puede eliminar de forma segura este contenido del archivo y copiar el código necesario que muestra la navegación de la página en su lugar.

Por lo tanto, debe reemplazar la navegación estándar con paginación en todos los archivos donde hay una salida de anuncios. Di los nombres de los archivos de arriba.

Por cierto, si tiene problemas con este proceso, puede contactarme para obtener ayuda en los comentarios. Trataré de ayudar.

/ * NAVEGACIÓN * / .navigation (float: left; width: auto; margin-left: 216px; margin-top: -2px; font-size: 16px;) .navigation\u003e a (float: left; width: 32px; font -weight: 700; text-align: center; color: # 637b93; text-decoration: none; margin-left: 1px; padding-top: 7px;) .navigation\u003e .current (float: left; font-weight: 700 ; width: 29px; text-align: center; color: # c4c8cc; margin-left: 5px; padding-top: 7px;) .navigation\u003e .prev (float: left; width: 32px; height: 34px; background: url ("images / bow_left.png") no-repeat; margin-left: 0;) .navigation\u003e .next (float: left; width: 34px; height: 34px; background: url ("images / bow_right.png") no-repeat; margin-left: 14px;) .navigation\u003e .dots (float: left; font-size: 14px; font-weight: 700; width: 32px; text-align: center; color: # c4c8cc; padding- arriba: 7px;)

/ * NAVEGACIÓN * /

Navegación (

flotador izquierdo;

ancho: auto;

margen izquierdo: 216px;

margen superior: -2px;

tamaño de fuente: 16px;

Navegación\u003e a (

flotador izquierdo;

ancho: 32px;

peso de fuente: 700;

alineación de texto: centro;

color: # 637b93;

decoración de texto: ninguna;

margen izquierdo: 1px;

acolchado superior: 7px;

Navegación\u003e .current (

flotador izquierdo;

peso de fuente: 700;

ancho: 29px;

alineación de texto: centro;

color: # c4c8cc;

margen izquierdo: 5px;

acolchado superior: 7px;

Navegación\u003e .prev (

flotador izquierdo;

ancho: 32px;

altura: 34px;

background: url ("images / bow_left.png") sin repetición;

margen izquierdo: 0;

Navegación\u003e .next (

flotador izquierdo;

ancho: 34px;

altura: 34px;

background: url ("images / bow_right.png") sin repetición;

margen izquierdo: 14px;

Navegación\u003e .dots (

flotador izquierdo;

tamaño de fuente: 14px;

peso de fuente: 700;

ancho: 32px;

alineación de texto: centro;

color: # c4c8cc;

acolchado superior: 7px;

También es necesario cargar imágenes de las flechas hacia adelante y hacia atrás al alojamiento en la carpeta de imágenes de la plantilla de diseño. ... Para descargar, puede utilizar el administrador de archivos estándar del proveedor de alojamiento. Yo soy.

Cuando hemos colocado los códigos en los archivos functions.php, en todos los archivos que muestran páginas con anuncios y estilos agregados, podemos verificar la funcionalidad de navegación. Todo funciona para mí y en la plantilla estándar se ve así.

Hemos analizado el método sin plugin. Estoy 100% seguro de que si hizo todo como se describe anteriormente, entonces todo debería funcionar para usted con una explosión. También había una segunda opción sin plugin, pero después de mirarla, me di cuenta de que de hecho es la misma opción, solo que ligeramente modificada. Por lo tanto, paso a una forma de implementar la navegación de página utilizando un complemento.

Complemento WP-PageNavi

Primero, descargue el complemento de la página oficial e instálelo en el sitio.

Después de instalar el complemento, también deberá colocar el código que mostrará la navegación en la parte inferior de la página.

Ahora el complemento hará su trabajo y los números de página tendrán la siguiente apariencia.

Por un lado, el diseño no es tan atractivo, pero por el otro, ni siquiera es nada, ya que no hace una monstruosidad. ¡A los usuarios les encanta la simplicidad! Por lo tanto, puede dejar todo así. Si quieres algo más colorido, ahora consideraremos algunas opciones. Mientras tanto, hablaremos sobre cómo configurar wp pagenavi. Los escenarios están ahí y vale la pena hablar de ellos.

Con respecto al primer elemento de la configuración de "Plantillas de lista de páginas", no es necesario cambiar nada en él. Estamos satisfechos. Pasamos a la sección "Configuración de la lista de páginas".

Observo que debe experimentar con todos los parámetros en este punto para encontrar el valor óptimo para usted. Explicaré brevemente de qué es responsable cada parámetro.

Usar estilo: si establecemos el valor en "No", los estilos del complemento se eliminarán y los números de página no se decorarán;

Estilo de lista de páginas: además de la lista habitual de números de página, podemos elegir una opción de lista desplegable;

Mostrar siempre la lista de páginas: la configuración no está habilitada. Desea que la lista aparezca solo donde sea necesario;
Número de páginas para mostrar: es responsable del número de números de página mostrados al principio de la lista. De forma predeterminada, el valor es 5 y en las capturas de pantalla anteriores puede ver qué páginas se muestran exactamente 5;
Rango de páginas para mostrar: si su sitio tiene muchas páginas, esta función será extremadamente útil. Mostrará los números de página después de la lista principal con los valores 10, 20, 30, 40, etc. El intervalo entre estos valores está determinado por el siguiente parámetro;
Factor para rangos de páginas: si establece el valor en 5, el rango de páginas se verá así: 10, 15, 20, 25, etc. Si es 10, entonces 10, 20, 30, 40 y así sucesivamente. Un valor de 10 es suficiente.

Estas son todas las configuraciones que necesita para ajustar según sus necesidades. Aquí todos se ajustarán por sí mismos.

La opción más sencilla es instalar un complemento adicional, que ya tiene estilos preparados, y también permite configurar cada parámetro individualmente. El complemento se llama.

Después de instalarlo, aparece un nuevo elemento en el panel de administración de WordPress.

Después de cambiar a él, podemos seleccionar inmediatamente los espacios en blanco de diseño ya existentes.

Si queremos personalizar los estilos individualmente, entonces en el primer párrafo de la configuración de "Seleccionar hoja de estilo", seleccionamos la opción "Personalizar" y configuramos los parámetros de todos los elementos (bordes y sus colores, colores y tamaños de fuente, colores de enlace al pasar el cursor del mouse, etc.).

Te traduciré todos los parámetros.

Color de título - color del texto "Página 3 de 45";
Color de fondo: color de fondo;
Color de fondo activo / actual: color de fondo del número de página activa;
Tamaño de fuente: tamaño de fuente;
Color del enlace: color del enlace;
Link Mouse Hover / Active Hover: el color del enlace cuando mueves el mouse sobre el número y cuando el número está activo;
Color del borde del enlace: color del borde;
Link Border Mouse Hover / Active Color: el color del borde cuando el cursor del mouse está flotando y el número está activo;
Alinear navegación: ubicación de navegación (izquierda, derecha, centro).

Puede buscar valores de color en Internet o en Photoshop cuando selecciona el color deseado para el relleno.

La opción del complemento no está mal, pero siempre digo que hay que deshacerse de los complementos innecesarios, y en este caso lo es.

La segunda opción se realiza editando el archivo de estilo, que se encuentra en la carpeta con el plugin Wp-pagenavi en el hosting - pagenavi-css.css.

Este archivo está conectado cuando la configuración "Usar pagenavi-css.css" está activa en la configuración del complemento. Por lo tanto, si lo editamos, luego de actualizar el complemento, todos los estilos serán reemplazados por los estándar. Para reemplazar este archivo cada vez y no volver a escribir los estilos, recomiendo hacer lo siguiente:

Edite los estilos en este archivo a los suyos, dando el diseño de navegación de página deseado;
Desactive la configuración "Usar estilo pagenavi-css.css";
Coloque estos estilos en el archivo style.css de la hoja de estilo principal.

De esta forma, estos estilos funcionarán independientemente del complemento. Y no se extraviarán cuando se actualicen. Este es quizás el más la mejor opción diseño de navegación en este complemento, que yo mismo habría hecho. Pero afortunadamente, estoy usando la opción sin complementos, que es lo que sugiero.

Tan amigos. El material resultará muy bueno, como yo. ¿Qué piensas sobre esto? Espero que hayas hecho todo. Si algo no funciona, en los comentarios intentaré ayudar. ¡Escribe, no tengas miedo! Una vez también sufrí mucho y logré entenderlo.

En esta nota, ya quiero terminar esta publicación lo antes posible, ya que tomó mucha energía. Esto es lo que haré. Me despido y me voy a descansar, para luego enterrarme en escribir contenido nuevo.

¡Saludos cordiales, Konstantin Khmelev!

Saludos a los lectores del sitio de mi blog. Hoy compartiré con ustedes la configuración de navegación de la página sin un complemento en el blog. ¿Por qué necesita la navegación página por página en el sitio y qué tiene de útil? es una usabilidad de un blog, gracias a la cual los visitantes del sitio pueden encontrar fácilmente información útil para ellos.

Por lo tanto, antes de pasar a la configuración de navegación, debe configurar un modo de lectura conveniente para sus publicaciones, que se mostrará en la página del blog. Para hacer esto, vaya al Panel de administración - Configuración - Lectura:

y establezca el número de publicaciones mostradas que se mostrarán en cada página:

En este caso, se establecen 5 entradas. Normalmente, un blog mostrará de 5 a 7 entradas por página. Ahora que hemos descubierto estas configuraciones en la parte inferior de la página, vemos la navegación de página estándar de WordPress, que se parece a esto:

Cuando tiene 10-15 publicaciones en su blog y no ocupan más de 2-3 páginas, entonces dicha navegación es bastante conveniente, pero cuando es importante, el blog se llena regularmente de contenido y el número de artículos es cercano a 100 o 200 y todas estas publicaciones se colocan 5 en cada página. ... Entonces creo que no será difícil calcular cuántas páginas se publicarán en el blog. Al mismo tiempo, para que un visitante de su blog no tenga que desplazarse por todas las páginas de un blog de WordPress para encontrar una publicación, la navegación por la página debe tener una apariencia más conveniente y funcional para el usuario:

Esta navegación ayudará a mantener al lector en su blog para que le resulte más conveniente desplazarse por su sitio en busca de publicaciones relevantes para él. Así, volvemos a mejorar que nos ayuden a promocionar nuestro blog.

Se puede mostrar una barra de navegación similar usando el complemento WP-PageNavi. Al mismo tiempo, creo que el blog debería funcionar con la menor cantidad de complementos para no crear cargas adicionales al mostrar el sitio. Por lo tanto, consideraremos una configuración simple de visualización de paginación de WordPress sin un complemento.

Configuraciones técnicas

Abra el Panel de administración - Configuración - Editor - abra el archivo functions.php y al principio pegue el siguiente código:

// Barra de navegación
función wp_corenavi () (
global $ wp_query, $ wp_rewrite;
$ páginas \u003d ";
$ max \u003d $ wp_query-\u003e max_num_pages;
if (! $ actual \u003d get_query_var ('paginado')) $ actual \u003d 1;
$ a ["base"] \u003d str_replace (999999999, ‘% #%’, get_pagenum_link (999999999));
$ a ["total"] \u003d $ máx;
$ a ["actual"] \u003d $ actual;

$ total \u003d 0; // 1 - muestra el texto "Página N de N", 0 - no muestra
$ a ["tamaño_medio"] \u003d 1; // cuántos enlaces mostrar a la izquierda y derecha del actual
$ a ["end_size"] \u003d 1; // cuántos enlaces mostrar al principio y al final
$ a ["prev_text"] \u003d ‘“ ’; // Cita de salto a la izquierda "
$ a ["next_text"] \u003d ‘‘ ’; // Cita de salto a la derecha "

si ($ max\u003e 1) echo '
’;
if ($ total \u003d\u003d 1 && $ max\u003e 1) $ páginas \u003d " Página ' . $ actual. 'Desde'. $ máx. ""." \\ R \\ n ";
echo $ páginas. paginate_links ($ a);
si ($ max\u003e 1) echo '
’;
}

o esta vista:

y reemplace el código resaltado con lo siguiente:

Después de que verifiquemos la configuración en su sitio, debería aparecer la pantalla estándar de la configuración de navegación:

Barra de navegación

*/
.wp-pagenavi (
altura: 50px;
Limpia los dos;

color: # BB7B00;
}
.wp-pagenavi span.pages (
color: # BB7B00;
}
.wp-pagenavi a, .wp-pagenavi span (
decoración de texto: ninguna;
relleno: 6px 9px;
margen: 2px;
fondo: #ffffff;
fuente: negrita 14px Verdana, sans-serif;
color: # 85B6C5;
radio del borde: 5px;
}
.wp-pagenavi a: hover, .wp-pagenavi span.current (
color del borde: # BB7B00;
fondo: # 85B6C5;
color: #ffffff;
}
.wp-pagenavi span.current (
color: # f5f5f5;
fondo: # 85B6C5;
relleno: 8px 9px;
}

Ahora, cuando hemos incluido estilos para mostrar la barra de navegación en WordPress sin usar un complemento, podemos ver un aspecto similar:

Para deshacernos de las páginas duplicadas adicionales que no les gustan a los motores de búsqueda, debemos cerrar la página de la página de indexación. Para hacer esto, al comienzo del archivo functions.php, necesitamos agregar el siguiente código:

/ *** AÑADIR meta robots noindex, nofollow PARA PÁGINAS *** /
función my_meta_noindex () (

si (
is_paged () // Todas las páginas y las de navegación
) (eco "". ' ’." \\ N ";)
}

add_action ('wp_head', 'my_meta_noindex', 3); // agrega noindex, nofollow al encabezado

Guardamos y comprobamos nuestra configuración. Para hacer esto, abra cualquiera de las páginas 2, 3-10, etc., presione Ctrl + U y el siguiente código debería aparecer en la codificación de la página:

Es importante disallow: / page no debe cerrar el archivo robots.txt. de la indexación. Esto completa la configuración, espero que hayas descubierto todas estas codificaciones. Si tienes alguna pregunta, escribe en los comentarios, definitivamente te responderé. ¡Te veo pronto!

En la página principal, así como en las páginas de categorías, archivos y en los resultados de búsqueda, por regla general, se necesita la navegación página por página (también conocida como paginación). Los blogs de WordPress no son una excepción, también utilizan la paginación cuando la salida se divide en varias páginas.

Anteriormente, para implementar esta función, se usaban complementos de terceros o funciones especiales que se colocaban en el archivo functions.php... Sin embargo, con el lanzamiento de WordPress 4.1, la función de paginación se ha integrado en el núcleo del CMS, y ahora las funciones internas de WordPress son suficientes para implementar la navegación de páginas, y no es necesario agregar códigos o complementos de terceros.

Escribí anteriormente sobre una mejora similar de WordPress con respecto a la etiqueta TITLE: https://aboutwordpress.ru/post/wordpress-title/.

Que es la paginación

La paginación es la paginación de información. Además, este concepto significa la numeración secuencial de páginas, denotada por números ubicados en la parte inferior, superior o lateral de la página.

WP-PageNavi - Complemento de paginación de WordPress

El complemento de paginación de WordPress más popular es WP-PageNavi. Para ser justos, hace frente a la tarea de la paginación tan bien que no tiene sentido discutir y comparar otros complementos.

Paginación de WordPress - Complemento WP-PageNavi

Paginación Wordpress sin plugin

Para hacer la paginación en un sitio sin complementos, usaremos la función incorporada de WordPress the_posts_pagination (). En el lugar que necesitamos, inserte el siguiente código (como regla, estos son archivos index.php, categoría.php y otros como ellos):

El resultado de la función the_posts_pagination () será algo como este código HTML:

Eliminar el encabezado H2 de la paginación

El título H2 "Navegación a través de registros" llama la atención de inmediato. Que en la mayoría de los casos no pertenece al sitio. Para deshacerse de él, agregue el siguiente código al archivo functions.php:

/ * Eliminar H2 de la paginación * / add_filter ("navigation_markup_template", "my_navigation_template", 10, 2); function my_navigation_template ($ plantilla, $ clase) (return "

"; }

Configurar páginas de paginación

Por defecto, the_posts_pagination () muestra la primera y la última página, y una página alrededor de la actual. Todos los demás se reemplazan con puntos suspensivos. Este comportamiento se puede cambiar usando argumentos:

show_all - mostrar todas las páginas
end_size: número de páginas al principio y al final de la lista
mid_size: número de páginas a la izquierda y derecha de la página actual

Por ejemplo así:

2, "end_size" \u003d\u003e 2,)); ?\u003e

Estilos de paginación CSS

(3)

WordPress es una plataforma de blogs muy versátil y los complementos pueden hacerla aún más fácil de usar.

Esto también se aplica a la navegación de páginas (paginación) de páginas, que inicialmente falta en WordPress. Pero puede solucionarlo fácilmente eligiendo uno de los 10 mejores complementos para su sitio.

1. WP-PageNavi

Uno de los complementos más populares y utilizados. Usar la función incorporada wp_pagenavi () enlaces familiares ← Atrás | Siguiente → cambiará a una paginación atractiva.

2.Paginación inteligente de WP

Otro complemento útil que tiene una característica muy útil. Puede ir a la página requerida ingresando su número en la ventana adicional.

3. Paginación simple

Uno de los mejores y más fáciles complementos para configurar paginación adicional para publicaciones y comentarios, simplificando enormemente la navegación en su sitio de WordPress.

4. Paginación alfabética

Con este complemento, puede filtrar sus publicaciones y páginas alfabéticamente. Es fácil no solo de instalar sino también de usar.

5. paginación jPages para WordPress

Este es uno de los mejores complementos para crear paginación para páginas de galería, comentarios y más. Transforma galerías en una galería paginada.

6. Paginar

Este complemento le permite crear paginación de páginas de acuerdo con sus requisitos. Puede aumentar la numeración en una página, seleccione el número de unidades para mostrar. De forma predeterminada, puede haber 10 de ellos.

7. Siguiente post Fly Box para WordPress

Uno de los mejores complementos que crea la navegación entre la publicación siguiente y la anterior como un cuadro emergente en el lado izquierdo o derecho de la ventana. Cuando el usuario se desplaza por la página, aparece un cuadro emergente donde puede seleccionar la entrada anterior o siguiente.

8. Complemento jQuery Paginator

El complemento le permite elegir entre 3 tipos de paginación, si establece el parámetro deseado. Este es uno de los complementos de paginación más atractivos que existen.

9. Paginación inteligente

Un gran complemento que ofrece 11 opciones de paginación diferentes.

Prima. Estilos CSS para el complemento WP-PageNavi

Una excelente colección de estilos CSS para los populares complementos de WordPress WP-PageNavi y WP-Paginate. Incluye páginas HTML con hojas de estilo y cada estilo contiene un archivo CSS independiente.

Navegación de página Es lo que todo bloguero debería buscar atención especial... Consiste en mostrar las publicaciones de WordPress página por página. Normalmente, los registros se muestran en un orden jerárquico y, aunque tiene opciones como Registros antiguos y Registros nuevos, no tiene la opción de mostrar los registros página por página con páginas numeradas.

Mediante la navegación página por página, el usuario puede saltar directamente a la página 6 u 8 sin pasar de una página a otra secuencialmente. Dicha navegación también es útil para SEO, los motores de búsqueda prefieren esta navegación, permite a los bots navegar fácilmente a través de los registros en las páginas del sitio. Con los complementos gratuitos de WordPress proporcionados en este artículo, puede agregar paginación a su sitio web.

1 - Navegación de página WP

WP Page Navi Es un complemento popular que permite a los visitantes de su sitio web navegar fácilmente de una página a otra. Reemplazará la opción Entradas más antiguas / Entradas nuevas con una navegación numerada. El complemento no requiere grandes recursos y no afecta la velocidad de carga de la página.

Este complemento es compatible con la mayoría de los temas existentes.

Requiere pocos recursos.
Compatible con SEO.
Muy popular.

2 - Paginación de WP

Este complemento es una buena manera de agregar paginación a su sitio de WordPress, con él puede agregar paginación numerada que muestre la página de inicio, la página central y los números de página final.

Con él, incluso puede agregar navegación de comentarios a las publicaciones, esto hará que la página sea más fácil de cargar.