Gestionar la página de índice del blog
El índice del blog es una entrada de Pages con un bloque de listado de blogs. Edite el diseño, los filtros y la paginación en la pestaña Attr del editor de páginas, enlace la página en Navigation y deje el estilo de los artículos individuales en Settings → Blog Post.
El índice del blog es una entrada de Pages (normalmente una página de blog) con un bloque de Blog listing que extrae las entradas publicadas. Los visitantes descubren sus escritos a través de esta página y del enlace de menú que añada en Navigation.
Índice frente a entrada individual: Todo en esta página se controla en el Page Editor desde el bloque Blog listing (pestaña Attr). El aspecto de cada artículo al abrirlo (/blog/su-enlace) se gestiona en Settings → Blog Post. Consulte Blog post settings and layout.
Las entradas del índice siempre se ordenan del más nuevo al más antiguo según la fecha de publicación.
Prerrequisitos
Dashboard → Pages → Blog Page → Edit → Page Editor
Bloque: Blocks → Publications → Blog listing
Enlace de menú: Dashboard → Settings → Navigation
Categorías y etiquetas (para filtros): Dashboard → Settings → Categories; las etiquetas se crean al asignarlas en las entradas.
Añadir o seleccionar el bloque
- Abra Pages y busque o cree una página de blog (muchos sitios utilizan el enlace
blog). - Edit → Page Editor.
- Desde Blocks → Publications, arrastre Blog listing a una columna si la página aún no tiene uno.
- Haga clic en el bloque (o use Layers → Blog listing) para que Attr muestre Blog Settings.
Configurar en Attr — Blog Settings
Seleccione el bloque Blog listing → Edit → Attr.
Layout
Controla cómo se organizan las entradas en la página:
| Layout | Experiencia del visitante |
|---|---|
| Grid | Cuadrícula de tarjetas adaptable (1, 2 o 3 columnas según el ancho de la pantalla) |
| List | Filas apiladas: miniatura a la izquierda, título y extracto a la derecha |
| Featured | Tarjeta principal grande para la entrada más reciente, seguida de una cuadrícula con el resto |
| With Sidebar | Entrada destacada más una cuadrícula de tarjetas de dos columnas, con una barra lateral de Recent Posts |
Template style
Tratamiento visual de las tarjetas (funciona con cualquier diseño anterior):
| Estilo | Aspecto |
|---|---|
| Classic | Tarjetas redondeadas con sombra ligera |
| Magazine | Sombra más pronunciada, títulos más llamativos e imágenes de portada más altas |
| Minimal | Tarjetas planas con un borde sencillo y sin sombra |
| Cards | Mosaicos elevados con un sutil efecto al pasar el ratón por encima |
Posts per page
Control deslizante de 1 a 24 (predeterminado: 6). Esta es la cantidad de entradas que aparecen en una página numerada cuando la paginación está activada.
La vista previa del editor siempre muestra únicamente la primera página. En el sitio activo, active Show Pagination (abajo) para que los visitantes puedan abrir la página 2, la 3, etc.
Opciones de visualización
| Interruptor | Efecto |
|---|---|
| Show Cover Image | Imagen destacada en cada tarjeta del índice (la vista previa del editor respeta esto; desactívela para mosaicos de solo texto) |
| Show Excerpt | Extracto de la entrada debajo del título en las tarjetas |
| Show Pagination | Enlaces Anterior/Siguiente y «Página X de Y» cuando hay más entradas que el valor de Posts per page |
| Show Categories (tabs) | Fila de pestañas de categorías sobre el listado en el sitio activo: All más cada categoría. Los visitantes hacen clic en una pestaña para filtrar (la URL añade ?category=slug) |
El nombre del autor y la fecha de publicación siguen apareciendo en las tarjetas cuando la entrada incluye dichos datos.
Filtrar por categoría
Menú desplegable en Attr: All Categories o una categoría específica. El listado solo carga las entradas de esa categoría (filtro fijo establecido en el editor).
A diferencia de Show Categories (tabs), el menú desplegable es un índice curado (p. ej., solo «Tutoriales»). Las pestañas permiten a los visitantes cambiar de categoría en la página pública.
Filtrar por etiquetas
Haga clic en las insignias de las etiquetas para incluir solo las entradas que tengan cualquiera de las etiquetas seleccionadas. Utilice Clear all para restablecer. Cree etiquetas en las entradas desde Posts → Edit Post antes de que aparezcan aquí.
Publicar la página
- Save Page después de modificar los atributos.
- Abra Page Settings y configure el título SEO y la descripción para la URL del índice.
- Publish desde la barra de herramientas cuando esté listo.
- Añada la página en Settings → Navigation.
- Abra la URL del blog activo (y
?page=2si la paginación está activada) para confirmar el diseño, las pestañas y los filtros.
Qué verá
Un índice público de entradas publicadas con el diseño y el estilo de plantilla elegidos, accesible desde el menú principal. Con Show Categories (tabs) activado, los visitantes pueden explorar por categoría sin abandonar la página.
Entradas en borrador en el índice
Solo aparecen las entradas publicadas. Un índice vacío suele significar que aún no hay nada publicado, que los filtros excluyen todas las entradas o que falta el bloque de listado.
Índice frente a configuración de artículos (referencia rápida)
| Lo que desea cambiar... | Dónde |
|---|---|
| Cuadrícula / lista / destacado / barra lateral en el índice | Pages → bloque Blog listing → Attr |
| Clásico / revista / minimalista / tarjetas en las tarjetas del índice | El mismo Attr → Template style |
| Diseño principal en un artículo individual | Edit Post → Settings → Display style + Blog post settings and layout |
| Imagen destacada en una entrada | Edit Post → Settings (también se utiliza en las tarjetas del índice) |
Guías relacionadas
| Tema | Guía |
|---|---|
| Prensa externa y reportajes | Press and features |
| Diseño de artículo individual | Blog post settings and layout |
| Categorías, etiquetas e imagen destacada | Categories, tags, and featured image |
| Redacción y publicación | Write your first blog post |
Verificación de la configuración
- La página del blog está publicada con un bloque Blog listing.
- Attr refleja el diseño, el estilo de plantilla y las entradas por página deseados.
- Si utiliza la paginación, se cargará una segunda página en
?page=2en la URL activa. - Si utiliza pestañas de categorías, cada pestaña filtra las entradas en el sitio activo.
- La navegación incluye un enlace al blog.
- Al hacer clic en una tarjeta, se accede a
/blog/[slug]con el diseño de artículo configurado en Blog Post.
