Quien se ocupa por primera vez de WordPress tropieza en pocos minutos con el nombre Elementor. Normalmente en una frase del tipo «con eso construyes tu web sin programar». Es cierto, pero no explica qué es realmente ese trasto ni por qué existe. Aquí va la versión sobria.
La versión corta
Elementor es un plugin de WordPress con el que diseña visualmente los contenidos de las páginas. En lugar de teclear texto en un campo y esperar a que el tema haga con él algo presentable, arrastra elementos a una superficie y ve al instante qué aspecto tiene el resultado. Lo que ve en el editor es, en lo esencial, lo que verá después el visitante.
Este tipo de herramientas se llaman maquetadores de páginas (page builders). Elementor es el más extendido de todos; funciona en varios millones de instalaciones de WordPress.
Por qué existe siquiera
WordPress fue en origen un software de blogs. Se escribía texto, el tema determinaba el aspecto, y listo. En cuanto alguien quería una página de inicio con tres columnas, una imagen de fondo y un botón destacado, la cosa se volvía trabajosa: o encontrar un tema capaz de hacer exactamente eso, o programar.
Los maquetadores de páginas han cerrado ese hueco. Permiten maquetaciones que el tema no prevé por sí mismo, sin que tenga usted que tocar CSS ni PHP.
Entretanto, WordPress trae consigo con el editor de bloques (Gutenberg) una herramienta parecida. Cómo se relacionan ambos y cuándo tiene más sentido uno u otro lo he escrito con detalle en la comparativa entre el editor de bloques y los maquetadores de páginas.
Cómo se siente trabajar con él
La estructura se explica rápido. A la izquierda hay una barra con elementos — título, texto, imagen, botón, vídeo, icono y demás. A la derecha (o en el centro, según la vista) está su página. Arrastra un elemento dentro, hace clic en él, y la barra izquierda se convierte en la zona de ajustes de justamente ese elemento.
Esos ajustes están divididos en tres pestañas, y ese patrón vale para cada elemento:
- Contenido — qué pone: el texto, la imagen, el destino del enlace.
- Estilo — qué aspecto tiene: color, tamaño de letra, espaciados, bordes.
- Avanzado — dónde se sitúa y cómo se comporta: márgenes exteriores, visibilidad en móviles, clases CSS propias.
Una vez haya interiorizado esa división en tres, se orientará en cualquier widget. Ese es el verdadero paso de aprendizaje — el resto es práctica.
Contenedores: la parte que muchos se saltan
Los elementos no están sueltos sobre la página, sino dentro de recipientes. Estos contenedores determinan la estructura: qué anchura tiene el contenido, si los elementos van uno junto a otro o uno debajo de otro, cómo se reorganizan en el móvil.
Quien ignora los contenedores y se limita a arrojar widgets dentro obtiene páginas que en escritorio se ven aceptables y en el móvil se desmoronan. Es, con diferencia, el error más frecuente que reparo en las formaciones. Por eso le he dedicado al tema un artículo propio: Contenedores en lugar de secciones.
¿Gratuito o de pago?
Elementor existe en dos niveles. La versión gratuita es completa y basta para muchos sitios web. La versión Pro añade sobre todo cuatro cosas: un widget de formulario propio, el Theme Builder para la cabecera y el pie, popups y contenidos dinámicos.
Qué versión le encaja lo he calculado en Elementor Free o Pro. Versión corta: empiece con la gratuita; al construir notará usted mismo si necesita más.
Elementor Pro: si quiere la cabecera, los formularios y los popups de una sola mano, en vez de mantener tres plugins separados, todo eso está en la licencia Pro. Ver Elementor Pro
Para quién es adecuado, y para quién no
Adecuado si quiere mantener usted mismo su sitio web, tiene en mente una maquetación que su tema no da y está dispuesto a invertir unas horas en los fundamentos.
Menos adecuado si su página consiste en texto corrido y no necesita maquetaciones especiales — entonces basta el editor de bloques. Igualmente, si la máxima velocidad de carga está por encima de todo: un maquetador de páginas genera forzosamente más marcado que el código escrito a mano. Y si de todos modos nunca va a trabajar usted mismo en la página, el tiempo de aprendizaje está mal invertido.
Lo digo con claridad, porque Elementor no es la respuesta correcta para cualquier situación. Cuándo lo desaconsejo está en Cuándo Elementor es la elección equivocada.
Cómo empezar mejor
Instale la versión gratuita, cree una página de pruebas que nunca se publique y trastee ahí durante una hora. Arrastre elementos dentro, muévalos, cambie a la vista de móvil y observe qué pasa. En esa sola hora aprenderá más que en cinco vídeos.
Si prefiere el camino estructurado y saltarse los tropiezos habituales, le llevo por exactamente esos fundamentos en mi formación de Elementor.
Etiquetas