Bloques de entrega de la cartera
Bloques de portafolio en el Editor de páginas → Portafolio: integra contenidos multimedia o colecciones en las páginas publicadas: «Galería de imágenes» para imágenes fijas seleccionadas a mano, «Portafolio de imágenes» para una colección con lightbox opcional, «Listado de portafolios» para múltiples colecciones, «Portafolio de vídeos» y «Mapa de impacto» para historias en movimiento y geolocalizadas, y «Motion» para una galería cinematográfica integrada a partir de una colección compatible con Motion.
Referencia para los bloques Editor de páginas → Portafolio. Estos diseños presentan colecciones de Portafolio o Contenidos multimedia seleccionados cuidadosamente en páginas publicadas; no es lo mismo que compartir únicamente un enlace a una galería privada. Para conocer el flujo de trabajo del editor, consulta Añadir archivos multimedia a las páginas.
Arquitectura y campos principales
| Bloque | Fuente principal | Qué se configura |
|---|---|---|
| Galería de imágenes | Imágenes fijas de contenidos multimedia seleccionadas | Lista de imágenes, cuadrícula/masonry, relación de aspecto, diseño destacado |
| Portafolio de imágenes | Una colección de portafolios | Diseño, columnas, espacio entre columnas, relación de aspecto, paginación, pies de foto |
| Listado de portafolios | Varias colecciones de portafolios | Cuadrícula, lista o pestañas; opciones de metadatos de las tarjetas |
| Portafolio de vídeos | Un portafolio (solo vídeos) | Selector de portafolios, vista en cuadrícula/destacada, relación de aspecto |
| Movimiento | Un portafolio (pista de movimiento) | Solo selector de portafolio: la plantilla, la intensidad y las características provienen de la pestaña Portafolio → Movimiento |
| Mapa de impacto | Portafolio con geoetiquetas | Diseño de mapa, línea de tiempo, llamada a la acción (CTA) opcional para donar a la campaña |
Comportamiento de los visitantes: visualización en lightbox frente a visualización en la página
| Bloque | En la página activa | Lightbox superpuesto |
|---|---|---|
| Galería de imágenes | Sí: la navegación en cuadrícula, estilo «masonry» o destacada (imagen principal + miniaturas) permanece en la página. | No — no está vinculada a Configuración del portafolio → Lightbox y estilo. |
| Portafolio de imágenes | La cuadrícula, el diseño masonry o el carrusel se muestran en la página; la paginación opcional cambia qué parte de la colección se muestra. | Sí, cuando la opción Habilitar lightbox está activada para esa colección — se configura en Ajustes del portafolio → Lightbox y estilo (Ajustes del lightbox del portafolio). |
Cuando el Portafolio de imágenes utiliza páginas numeradas, la opción «Cargar más» o el desplazamiento infinito, el lightbox solo incluye imágenes de la página en la que se encuentra el visitante; al deslizar hacia atrás o hacia adelante no se salta a otra sección paginada. Cierra la ventana emergente y cambia de página para explorar el siguiente conjunto.
Los bloques Galería de vídeos y Control deslizante se comportan como la Galería de imágenes: la reproducción y la navegación permanecen en la propia página.
Galería de imágenes
Imágenes fijas seleccionadas a mano desde Multimedia: ideal cuando la página no está vinculada a una única colección. Al hacer clic se navega dentro del bloque (miniaturas destacadas, cuadrícula), no en la ventana emergente del portafolio.
Los atributos incluyen:
- Imágenes: añadir, reordenar o eliminar a través del selector de Medios (selección múltiple).
- Modo de visualización: cuadrícula o destacadas (imagen principal + miniaturas).
- Diseño: cuadrícula o masonry (vista en cuadrícula).
- Ajustes predefinidos de columnas, espacio y relación de aspecto para la cuadrícula.
- Texto alternativo por imagen a partir de los metadatos multimedia, cuando estén disponibles.
Ideal para: editoriales, selecciones de «lo mejor de» y selecciones mixtas de diferentes sesiones fotográficas.
Portafolio de imágenes
Muestra una colección de Portafolio con controles de diseño que respetan la presentación en serie.
Los atributos incluyen:
- Portafolio: selector de colecciones.
- Diseño: cuadrícula, mosaico o carrusel.
- Columnas y espacio entre columnas (cuadrícula/mosaico).
- Relación de aspecto (cuadrícula/carrusel).
- Paginación: páginas numeradas, «cargar más» o desplazamiento infinito; tamaño de página (10-50).
- Carrusel: ancho de diapositiva, diapositivas por vista, reproducción automática cuando el diseño es de carrusel.
- Botón de activación/desactivación de mostrar pies de foto.
Ideal para: páginas de revisión por parte del cliente, lanzamientos de colecciones y series con una relación de aspecto uniforme.
Combínalo con la Configuración del portafolio para la ventana emergente y las descargas: Configuración de la ventana emergente del portafolio. Con la ventana emergente activada, al hacer clic en un mosaico se abre la ventana superpuesta; con la ventana emergente desactivada, ese mismo clic puede llevar a una página de detalles de la foto cuando la opción Activar vista de página está activada.
Listado de portafolios
Índice general de varios portafolios: los visitantes acceden a las subgalerías desde una sola página.
Atributos incluidos:
- Portafolios: añadir o eliminar colecciones en el panel.
- Diseño: cuadrícula, lista o pestañas.
- Columnas y relación de aspecto (diseño en cuadrícula).
- Mostrar título, mostrar descripción, mostrar recuentos, estilo de tarjeta (p. ej., minimalista).
Ideal para: páginas de inicio de estudios que muestran, en paralelo, trabajos de bodas, comerciales y personales.
Portafolio de vídeos
Muro centrado en vídeos procedente de un único portafolio (solo se muestran los elementos de vídeo de esa colección).
Los atributos incluyen:
- Portafolio: debe contener recursos de vídeo.
- Modo de visualización: cuadrícula o destacado.
- Diseño, columnas, espacio entre elementos, relación de aspecto (similar a los controles de la galería de imágenes).
Ideal para: carretes, campañas de vídeo y selecciones de vídeo con imágenes del «detrás de las cámaras».
Bloque de movimiento
Incorpora la galería de movimiento animada de una colección de Portafolio que tenga activada la presentación de movimiento. Los visitantes ven la misma familia de plantillas que hayas configurado en la pestaña Portafolio → Movimiento (carrusel de rutas, arco de luz, riel de canalización y otros), sin un selector de diseño independiente a nivel de bloque.
Los atributos incluyen:
- Portafolio: el selector muestra únicamente colecciones con la función de vídeo activada.
Diseño en la página
- El bloque ocupa toda la columna principal (o el ancho de sección que hayas establecido en Estilo → Ancho). No añade su propio salto de página ni modo a todo página.
- Las características de extensión del escenario, como Ancho en el riel de tubería, se aplican en la página de movimiento dedicada
/portfolio/{slug}; las incrustaciones siempre utilizan el escenario contenido (ajustado) para que la galería se adapte a la columna. - Los pies de foto en el bloque y la descripción debajo del escenario de la plantilla de animación quedan ocultos en la incrustación; añade títulos y texto en bloques de página adyacentes si los necesitas junto al escenario.
Requisitos: un plan válido con Presentación en movimiento, una colección con la función de movimiento activada y al menos cinco imágenes para el Pipeline Rail. Configura la plantilla, la intensidad, la relación de aspecto y las características en la pestaña Motion de la colección; consulta Configuración de movimiento del portafolio y Páginas de portafolio con movimiento.
Ideal para: secciones de destino de campañas, elementos destacados de la página «Acerca de» y diseños en paralelo que combinan movimiento con texto, sin que los visitantes tengan que salir de la página.
Mapa de impacto
Traza imágenes fijas del portafolio con datos de ubicación en un mapa interactivo en tu sitio web público.
Los atributos incluyen:
- Fuente del portafolio: colección con archivos multimedia geolocalizados.
- Diseño: presentaciones minimalistas, de destaque y en mapa relacionadas.
- Intervalo de fechas de observación: filtro de línea temporal opcional.
- Campaña y producto de donación: llamada a la acción (CTA) opcional para recaudar fondos en el bloque.
Requiere GPS o la introducción manual de la ubicación en los archivos multimedia, así como la configuración de visibilidad del mapa del portafolio. Configuración completa: Añadir un mapa de impacto a una página y Visibilidad geográfica del portafolio.
Elección de un bloque de portafolio
| Objetivo | Bloque |
|---|---|
| Selección de imágenes fijas sin una colección | Galería de imágenes |
| Una serie, pruebas, paginación | Portafolio de imágenes |
| Mostrar varias colecciones | Listado de portafolios |
| Reel de una colección | Portafolio de vídeo |
| Galería cinematográfica dentro de un diseño de página | Motion (portafolio con función de movimiento) |
| Historia geográfica + marcadores | Mapa de impacto |
Restricciones y límites del sistema
- Portafolio de imágenes y Portafolio de vídeo requieren una colección seleccionada antes de que la página pública muestre el contenido.
- Galería de imágenes no se sincroniza automáticamente al añadir imágenes a una colección; debes gestionar la lista de imágenes del bloque de forma explícita.
- El Mapa de impacto solo muestra elementos con coordenadas válidas y con la visibilidad del mapa del portafolio activada.
- Los carruseles grandes y el desplazamiento infinito afectan al rendimiento en dispositivos móviles; comprueba la vista previa en dispositivos reales.
Comprobación de la configuración
- El tipo de bloque correcto se encuentra en el lienzo de tu historia (tabla anterior).
- Se ha configurado la fuente Portafolio o Multimedia y la vista previa muestra los recursos.
- Para el Mapa de impacto, aparece al menos un marcador en la vista previa en vivo una vez que se cumplen las reglas geográficas y de visibilidad.
