Bloques de presentación multimedia compatibles
Directorio de bloques del editor de páginas que muestran fotos y vídeos de tu biblioteca multimedia y colecciones de tu portafolio de ArtInStack.
Abre el panel Bloques en la barra lateral derecha (icono «más») para añadir bloques por categoría. Cada uno de los bloques que aparecen a continuación puede incorporar elementos de Multimedia y/o Portafolio: elige primero el tipo de presentación y, a continuación, vincula los recursos en Attr tras seleccionar el bloque en el lienzo. Los bloques de diseño, texto y navegación se enumeran en Referencia de bloques y diseño del editor.
Descripción general de las funcionalidades
Los bloques de presentación convierten las archivos subidos en historias: una sola imagen editorial, una cuadrícula de revisión, un mapa de impacto geográfico o un vídeo destacado a pantalla completa. Se crean en Páginas → Editar; los visitantes ven el diseño publicado en tu sitio web activo.
| Experiencia del visitante | Configurado en | Qué ocurre al hacer clic |
|---|---|---|
| Lightbox de portafolio (superposición) | Bloque Portafolio de imágenes + Configuración del portafolio → Lightbox y estilo | La miniatura abre una superposición a pantalla completa o enmarcada; los botones «Anterior» y «Siguiente» permanecen dentro de la página actual de la galería cuando la paginación está activada (consulta Configuración de la ventana emergente del portafolio). |
| Galerías integradas en la página | Galería de imágenes, Galería de vídeos, diseños destacados, Slider, vídeo integrado | Las imágenes y los vídeos permanecen en la página —en formato de cuadrícula, carrusel o navegación principal + miniaturas—. No se aplican los ajustes de la ventana emergente del portafolio. |
Arquitectura de la interfaz
[Biblioteca multimedia + Colecciones de portfolio]
|
v
[Páginas → Editar → arrastrar el bloque al lienzo]
|
v
[Panel de atributos: fuente, diseño, relación de aspecto, columnas, …]
|
v
[Guardar → Vista previa → Publicar]
Directorio de bloques
Cada configuración de diseño de la plataforma se organiza según su sección correspondiente del panel dentro del editor del lienzo de la página.
Medios estándar
Ruta en el panel de control: Páginas → Editar → Editor de páginas → Medios
Referencia completa: Bloques de medios estándar
- Imagen: muestra una única imagen fija adaptativa con límites de relación de aspecto personalizados y texto alternativo.
- Vídeo: integra un reproductor HTML5 nativo desde Medios o una URL externa, con ajustes preestablecidos para la imagen de portada y la relación de aspecto.
- Lightbox de vídeo: muestra una miniatura en la página; al hacer clic, se abre una ventana de reproducción a pantalla completa.
- Fondo de vídeo: reproduce el vídeo en bucle debajo de la tipografía y las superposiciones que se añadan a la sección (reproducción automática silenciada por defecto para garantizar la compatibilidad con los navegadores).
Publicación del portafolio
Ruta del panel de control: Páginas → Editar → Editor de páginas → Portafolio
Referencia completa: Bloques de publicación del portafolio · Flujo de trabajo: Añadir medios a las páginas
- Galería de imágenes: cuadrículas de varias filas y columnas con imágenes fijas seleccionadas a mano de Medios (sin vincularse a una colección concreta).
- Portafolio de imágenes: presentación seleccionada de una colección de Portafolio; en formato de cuadrícula, mosaico o carrusel con control de la relación de aspecto.
- Listado de portafolios: índice de directorio de varias colecciones; en formato de cuadrícula, lista o navegación mediante pestañas a subgalerías.
- Portafolio de vídeos: muro de vídeos para tráilers cinematográficos y selecciones de vídeos en movimiento de tu biblioteca.
- Mapa de impacto: lienzo de mapa que vincula los contenidos multimedia del portafolio geolocalizados a unas coordenadas (CTA de campaña opcional).
Lienzo Hero
Ruta en el panel de control: Páginas → Editar → Editor de páginas → Hero
Referencia completa: Bloques del lienzo Hero
- Imagen principal — Encabezado a ancho completo centrado en una imagen fija de gran impacto, con opciones de diseño y superposición.
- Vídeo principal — Vídeo principal de gran ancho de banda con imagen de portada, ajuste del tamaño de la ventana de visualización y diseños de página de destino.
- Portafolio principal — Destaca una colección principal de Portafolio en la parte superior de la página.
- Hero Glassmorphism — Desenfoque del fondo y panel de cristal sobre la imagen o el vídeo de fondo.
- Hero Slider — Carrusel a pantalla completa que muestra varias diapositivas de hero de forma cíclica con llamadas a la acción opcionales.
Avanzados e interactivos
Ruta del panel de control: Páginas → Editar → Editor de páginas → Avanzado
Referencia completa: Bloques avanzados e interactivos
- Bento Grid — Cuadrícula estructural que equilibra tamaños de medios mixtos, estadísticas, citas y texto en paralelo.
- Control deslizante «Antes/Después» — Control deslizante interactivo que permite comparar imágenes fijas originales y procesadas.
- Incrustación de anuncios: contenedor aislado para la ubicación de un anuncio publicado desde la configuración de tu panel de control.
Visualización y comentarios
Ruta en el panel de control: Páginas → Editar → Editor de páginas → Controles deslizantes o Vídeo
Referencia completa: Bloques de visualización y comentarios
- Control deslizante — Carrusel horizontal optimizado para dispositivos táctiles que permite mostrar secuencias de imágenes dentro de una columna (no como imagen principal a página completa).
- Galería de vídeos: cuadrícula de varias columnas diseñada para recursos de vídeo continuos.
- Testimonio en vídeo: cita y nombre del cliente junto a un contenedor de validación de vídeo.
Casos de uso básicos habituales
- Página de destino: control deslizante de cabecera o vídeo de cabecera + cuadrícula de portafolio de imágenes por debajo de la línea de pliegue.
- Caso práctico: Slider «antes y después» + galería de imágenes seleccionadas.
- Conservación / viajes: Mapa de impacto + llamada a la acción (CTA) para recaudación de fondos en la misma página.
- Narrativa de revisión por parte del cliente: Portafolio de imágenes (carrusel) integrado en un flujo de trabajo de privacidad de Portafolio; consulta Galerías y portafolio.
Próximos pasos y validación
- ¿Eres nuevo en el editor? Empieza por Introducción al editor de páginas y Barra lateral y barra de herramientas del editor de páginas.
- Lee Añadir archivos multimedia a las páginas para conocer el flujo de trabajo completo.
- Abre la página de categorías del bloque que quieras utilizar (enlaces en el directorio anterior).
- Coloca un bloque en una página de borrador, conecta Multimedia o Portafolio y previsualiza el resultado en móvil y ordenador antes de publicar.
