Nueva función: Paginación

Por fin está aquí: ya puedes paginar tus listas de colección y diseñar los botones de anterior y siguiente para las secciones de contenido de tu sitio.

Nueva función: Paginación

Kyle Kilat
Gerente de producto
Ver perfil del autor
Kyle Kilat
Gerente de producto
Ver perfil del autor
Índice de contenidos

Desde su lanzamiento en 2015, Webflow CMS se ha ganado su reputación ofreciendo un nuevo nivel de libertad creativa a diseñadores, equipos de contenido y a todo el mundo, pero siempre le faltó una pieza clave: la paginación.

Y hemos escuchado sus peticiones de paginación alto y claro. Desde los más insistentes:

¡LO NECESITAMOS! ¡POR FAVOR!

Hasta los más secos:

Por favor, añadan esto pronto

Hasta los más desconcertados:

¡¡Vamos!! Paginación... ¿¿cuándo??

Hasta los más… entusiasmados:

¡oh sí nena, tráelo ya!

Y a todos los que han preguntado: gracias por su paciencia, y buenas noticias: ¡la paginación ya está aquí para todos!

El proceso de diseño web moderno

Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.

→
↗
►
↓
←
↑
Leer ahora

Cómo activar la paginación

Enabling pagination in Collection List settings.
Activa la paginación en los ajustes de tu lista de colección.


¿Quizás lo mejor de esta función? Lo increíblemente sencilla que es.

Si tienes una lista de colección que se está haciendo muy larga, solo tienes que activar la paginación en el panel de ajustes de esa lista, elegir cuántos elementos quieres mostrar por página y dejar que tu equipo de contenido se divierta.

Cómo diseñar los botones de paginación

Una vez que hayas activado la paginación en una lista de colección, verás aparecer un nuevo elemento de "paginación" en la parte inferior de tu lista, que contiene tus… redoble de tambores, por favor: ¡botones de anterior y siguiente!

Pagination buttons being styled.
¡¿Adivinas qué hacen estos botones?!

Uno dice "siguiente", el otro "anterior": nunca adivinarías para qué sirven. Vale, eres rápido: sí, sirven para cambiar entre las páginas de tu lista de colección. Y aunque solo puedes mover estos botones dentro de la lista de colección a la que están asociados, puedes darles el estilo que quieras.

Cómo se estructuran las URL

Al cambiar de página en una lista de colección, verás un ID único añadido a la URL en la que te encuentras, junto con una indicación de la "página" que estás visualizando dentro de esa lista (por ejemplo, website.com/posts?1c3de4q6_page=2).

¿Qué sigue?

Aunque la paginación para las listas de colección ya está lista, seguimos trabajando en la compatibilidad con las páginas de resultados de búsqueda; te avisaremos en cuanto esté disponible.

Si tienes más sugerencias o ideas para mejorar la paginación, no dudes en añadirlas a nuestra Wishlist. Mientras tanto, ¡que disfrutes paginando!


Última actualización
December 18, 2018

Artículos relacionados

Cómo crear un slider con el CMS
Cómo crear un slider con el CMS

Cómo crear un slider con el CMS

Cómo crear un slider con el CMS

Desarrollo
Por
Louis Buignet
,
,
Leer artículo
Nuevas funciones: columnas de texto, cursores CSS, listas en texto enriquecido y más
Nuevas funciones: columnas de texto, cursores CSS, listas en texto enriquecido y más

Nuevas funciones: columnas de texto, cursores CSS, listas en texto enriquecido y más

Nuevas funciones: columnas de texto, cursores CSS, listas en texto enriquecido y más

Dentro de Webflow
Por
John Moore Williams
,
,
Leer artículo
Ahora puedes (por fin) crear galerías dinámicas de CMS y Ecommerce
Ahora puedes (por fin) crear galerías dinámicas de CMS y Ecommerce

Ahora puedes (por fin) crear galerías dinámicas de CMS y Ecommerce

Ahora puedes (por fin) crear galerías dinámicas de CMS y Ecommerce

Dentro de Webflow
Por
Gaby Izarra
,
,
Leer artículo
Nueva función: Búsqueda en el sitio
Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Ya están aquí las listas de colecciones anidadas
Ya están aquí las listas de colecciones anidadas

Ya están aquí las listas de colecciones anidadas

Ya están aquí las listas de colecciones anidadas

Dentro de Webflow
Por
Gaby Izarra
,
,
Leer artículo
Te presentamos el nuevo panel de estilos
Te presentamos el nuevo panel de estilos

Te presentamos el nuevo panel de estilos

Te presentamos el nuevo panel de estilos

Dentro de Webflow
Por
Linda Pham
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.