La paginación se utiliza para ordenar páginas secuenciales que están contextualmente conectadas, para brindar continuidad tanto a los usuarios como a los motores de búsqueda.
Ahora, cuando se trata del tema de la paginación de su sitio de WordPress, aquí hay algunos casos de uso:
- Paginación de WordPress para una página de blog principal (esto puede tomar dos formas: ya sea como publicaciones más antiguas/nuevas o como paginación numérica). Sin embargo, las personas prefieren la paginación numérica a la paginación de publicaciones más antiguas/nuevas, ya que es más fácil de usar y mejor «vista» por los motores de búsqueda.
- Paginación de WordPress para una página de lista de productos, en un sitio web de comercio electrónico. En una tienda en línea, las páginas se dividen en estas categorías: página principal de productos, páginas de listas de productos y páginas de productos. La probabilidad de dividir una página en partes más pequeñas es mayor para las páginas de listas de productos.
- Paginación de WordPress para una publicación o página de formato largo. Si una publicación o página contiene demasiado contenido, es posible que deba dividirla en varias páginas. Por lo tanto, es útil saber cómo dividir una página o publicación de formato largo en varias partes.
Ahora, ¿cómo puedes administrar la paginación en WordPress? Bueno, depende de lo que quieras hacer. Es por eso que es posible que necesite leer el artículo completo.
Tabla de contenido
1. Cómo configurar la cantidad de publicaciones para su página de blog de WordPress
Desde el tablero de WordPress, dirígete a Configuración -> Lectura.
Puede configurar la página de inicio de su sitio web para mostrar una lista de las últimas publicaciones. En este caso, también tiene la opción de establecer la cantidad de publicaciones que aparecen en la página principal del blog. Si hay una mayor cantidad de publicaciones totales (que la cantidad de publicaciones que configuró para mostrar en la página principal del blog), WordPress creará una segunda/tercera/cuarta… página que contendrá los otros artículos escritos para su blog.
Cómo establecer un número específico de publicaciones para las páginas del blog:
Si, por ejemplo, el blog ya tiene 10 publicaciones y solo 3 están configuradas para mostrarse en la página principal del blog, WordPress creará automáticamente una paginación para la página principal del blog y colocará las publicaciones restantes en páginas adicionales.
La paginación es numérica y los números tienen el aspecto de enlaces (y se comportan como enlaces: cuando se hace clic en ellos, mostrarán la página n.º 1, la página n.º 2, según el enlace que elija). Debería ser así, porque la gente reconoce cierto formato de enlaces. Esto es mejor no cambiar, para que la experiencia del usuario sea óptima y garantice una navegación efectiva de los usuarios en todas las páginas del blog.
2. Configurar la paginación de WordPress para una página de lista de productos
Puede ser útil dividir una página de lista de productos larga en varias páginas que sean más fáciles de navegar. Para hacer esto, debe tener opciones integradas en el tema que está utilizando para su sitio web.
Por ejemplo, en Mesmerize , debe ir desde el panel de control de WordPress a Apariencia -> Personalizador y establecer la cantidad de productos que aparecerán en la página de lista de productos (basado en el hecho de que previamente instaló WooCommerce para el sitio web y ya hemos puesto en marcha la tienda online):
En el Personalizador, ve a Opciones de WooCommerce.
En Opciones de WooCommerce, busque y haga clic en la sección Opciones de lista de productos.
En la configuración de la página de la tienda, la primera opción se refiere a la cantidad de productos que configurará por página, como se indica en la captura de pantalla anterior.
Por ejemplo, en este caso, establecemos el número de productos por página en 2:
Como el número total de productos es 24, la lista de productos se mostrará en 12 páginas (2 productos por página).
Por lo tanto, la paginación se crea automáticamente. Las páginas tienen números y los números tienen enlaces en ellos, por lo que cuando los usuarios eligen un determinado número, pueden ir a la página respectiva que muestra los productos, en la lista de productos.
*Tenga en cuenta que este es un ejemplo puro, para ejemplificar la visualización automática de paginación basada en una serie de configuraciones previas en el Personalizador. Una página de lista de productos clásica en una tienda pública en línea incluirá más de 2 productos.
3. Paginación de WordPress para una publicación o página de formato largo
En algunos casos, tendrá mucho contenido en una página de su sitio web. Si se trata de una publicación de blog, es mucho más frecuente que se muestre un contenido de formato largo dentro de una sola página de publicación. Para facilitar el acceso y la navegación de los usuarios dentro de ese contenido, es posible que desee dividir la página/publicación en varias páginas.
Aquí se explica cómo agregar paginación a una página de formato largo:
Vaya al panel de administración de WordPress -> Publicaciones o Páginas, según el formato de la página que desee modificar.
En este ejemplo, iremos a Publicaciones y seleccionaremos la publicación que queremos dividir en varias páginas. Haga clic en «Editar», debajo de la publicación de blog respectiva.
Si está utilizando el Editor de WordPress predeterminado, verá la interfaz a continuación. Deberá ir al ícono de configuración en la esquina superior derecha, luego seleccione «Editor de código».
Si está dentro del Editor clásico, verá la interfaz como se muestra a continuación. Deberá ir y cambiarlo al modo «Texto».
Ahora, sin importar el Editor que uses, verás un código HTML tuyo. Deberá encontrar la sección en la que desea realizar la primera división. Inserte este pequeño fragmento de código allí <!- – nextpage- – >
Luego, repita el proceso para cada nuevo salto de página que desee aplicar también a su publicación original.
Al final, no olvide presionar Actualizar publicación para que los cambios se activen.
La paginación se creará automáticamente, debido a la inserción de código para saltos de página. Esta paginación es numérica, cada página correspondiente al artículo recibe un número en una secuencia. Estos números (con enlaces colocados sobre ellos) guiarán a los usuarios a lo largo del artículo, de la página 1 a la página 2 a la página 3, etc.
4. Cómo diseñar filas y números de paginación de WordPress (sin código CSS)
Ahora, la mayoría de las veces, las filas y los números de la paginación coincidirán con la apariencia del tema que está utilizando. Pero, ¿y si quieres hacerle cambios?
Bueno, por lo general, necesitaría usar CSS personalizado o usar un plugin de paginación de WordPress.
Pero también hay otra manera. ¡Ingrese bloques de paginación de WordPress!
Si está utilizando la experiencia basada en bloques , hay bloques de paginación específicos que puede personalizar fácilmente.
Ahora, todo es un bloque en WordPress: desde párrafos e imágenes, hasta tablas y controles deslizantes. De forma predeterminada, WordPress ofrece un conjunto de bloques básicos como un encabezado, párrafo, imagen, botón y más, pero la comunidad de WordPress está desarrollando más, enriqueciendo la experiencia predeterminada. Por ejemplo, el constructor de Kubio incluso anuncia el bloque de paginación. Pero además de los bloques adicionales, también sube de nivel el Editor de bloques, lo que brinda a sus usuarios total libertad sobre el diseño. Porque, seamos realistas. El Editor de bloques predeterminado carece de muchas características.
Ahora, Kubio builder es gratuito y es compatible con cualquier tema.
Entonces, ¡veamos cómo puedes personalizar los bloques de paginación! Hay tres tipos de bloques de paginación en Kubio: paginación, botón de navegación de paginación y números de paginación.
- Agregar un bloque de WordPress
Digamos que estás dentro de una publicación. Veamos cómo puede agregarle cualquier bloque en la experiencia de bloqueo de WordPress.
Primero, ve al signo «+» en la esquina superior izquierda.
Al hacer clic en el signo «+», se abrirá el insertador de bloques. Ahora, como he instalado Kubio, también puedo ver los bloques de Kubio, además de los predeterminados. Los bloques de Kubio tienen íconos azul-verde, mientras que los predeterminados tienen íconos negros. Puede buscar fácilmente un bloque por nombre. Si usa otros plugins que agregarán sus propios bloques, lo más probable es que también tengan íconos de diferentes colores. Ahora, ¿ves los tres bloques de paginación? Puede arrastrarlos y soltarlos fácilmente en una página.
- Cómo personalizar los bloques de paginación dentro del Editor de bloques
Ahora, ¿cómo personalizas los bloques de paginación? Voy a usar el bloque de números de paginación como ejemplo.
Comience haciendo clic en cualquier número del bloque para seleccionar el bloque en sí. Notará que el bloque de números de paginación tiene una barra de herramientas en la parte superior, con varias opciones básicas de edición: posicionamiento del bloque, duplicación, insertar después, insertar antes, bloquear bloque, copiar y pegar estilo (esta es una característica de Kubio PRO), y eliminar bloque.
Mientras el bloque aún está seleccionado, puede notar un panel de edición de bloques en el lado derecho. Aquí es donde sucede la magia de Kubio. Lo que ve a continuación es una actualización de la experiencia predeterminada.
El panel de edición de bloques siempre tiene tres opciones: Contenido, Estilo y Avanzado. Las posibilidades en el interior varían de un bloque a otro.
En este caso, en el nivel «Contenido» puede realizar ajustes en la alineación. de los números Ahora, siempre puede usar el botón de reinicio para volver al estado predeterminado.
En el nivel de «Estilo», puede realizar más cambios en los botones, en los estados normal, de desplazamiento y activo, como: color de fondo y texto, tipografía y espacio entre elementos.
En el nivel «Avanzado» puede personalizar: fondo, espaciado, borde y sombras, tipografía, transformación, divisores, transición, receptivo y varios.
En el caso del bloque de números de paginación, puede hacer cambios de contenedor, número de página, número de página actual y puntos, en los estados normal y flotante, como se ve a continuación:
Como dije, total libertad de diseño, en un creador de páginas de WordPress gratuito: Kubio.
4. Plugins que puede usar para configurar la paginación de WordPress
Ahora, no soy fanático de usar toneladas de plugins en un sitio. Quiero decir, prefiero instalar un creador de páginas, que pueda compensar las características de más de 10 plugins. Cada plugin adicional que agregue ralentizará su sitio. También puede colisionar con las funciones de algún otro plugin.
Pero debe saber que existen algunos plugins que pueden ayudarlo a personalizar la paginación en WordPress. Éstos son algunos de ellos:
- WP-PageNavi . Este es, con mucho, el plugin de paginación de WordPress más popular que existe. Tiene más de 700.000 instalaciones activas. Hay un problema con este plugin. Es un poco técnico, y necesitas algunos conocimientos básicos de codificación. también podría terminar usando algo de codificación CSS.
- WP-Paginar . Este plugin tiene 40,000 instalaciones activas. Requerirá conocimientos de CSS.
- Estilizador de paginación para WooCommerce . Este plugin tiene 1,000 instalaciones activas y se puede usar para diseñar la paginación de las tiendas en línea de WooCommerce.
