Introducción a los maquetadores visuales en WordPress

Que son los maquetadores visuales

Un maquetador visual o constructor de páginas, del inglés Page Builder, es un complemento o conjunto de herramientas las cuales te ayudarán principalmente a crear páginas web así como a incrementar las opciones de personalización disponibles en tu WordPress con el fin de que puedas crear contenidos visualmente atractivos.

En WordPress estos complementos se suelen presentar en forma de plugins y la mayoría funcionan con el método de arrastrar y soltar, del inglés drag&drop.

Algunas ventajas de utilizar maquetadores visuales en WordPress

A continuación te muestro las razones más importantes para utilizar un maquetador visual:

Ahorro de tiempo

El uso de un maquetador visual te permitirá maquetar el diseño de cualquier página en tan sólo unos minutos mediante la técnica de arrastrar y soltar, y sin necesidad de modificar código. Esto se traduce en un ahorro de tiempo considerable.

Muy fáciles de usar

Todas estas herramientas tienen un funcionamiento muy básico y similar. Mediante la técnica de drag&drop (arrastrar y soltar) podrás seleccionar los elementos que quieras añadir y colocarlos en la posición que quieras. Luego podrás configurar diferentes aspectos del elemento mediante un panel de opciones bastante sencillo e intuitivo.

Más recursos y opciones de personalización

Los maquetadores visuales incluyen una lista predefinida de elementos para incluir en tus páginas. Esta lista de elementos suele actualizarse para añadir nuevos elementos cada cierto tiempo. También estos elementos tienen diferentes opciones de personalización para que se muestren según tus gustos y necesidades.

A continuación te muestro los elementos que se incluyen en el maquetador visual Elementor Pro:

  • Columnas
  • Encabezado
  • Editor de texto
  • Imagen
  • Vídeo
  • Botón
  • Divisor
  • Espaciador
  • Mapa
  • Contador
  • Icono
  • Lista con iconos
  • Acordeón
  • Pestañas
  • HTML
  • Caja con icono
  • Shortcode o código corto
  • Caja con imagen
  • Carrusel de imágenes
  • Galería de imágenes
  • Podcast de SoundCloud
  • Testimonios
  • Iconos sociales
  • Sidebar
  • Widgets de WordPress
  • Barra de progreso
  • Alerta
  • Formulario
  • Elementos de WooCommerce
  • Productos de WooCommerce
  • Categorías de WooCommerce
  • Añadir al carrito (WooCommerce)
  • Slides
  • Plantillas
  • Entradas
  • Portafolio
  • Lista de precios
  • Tabla de precios
  • Caja giratoria
  • Cuenta atrás
  • Botones para compartir
  • Login
  • Titular animado

No es necesario saber programación ni modificar código

Para utilizar estas herramientas no es necesario tener conocimientos de programación ni saber modificar código. Todo se realiza mediante arrastrar y soltar. También podrás ajustar algunos parámetros de configuración para cada elemento mediante un sencillo panel de opciones.

Visualización de los cambios

Al igual que ocurre con las últimas versiones de WordPress en las que puedes realizar cambios desde el personalizador y ver dichos cambios sobre la marcha, algunos maquetadores visuales, como por ejemplo Elementor, incluyen esta característica que permite visualizar los cambios en vivo y en directo sin necesidad de estar grabando el trabajo antes ni cambiar de pantalla para poder verlos.

Tipos de maquetadores visuales y dónde encontrarlos

Existen muchos Page Builders para WordPress pero la mayoría se agrupan en dos tipos:

  • Gratuitos
  • De pago

Los gratuitos son completamente funcionales pero incluyen menos elementos y opciones de personalización que los premium o de pago.

Los de pago podrás encontrarlos también en forma de plugin o bien como herramienta integrada cuando compras una plantilla web o tema premium. A modo de ejemplo, el tema Enfold incluye su propio editor de diseño con el que podrás maquetar tus páginas mediante drag&drop. Yo he tenido la suerte de probarlo en varias ocasiones y me ha encantado!

En este enlace puedes ver los mejores maquetadores visuales para WordPress.

Algunos consejos

  • No se recomienda utilizar un maquetador visual para crear las entradas del Blog. Al tratarse de una sección dinámica que está en constante evolución y crecimiento, es preferible utilizar el editor por defecto de WordPress.
    Imagina que transcurrido varios meses quieres cambiar de maquetador visual o sencillamente quieres dejar de utilizar este tipo de herramientas. Dependiendo de la herramienta que utilices, si has maquetado todas las entradas de tu Blog tendrás que corregir o rediseñar todas y cada una de ellas.
  • Intenta evitar el uso de un maquetador visual que funcione exclusivamente con shortcodes. Muchos maquetadores visuales trabajan con códigos cortos para ubicar y mostrar sus elementos. Esto puede llegar a ser un verdadero quebradero de cabeza si algún día decides cambiar de maquetador o simplemente dejar de utilizarlo.

Mi maquetador visual

Una de mis herramientas favoritas para WordPress es Elementor Page Builder Pro. Es el maquetador que suelo utilizar junto a otras herramientas para crear sitios web. La versatilidad y multitud de opciones de diseño que aporta son para mi de gran valor por el ahorro de tiempo junto a las posibilidades de personalización que ofrece.

Cuando tienes un flujo de trabajo considerable y necesitas crear páginas a medida, con una apariencia específica y única, se hace indispensable el uso de un maquetador visual ya no sólo por el ahorro de tiempo sino por la calidad visual que aporta.

¡Si te ha gustado esta entrada no olvides compartirla en las Redes Sociales!

 

Deja un comentario

diecinueve − 14 =