Referencia sobre bloques de edición y maquetación
Utiliza los bloques «Básico», «Diseño», «Navegación», «Lista de entradas del blog» y «Comercio» del panel «Bloques» para la estructura de la página y las secciones de la tienda; los bloques de «Multimedia», «Portafolio» y «Hero» se describen en las guías de bloques de presentación multimedia.
En esta página se enumeran los bloques que no son de multimedia y los elementos básicos de diseño. Los bloques que muestran principalmente contenido multimedia, portafolios, elementos destacados o controles deslizantes se encuentran en la sección Bloques de presentación multimedia compatibles, donde se incluyen guías más detalladas por categoría.
Arquitectura básica y campos
Arrastra los bloques desde el panel Bloques (barra lateral derecha → icono Bloques) a una columna. La mayoría de las páginas siguen esta estructura:
Sección → Fila → Columna(s) → Bloque(s)
Para saber cómo funcionan el ancho y el espaciado en cada capa (sección frente a fila frente a la pestaña Estilo), consulta Diseño y contenido de la página.
Diseño
| Bloque | Uso |
|---|---|
| Sección | Banda vertical a ancho completo; modo de diseño, altura y fondo en Atributos (consulta Diseño y contenido de la página) |
| 1 columna | Columna única a ancho completo |
| 2 columnas | Contenido dividido al 50 % (ajustable en «Traits») |
| 3 columnas | Características, niveles de precios, fichas del equipo |
| 4 columnas | Filas densas de iconos o estadísticas |
| Diseño con barra lateral | Columna principal + columna de la barra lateral |
Las características de las filas suelen incluir ancho máximo, separación y relleno; consulta Barra lateral y barra de herramientas del editor de páginas.
Básico
| Bloque | Uso |
|---|---|
| Texto enriquecido | Encabezados (H1–H6), párrafos, enlaces y listas en un solo bloque — utilízalo para todo el contenido nuevo |
| Texto | Bloque de párrafo sin formato heredado (solo páginas existentes) |
| Enlace | Enlace de texto independiente |
| Botón | Botón de llamada a la acción con URL |
| Cita | Estilo de cita destacada |
| Sección de texto | Título con ajuste automático + banda de párrafo |
| Espaciador | Espacio vertical flexible o línea horizontal (Atributo → control deslizante Línea divisoria, 0–8 px; 0 = solo espacio) |
Navegación
| Bloque | Uso |
|---|---|
| Barra de navegación | Barra de navegación dentro de la página (heredada/simple) |
| Pie de página simple | Banda de pie de página dentro de la página (heredada/simple) |
El diseño de la cabecera y el pie de página para todo el sitio utiliza el editor de plantillas de cabecera/pie de página (bloques y ajustes preestablecidos específicos; no estos bloques de página): Cabecera, pie de página y navegación.
Hero (nota estructural)
Los bloques Hero están orientados a los medios. Utiliza los bloques Hero Canvas para los elementos Hero de imagen, vídeo o slider.
Publicaciones
Bloques de la categoría Publicaciones en el panel Bloques.
| Bloque | Se utiliza para |
|---|---|
| Listado del blog | Índice de entradas del sitio: diseño (cuadrícula / lista / destacadas / barra lateral), estilo de plantilla, paginación, pestañas de categorías y filtros en Atributos — Gestiona la página de índice de tu blog |
| Prensa y artículos destacados | Tarjetas seleccionadas que enlazan con artículos externos, entrevistas, premios y menciones en la prensa — diseño y enlaces en Atributos |
Configuración del índice del blog: Gestiona la página de índice de tu blog.
Prensa y artículos externos: Prensa y artículos.
Avanzado (sin medios)
| Bloque | Uso |
|---|---|
| Cuadrícula Bento | Mosaicos mixtos (texto + imágenes) |
| Control deslizante «antes/después» | Comparación de dos imágenes — Interactivo avanzado |
| Incrustación de anuncios | Espacio para anuncios |
| Mapa | Incrusta un mapa de ubicación interactivo en una página —perfecto para exposiciones en galerías, encuentros de talleres de fotografía o indicaciones para llegar al estudio— — Añadir un mapa a las páginas |
Productos y formularios
| Bloque | Uso |
|---|---|
| Cuadrícula de productos | Fichas de productos de la tienda |
| Formulario de contacto | Consultas de los visitantes integradas en tu bandeja de entrada — Añadir un formulario de contacto a las páginas |
| CTA centrado | Bloque de llamada a la acción centrado: colócalo en una columna (no en una sección flotante). Color de relleno sólido en Estilo; imagen de fondo y opacidad de superposición en Atributos |
| Ficha de características / Cuadrícula de características | Aspectos destacados del servicio, equipamiento, premios, trayectoria — Ficha de características y cuadrícula de características |
| Testimonios | Citas que aportan credibilidad social |
CTA centrado es un bloque de contenido dentro de la estructura habitual Sección → Fila → Columna. No sustituye a los controles de diseño de la sección exterior; utiliza Diseño de página y contenido para fondos de sección a todo el ancho y ancho máximo de fila alrededor de la llamada a la acción.
Contexto de comercio: Descripción general del comercio.
Bloques multimedia (véase otra sección)
| Categoría | Artículo del directorio |
|---|---|
| Imagen, Vídeo, Lightbox | Bloques multimedia estándar |
| Galería, Portafolio, Mapa de impacto | Bloques de presentación de portafolio |
| Imagen/vídeo/slider de cabecera | Bloques de lienzo principal |
Próximos pasos y validación
- Añade una Sección → 2 columnas → Texto enriquecido + Botón en una página de borrador.
- Guarda y previsualiza el ancho para móvil.
- Elige un bloque multimedia de Bloques de presentación multimedia compatibles para tu siguiente sección.