Glosario de Elementor de la A a la Z — Elementor

Glosario de Elementor — 140 definiciones

Todos los términos definidos en las 28 secciones de la guía, por orden alfabético.
Consejo: pulsa Ctrl + F para buscar un término en la página.

Accesibilidad: Hacer que el sitio sea utilizable por TODOS, incluidas las personas con discapacidad (baja visión, lectores de pantalla, navegación por teclado). Un reto ético —a menudo legal— y beneficioso (mejor estructurado y mejor posicionado).
Accesibilidad de los widgets: Pensar en la navegación por teclado y en un contenido accesible; no sobrecargar (multiplicar estos widgets perjudica la claridad).
Acordeón / Conmutador (Toggle): Secciones plegables/desplegables (al pulsar un título se despliega su contenido) — perfecto para una FAQ, detalles mostrados a demanda, ganar espacio. OCULTA el contenido plegado.
Acciones tras el envío: Lo que ocurre al enviar: mandar un CORREO (notificación, acuse), REDIRIGIR, mostrar un mensaje, GUARDAR y conectar con servicios (INTEGRACIONES). Encadenables. El punto crucial (un formulario debe DESEMBOCAR en algo).
Alineación (justify / align): Posición de los elementos: en el eje principal (justify: inicio, centro, fin, espaciados) y en el eje secundario (align: arriba, centro, abajo, estirados). Controla el centrado, el reparto y la alineación vertical.
Anclas (enlaces de ancla): Enlaces que llevan a una SECCIÓN concreta DE LA MISMA PÁGINA (desplazamiento hasta un punto de la página). Útil en páginas largas / one-page. Se coloca un ancla y un enlace apunta a ella (#nombre).
Animaciones de entrada: Un elemento APARECE con un efecto (fundido, deslizamiento, zoom…) cuando entra en pantalla al desplazarse — llama la atención y da vida a la página.
Vista previa responsive: Alternar entre las vistas ESCRITORIO, TABLETA y MÓVIL (iconos en la parte baja del panel) para ver y adaptar la visualización en cada tamaño de pantalla.
Fondo (background): El fondo de un contenedor (pestaña Estilo): COLOR sólido, DEGRADADO (gradiente lineal/radial), IMAGEN (con posición, repetición, tamaño, fijación fija/parallax), VÍDEO o presentación (Pro). Viste las secciones.
Fijación (parallax): Un ajuste de la imagen de fondo: «fija» crea un efecto parallax (la imagen permanece fija mientras el contenido se desplaza por encima). Efecto inmersivo.
Atributos personalizados: Añadir atributos HTML (pares clave/valor) a un elemento — para integrar scripts, funciones de terceros, accesibilidad (atributos ARIA) o segmentación.
Biblioteca de plantillas: Colección de BLOQUES (secciones listas: banner, precios, testimonios…) y de PÁGINAS completas prediseñadas que se INSERTAN y personalizan — para partir de una base pro en vez de una página en blanco.
Bloque vs página vs kit: BLOQUE = una sección lista para usar. PÁGINA = una página entera prediseñada. KIT = un conjunto coherente de plantillas (un sitio completo prediseñado, para adaptar).
Con criterio (no ocultar lo esencial): Pestañas, acordeones y carruseles OCULTAN contenido (hay que pulsar/esperar para verlo): no pongas en ellos la información ESENCIAL que el usuario debe ver de inmediato.
Buenas prácticas de accesibilidad: ALT de las imágenes, ESTRUCTURA de títulos, CONTRASTES suficientes, navegación por TECLADO, enlaces/botones EXPLÍCITOS, no depender solo del color, respetar «reducir las animaciones», tamaños legibles.
Buenas prácticas SEO (Elementor/WP): ESTRUCTURA de títulos correcta (un solo H1, jerarquía), CONTENIDO de calidad + palabras clave, imágenes con ALT y optimizadas, URL claras, etiquetas TITLE/META (mediante una extensión SEO: Yoast, Rank Math), rendimiento, móvil.
Bucle (loop): Una repetición: mostrar una SERIE de elementos (últimas entradas, productos de una categoría…) repitiendo una maquetación (una tarjeta) para cada uno.
Tienda / categorías (cuadrículas): Las páginas que LISTAN los productos (cuadrículas), diseñadas con el Loop Builder o los widgets de producto — con un diseño a medida.
Botón / Icono: Botón: elemento clicable (texto, enlace, icono) para las llamadas a la acción. Icono / lista de iconos: mostrar iconos (bibliotecas incluidas).
Caché y optimización: Un plugin de caché (almacenamiento de páginas, minificación CSS/JS, carga diferida) acelera notablemente el sitio.
Canvas (vista previa): La zona de trabajo donde se VE y construye la página EN DIRECTO (tal y como aparecerá): ahí se sueltan, seleccionan y mueven los elementos.
Captación de contactos: Un formulario de suscripción añade automáticamente al suscriptor a una lista; un formulario de contacto crea un prospecto en el CRM — captar y aprovechar los contactos automáticamente.
Carrusel / Presentación: Hacer desfilar elementos (imágenes, testimonios, tarjetas) en un espacio reducido. Útil pero A USAR CON PRUDENCIA (contenido oculto, desplazamiento, SEO/accesibilidad).
Campos personalizados (ACF): Datos estructurados A MEDIDA añadidos a los contenidos de WordPress (p. ej. precio, superficie de un inmueble; puesto, teléfono de un miembro), a menudo mediante ACF (Advanced Custom Fields). Elementor Pro los muestra dinámicamente.
Clases CSS: Añadir clases a los elementos para apuntarlos en CSS y reutilizar estilos.
Coherencia y mantenimiento centralizado: Todo el sitio comparte la misma paleta/tipografía (armonía); cambiar una global actualiza automáticamente todos los elementos que la usan (una sola modificación para todo el sitio).
Coherencia y ajustes globales: Definir los COLORES y las FUENTES GLOBALES (Site Settings — nivel 2-3) aplicados a todo el sitio (armonía), en vez de ajustar elemento por elemento. Espaciados regulares.
Compatibilidad y actualizaciones: Comprobar versiones al día (WordPress, PHP), un tema compatible (Hello Elementor recomendado); mantener Elementor y WordPress AL DÍA (seguridad, funciones).
Complemento, no el modo normal: El CSS/los atributos son un COMPLEMENTO para los casos AVANZADOS que la interfaz no permite — no el modo de trabajo normal (Elementor está hecho para construir SIN programar; las opciones cubren lo esencial).
Condiciones y reglas: DÓNDE se muestra el pop-up (qué páginas/partes del sitio) y a QUIÉN / con qué FRECUENCIA (visitantes, procedencia, no volver a mostrarlo demasiado a menudo).
Condiciones de visualización: Dónde se aplica una plantilla (cabecera, pie…): todo el sitio, o solo ciertas páginas/tipos de contenido. Permite, por ejemplo, una cabecera distinta para la portada.
Condiciones de visualización (contenido): Dónde se aplica cada plantilla: la plantilla Single a todas las entradas o a una categoría concreta; la plantilla de archivo a la página del blog o a una categoría…
Contenedor (Container): Una «caja» que ESTRUCTURA la página y CONTIENE los demás elementos (widgets o contenedores anidados). El esqueleto de la maquetación; gestiona la disposición de su contenido (mediante Flexbox).
Contenedores (Flexbox) vs Secciones/Columnas: Los CONTENEDORES Flexbox (recientes, flexibles, eficientes) sustituyen al antiguo sistema de SECCIONES/COLUMNAS. Sistema actual recomendado (aunque sitios antiguos sigan usando secciones/columnas).
Contenedores anidados: Un contenedor dentro de un contenedor (para maquetaciones complejas). Útil, pero sin abusar.
Contenido dinámico (Dynamic Content, Pro): Mostrar datos que VARÍAN según el contexto (título/imagen de la entrada actual, campo personalizado, dato del sitio) ENLAZANDO un widget a una FUENTE de datos — en lugar de un valor fijo (estático).
Contenido dinámico (plantillas): La plantilla muestra AUTOMÁTICAMENTE los datos DE CADA entrada (su título, su imagen, su contenido…) — una sola plantilla sirve para todos los contenidos (nivel 4).
Control total vs widget Posts: A diferencia del widget Posts (maquetación predefinida), el Loop Builder da un control TOTAL sobre el diseño de cada tarjeta (diseño libre).
Colores: Color del texto, del fondo, de los bordes, de los iconos (pestaña Estilo). Uso coherente (paleta limitada, contrastes suficientes) para un diseño armonioso y legible.
Colores globales: Una PALETA definida a nivel del sitio (principal, secundario, texto, acento…), aplicada a los elementos. Cambiar un color global actualiza todo el sitio de golpe.
CSS personalizado (Pro): Añadir código CSS (pestaña Avanzado → CSS personalizado) a un elemento, una página o todo el sitio, para personalizaciones que las opciones visuales no cubren (control absoluto). Requiere nociones de CSS.
Disparadores (triggers): CUÁNDO aparece el pop-up: al cargar (tras X s), al DESPLAZARSE (X % de la página), al INTENTO DE SALIDA (exit intent), al HACER CLIC en un elemento, tras inactividad…
Desplazamiento suave (smooth scroll): El desplazamiento animado y suave hacia un ancla (en vez de un salto brusco) — mejora la experiencia en páginas largas.
Definir pronto y aplicar en todas partes: Definir la paleta y los estilos DESDE EL PRINCIPIO y luego APLICAR esas globales a los elementos (en vez de valores fijos); ajustes locales como excepción.
Presentación (Slides): Una presentación rica (imagen de fondo, texto, botones por diapositiva) para banners animados — a usar con moderación (contenido oculto, como los carruseles).
Dirección (fila/columna): Los elementos se alinean en FILA (horizontalmente, uno al lado del otro — para columnas) o en COLUMNA (verticalmente, apilados). La elección fundamental de disposición.
Dirección Flexbox por dispositivo: Cambiar la disposición según la pantalla: una FILA en escritorio (columnas lado a lado) que pasa a COLUMNA en móvil (apilamiento) — muy habitual.
Editor de texto / Imagen: Editor de texto: párrafos enriquecidos (negrita, listas, enlaces). Imagen: desde la biblioteca de medios, con tamaño, alineación, enlace y TEXTO ALTERNATIVO (alt — accesibilidad/SEO).
Efectos: Sombras (box-shadow), bordes, redondeos (border-radius), filtros (desenfoque, brillo), efectos al PASAR EL RATÓN (hover) — añaden profundidad e interactividad. A usar con mesura.
Efectos de desplazamiento (Pro): Elementos que SE MUEVEN al desplazarse (parallax, traslación, rotación, transparencia, escala según la posición) — efectos inmersivos y modernos.
Efectos al pasar el ratón (hover): Cambio al pasar el cursor (color, elevación, zoom, aparición) — para la interactividad (botones, tarjetas, imágenes).
Elemento de bucle (plantilla de ítem): La plantilla de UNA tarjeta (imagen, título, extracto, precio, botón…), diseñada libremente con CONTENIDO DINÁMICO (los datos de cada elemento). Repetida para cada contenido.
Elementor: El constructor de páginas (page builder) más popular para WordPress: una extensión que permite crear y maquetar sitios VISUALMENTE, arrastrando y soltando, SIN código (edición en directo/WYSIWYG).
Elementor Free: La versión GRATUITA: editor visual, contenedores Flexbox, widgets básicos (~30: título, texto, imagen, botón…), responsive, colores/fuentes globales. Suficiente para construir páginas sencillas.
Elementor Pro: La versión DE PAGO (suscripción): Theme Builder (cabeceras/pies/plantillas), widgets Pro (formularios, posts, presentaciones…), pop-ups, contenido dinámico, Loop Builder, WooCommerce Builder. Un constructor de SITIO completo.
Elementos globales (Pro): Widgets/elementos GLOBALES (Pro): un elemento reutilizado se actualiza EN TODAS PARTES cuando se modifica una vez (como un «símbolo»).
Cabecera (header): La parte superior presente en todo el sitio (logo, menú de navegación, botones). Con el Theme Builder (Pro) se diseña en Elementor; en Free viene del tema.
Cabecera fija (sticky) y responsive: La cabecera puede ser FIJA (permanece arriba al desplazarse), transparente y responsive (menú hamburguesa en móvil mediante el widget Menú de navegación Pro).
Espaciado (gap) y salto de línea (wrap): Gap: el espacio entre los elementos. Wrap: ¿pasan los elementos a la línea siguiente si no caben?
Espaciados (márgenes / paddings): MÁRGENES (espacio externo alrededor de un elemento) y PADDINGS (espacio interno de un contenedor), ajustados en la pestaña AVANZADO. AIREAN y ESTRUCTURAN la página — decisivos para un acabado pro.
Flexbox: El sistema (CSS moderno) que gestiona la DISPOSICIÓN de los elementos DENTRO de un contenedor, mediante unos pocos ajustes: dirección, alineación, espaciado, salto de línea. El corazón de la maquetación en Elementor.
Flujo básico: ARRASTRAR un widget del panel al canvas → SELECCIONARLO → CONFIGURARLO mediante el panel, viendo el resultado en directo (edición WYSIWYG).
Formulario avanzado (Pro): Más allá del contacto simple: campos variados (incluida subida de archivos, fecha), validación, lógica condicional (mostrar/ocultar según las respuestas), varios pasos, y sobre todo ACCIONES tras el envío.
Free + Pro juntos: Elementor Pro se instala ADEMÁS de Elementor Free (hacen falta los dos: Free = base, Pro = funciones avanzadas).
Alojamiento y tema ligero: Un alojamiento de calidad (recursos, PHP reciente) es la base; un tema LIGERO (Hello Elementor) y POCAS extensiones reducen el peso (cada plugin añade algo).
Anidamiento: Los contenedores pueden ANIDARSE (un contenedor dentro de otro) para crear maquetaciones complejas. Una página es una jerarquía de contenedores que contienen widgets.
Anidamiento de contenedores: Un contenedor «fila» que contiene contenedores «columna» (cada uno organizando su contenido) — para crear maquetaciones complejas.
Instalar Elementor Free: Desde el escritorio de WordPress: Plugins → Añadir plugin → buscar «Elementor» → Instalar → Activar. Unos clics desde el repositorio gratuito.
Instalar Elementor Pro: Pro no está en el repositorio gratuito: suscribirse, descargar el .zip desde la cuenta, instalarlo por SUBIDA (Plugins → Añadir → Subir), activarlo y CONECTAR la LICENCIA.
Integración vs plugins de terceros: Los widgets Pro (formularios, sliders, entradas…) INTEGRAN de forma coherente funciones que, sin Pro, requerirían plugins de terceros — menos plugins que apilar, más coherencia.
Integraciones marketing / CRM: Conectar el formulario con herramientas externas: servicios de email/newsletter (añadir el correo a una lista), CRM (crear un contacto), herramientas de marketing, WEBHOOKS. Une el sitio a la estrategia de marketing.
Kits de Elementor: Exportar/importar una configuración completa (estilos, plantillas, ajustes) — para arrancar un proyecto, reproducir una base, capitalizar de un proyecto a otro.
Las 3 pestañas: La organización sistemática del panel de ajustes de casi todo elemento: CONTENIDO (el qué), ESTILO (la apariencia), AVANZADO (lo fino/técnico). El modo de empleo universal de Elementor.
Vínculo diseño ↔ datos: El contenido dinámico vincula el DISEÑO (la plantilla de Elementor) con los DATOS (el contenido de WordPress): una plantilla muestra automáticamente los datos de cada contenido.
Enlaces: Los botones y widgets pueden apuntar a páginas, URL, anclas (#), correos, archivos… A comprobar (sin enlaces rotos; buenos enlaces en las llamadas a la acción).
Legibilidad y contrastes: Pensar en la legibilidad (fuentes legibles, interlineado cómodo) y en contrastes suficientes (texto sobre fondo) — importante para la accesibilidad.
Legibilidad del texto sobre imagen: Problema recurrente: el texto sobre una imagen de fondo suele ser ilegible. LA solución = una SUPERPOSICIÓN (overlay) oscura/teñida entre la imagen y el texto.
Entrega al cliente: Entregar un sitio LIMPIO y probado (responsive, rendimiento, enlaces, formularios, SEO), FORMAR/documentar al cliente (actualizar su contenido) y prever el MANTENIMIENTO (contrato de conservación).
Lógica sistemática: Las tres pestañas valen para casi todos los elementos: siempre se sabe dónde encontrar un ajuste (contenido → Contenido, apariencia → Estilo, espaciados/responsive/efectos → Avanzado). Elementor se vuelve previsible.
Loop Builder (Pro): Herramienta para mostrar LISTAS/CUADRÍCULAS de contenidos (entradas, productos, fichas) con un diseño TOTALMENTE personalizado: se diseña una tarjeta-plantilla y se repite para cada contenido.
Loop Grid (cuadrícula): El widget que MUESTRA la cuadrícula/lista repitiendo tu tarjeta personalizada para cada contenido de la fuente (entradas, productos…), con paginación y filtros posibles.
Mantenimiento: Mantener el sitio a lo largo del tiempo: actualizaciones (WordPress, Elementor, extensiones, tema), COPIAS DE SEGURIDAD regulares, seguridad, vigilancia, correcciones. Un sitio entregado no está «terminado».
Menús: La navegación principal del sitio (menú de la cabecera), gestionada en WordPress (Apariencia → Menús). La cabecera es personalizable con Elementor Pro (Theme Builder); en Free viene del tema.
Plantilla de archivo: La maquetación de las páginas que LISTAN entradas (blog, categorías, etiquetas, búsqueda): la cuadrícula/lista de tarjetas de entradas (título, extracto, imagen, enlace). Diseñada en Elementor (Pro).
Plantilla Single (entrada/contenido único): La maquetación diseñada en Elementor (Pro) para mostrar UNA entrada (título, imagen destacada, fecha, autor, contenido, categorías, comentarios…), aplicada a TODAS las entradas mediante contenido dinámico.
Moderación («menos es más»): El principio rector: las animaciones realzan CON MODERACIÓN; en exceso distraen, cansan, ralentizan y resultan aficionadas. Efectos sutiles, coherentes y con un propósito.
Editar con Elementor: El botón (desde una página/entrada de WordPress) que abre el editor visual de Elementor, sustituyendo al editor clásico de WordPress.
Navegación móvil: El menú debe adaptarse al móvil (a menudo un menú «hamburguesa» desplegable), gestionado por el tema o por un widget de menú responsive (Pro).
No abusar (mantenibilidad): Demasiado CSS personalizado disperso vuelve el sitio difícil de mantener (se pierde la ventaja de lo visual); preferir las opciones de Elementor cuando bastan, organizar/documentar el CSS, comprobar responsive y conflictos.
No ser intrusivo: La regla de oro: evitar un pop-up nada más llegar, hacerlo FÁCIL de CERRAR (aspa visible), limitar la FRECUENCIA, aportar VALOR — si no, molesta y ahuyenta.
Nivel de título (H1-H6): Elegir el nivel semántico correcto (H1 para el título principal, uno por página; H2/H3 para los subtítulos) — para el SEO y la accesibilidad, NO solo por el tamaño (que se ajusta aparte).
Pestaña Avanzado: Los ajustes FINOS y técnicos: MÁRGENES y PADDINGS, posicionamiento, efectos de movimiento, VISIBILIDAD responsive, atributos/CSS personalizados (Pro), animaciones. El ajuste fino.
Pestaña Contenido: El CONTENIDO y las opciones funcionales del elemento (texto y nivel de un título, imagen y enlace, diapositivas de un carrusel…). El «QUÉ».
Pestaña Estilo: La APARIENCIA del elemento: colores, tipografía, fondo, bordes, sombras, espaciados internos… El «CÓMO aparece» (el diseño).
Pestañas (Tabs): Organizar el contenido en pestañas clicables (alternar entre varios paneles) — para presentar información categorizada sin sobrecargar. OCULTA el contenido no activo.
Optimizaciones de Elementor: CONTENEDORES Flexbox (código más ligero que secciones/columnas), OPCIONES de rendimiento de Elementor que activar, evitar la sobre-complejidad (apilamientos de contenedores, widgets/efectos pesados), limitar fuentes/scripts.
Optimizar las imágenes (palanca n.º 1): Las imágenes suelen ser la 1.ª causa de lentitud: COMPRIMIRLAS, DIMENSIONARLAS al tamaño de visualización, usar el formato WebP y la CARGA DIFERIDA (lazy loading). La palanca más rentable.
Herramientas del editor: Biblioteca de plantillas, navegación por estructura (Navigator), vista previa RESPONSIVE (escritorio/tableta/móvil), Publicar/Actualizar, historial (deshacer/rehacer), ajustes de página y del sitio (Site Settings).
Page builder: Una herramienta de construcción visual de páginas web (soltar elementos, darles forma mediante paneles) sin escribir HTML/CSS — en contraposición a programar o a las maquetaciones limitadas de un tema.
Página de producto (single product): La plantilla de la página de UN producto (imágenes, título, precio, descripción, botón de añadir al carrito, reseñas, productos relacionados), aplicada a todos los productos mediante contenido dinámico. Donde se juega la conversión.
Panel: El lateral (a la izquierda) que muestra o bien la BIBLIOTECA de widgets (para arrastrar al canvas), o bien los AJUSTES del elemento seleccionado (contenido, estilo, avanzado).
Por encima de WordPress: Elementor funciona CON WordPress (no lo sustituye): WordPress gestiona el contenido y la administración, Elementor el diseño visual de las páginas.
Recorrido de compra: De la tienda al producto, al carrito, al pago (checkout): debe ser FLUIDO, claro y tranquilizador (confianza, información, seguridad). Responsive y rendimiento cruciales (impactan en las ventas).
Rendimiento (velocidad): La rapidez de carga del sitio — un reto MAYOR: un sitio lento ahuyenta a los visitantes, penaliza el SEO (los motores favorecen los sitios rápidos) y da mala imagen.
Rendimiento y accesibilidad de las animaciones: Demasiadas animaciones (sobre todo de desplazamiento/ratón) ralentizan, especialmente en móvil (reducir/probar). Accesibilidad: respetar la preferencia «reducir las animaciones», evitar movimientos agresivos.
Personalizar las plantillas: Adaptar una plantilla insertada a TU identidad (colores/fuentes globales, contenido real) para evitar un sitio «genérico»; comprobar su calidad/rendimiento (algunas plantillas son pesadas).
Pie de página (footer): La parte inferior presente en todo el sitio (información, menús secundarios, menciones). Diseñada en Elementor con el Theme Builder (Pro).
Fuentes / estilos de texto globales: Tipografías tipo definidas globalmente (título principal, subtítulos, cuerpo…), reutilizadas en todas partes — coherencia y mantenimiento centralizado.
Pop-up (Popup Builder, Pro): Una ventana emergente mostrada por encima de la página, diseñada visualmente (Popup Builder de Elementor Pro). Usos: captación de correos, promociones, mensajes, formularios, cookies…
Requisitos previos: Un WordPress en funcionamiento (alojamiento + WordPress instalado). Elementor es un plugin que se añade a WordPress, no se instala solo.
Prudencia en móvil (intersticiales): Cuidado con los pop-ups en móvil (estorban, a veces penalizados por los buscadores si dificultan el acceso al contenido — «intersticiales intrusivos»). Respetar también el RGPD (captación de correos).
Ajustes del sitio (Site Settings): Los ajustes GLOBALES aplicados a todo el sitio (menú hamburguesa del editor): colores globales, fuentes/estilos de texto globales, identidad (logo, favicon), botones, maquetación por defecto…
Ajustes por dispositivo: La mayoría de los ajustes (tamaños, espaciados, disposición) pueden definirse DE FORMA DISTINTA según el dispositivo, sin afectar a las demás vistas — un indicador señala un ajuste específico.
Responsive (diseño adaptativo): Un sitio bonito y utilizable en TODAS las pantallas (escritorio, tableta, MÓVIL). Imprescindible (el móvil representa gran parte del tráfico).
Responsive y estructura: Una estructura limpia y lógica facilita la adaptación a las pantallas (Flexbox: dirección por dispositivo, fila → columna). Pensar en responsive desde la estructura y probar en las tres vistas.
RGPD / consentimiento: La captación de correos y el alta en listas exigen el CONSENTIMIENTO (opt-in, información sobre el uso) — obligación legal (variable según el país), a respetar sin falta.
Copias de seguridad: Hacer copias con regularidad y ANTES de cualquier intervención (actualización, modificación) — para poder restaurar si hay problemas. Una práctica de seguridad esencial.
SEO (posicionamiento natural): Optimizar el sitio para que quede bien clasificado en los buscadores (visibilidad). Se basa en el contenido de calidad, la estructura de títulos, las imágenes (alt), las etiquetas (title/meta), el rendimiento y el móvil.
SEO ↔ accesibilidad: Ambos CONVERGEN: una estructura clara (títulos), un alt, un contenido de calidad y un buen rendimiento sirven a la vez al posicionamiento Y a la accesibilidad.
Tus propias plantillas: Guardar cualquier sección/página creada como PLANTILLA reutilizable, para reinsertarla en otro lugar (otras páginas, otros proyectos) — coherencia y ahorro de tiempo.
Simplicidad: La estructura más SIMPLE que da el resultado buscado (sin apilamientos inútiles). Antes de anidar, preguntarse si es necesario. Flexbox permite a menudo evitar anidamientos.
Sitios estructurados / data-driven: Combinado con las plantillas y los tipos de contenido personalizados, lo dinámico + los campos personalizados permiten sitios RICOS y ESTRUCTURADOS (directorios, catálogos, fichas, portfolios).
Estático vs dinámico: Estático: un valor FIJO introducido (un texto, una imagen concretos). Dinámico: un valor LIGADO a una fuente que varía según el contenido mostrado (el título de cada entrada…).
Estructura limpia: Contenedores bien pensados, tan SIMPLES como sea posible — la clave de un sitio RESPONSIVE, EFICIENTE y MANTENIBLE.
Estructura vs contenido: Los CONTENEDORES estructuran y organizan (las cajas); los WIDGETS muestran el contenido (dentro de las cajas). Se crean contenedores y se sueltan widgets en ellos.
Superposición (overlay): Una capa (color semitransparente o degradado) puesta POR ENCIMA de un fondo (sobre todo una imagen): sirve para OSCURECER/teñir la imagen de modo que el TEXTO encima siga siendo LEGIBLE.
Sobre-anidamiento (a evitar): Apilar contenedores INÚTILES («cajas dentro de cajas» sin motivo): recarga el código (rendimiento), complica el mantenimiento y el responsive. Usar JUSTO los contenedores necesarios.
Theme Builder (Pro): La función estrella de Elementor Pro: diseñar VISUALMENTE las partes del tema (cabecera, pie, plantillas de entradas/archivos) en Elementor — lo que Free no permite. Convierte Elementor en un constructor de SITIO completo.
Tipografía: Fuente (familia), tamaño, grosor, interlineado, espaciado de letras, caja, alineación (pestaña Estilo). Una buena tipografía (fuentes legibles, jerarquía de tamaños, interlineado cómodo) es esencial para la legibilidad.
Una plantilla para todo el contenido: Se diseña UNA plantilla aplicada automáticamente a todo el contenido correspondiente: modificar la plantilla actualiza TODAS las entradas/listas de golpe — diseño controlado y coherente.
Visibilidad responsive: Ocultar/mostrar un elemento según el dispositivo (pestaña Avanzado): p. ej. ocultar en móvil un elemento que estorba.
Widget: Un ELEMENTO DE CONTENIDO concreto colocado DENTRO de un contenedor: título, texto, imagen, botón, icono, vídeo, formulario… Cada widget muestra un tipo de contenido y se configura.
Widget Entradas/Posts (Pro): Mostrar una LISTA o una CUADRÍCULA de entradas (últimas entradas, de una categoría…) con un diseño personalizado — para un blog, una sección de actualidad, entradas relacionadas.
Widget Formulario (Pro): Crear formularios VISUALMENTE (campos, validación, confirmación) y definir ACCIONES tras el envío (enviar un correo, guardar, redirigir, integraciones de marketing). En Free se recurre a un plugin de terceros.
Widget Título (Heading): Muestra un título con su NIVEL semántico (H1 a H6 — importante para la estructura, el SEO y la accesibilidad), su tamaño y su estilo.
Widgets básicos: Los elementos de contenido corrientes, presentes desde Free: Título, Editor de texto, Imagen, Botón, Icono, Lista de iconos, Separador, Espaciador, Vídeo, Galería… Cubren lo esencial de una página.
Widgets Pro: Numerosos widgets añadidos por Elementor Pro: Formulario, Entradas/Posts, Presentación, testimonios, precios, cuenta atrás, compartir en redes, navegación, galería Pro… Amplían ampliamente las posibilidades sin programar.
WooCommerce: La extensión de e-commerce de referencia para WordPress (gratuita): el MOTOR de la tienda (gestión de productos, carrito, pedidos, pagos, impuestos…). Requisito del WooCommerce Builder.
WooCommerce Builder (Pro): Función de Elementor Pro para DISEÑAR VISUALMENTE las páginas de una tienda WooCommerce (página de producto, tienda, categorías…) — en lugar de las plantillas por defecto. Requiere WooCommerce instalado.
Flujo de trabajo profesional: Las prácticas que marcan la diferencia entre apañar y entregar un trabajo PRO: reutilización (kits, plantillas, globales), método (estructura/identidad primero, pruebas), calidad, mantenimiento, entrega cuidada.