Los Constructores para WordPress o manejadores de contenido llegaron hace ya bastante tiempo con el fin de facilitar la edición visual y la distribución de contenido de nuestras webs.
No todos los Constructores para WordPress son pagos; también existen los de distribución gratuita. Aunque, desde luego, las versiones pagas (PRO) tienen mayores funcionalidades que te facilitan la creación de tu web.
Tabla de Contenidos
¿Cuál es la función de un constructor?
La función principal de un Constructores para WordPress es la de mejorar la estructura de un Sistema de Gestión de Contenidos o CMS para facilitar la diagramación de elementos multimedia dentro de tu blog o web.
A su vez, te ahorra tiempo y permite nuevas modificaciones sin que sea necesario la edición de código de programación en PHP, CSS, JAVASCRIPT o HTML. Así como también, ayuda a realizar sitios más llamativos y funcionales para nuestros usuarios; que le ofrecen una mejor experiencia de navegación.
Ventajas de usar Constructores para WordPress
- Da la funcionalidad de arrastrar o mover elementos.
- Disminuye el tiempo de maquetación de una web.
- Añade funcionalidades adicionales a los temas.
- Se integra de forma fácil y rápida a temas y WordPress.
- Prescinde de la edición de códigos.
- No necesitas tener conocimientos en diseño, entre otras.
En esta ocasión trabajaremos con cinco Constructores para WordPress. Queremos que los conozcas y veas cómo pueden ayudarte en la edición y creación de tus portales digitales. Los constructores que trabajaremos son:
1) Elementor
2) Wp Visual Composer
3) Divi Builder
4) Page Builder de SiteOrigin
5) Live Composer
Claramente existen muchísimos builders más que los que aparecen en esta lista como es el caso de Extra, Headway, Klein, Layers, Themify Builder, Total, Avada, Basis, Make, Monstroid, MotoPress, Neosense, PageLines, Beaver Builder, Ultimatum, Unyson Framework, Valenti, VelocityPage, WP-Creative, WP-Multipurpose, Zerif Pro, LayoutPress, Litte, PinsPro, River, Solitudo, 1X, Agencia.
Pero en esta ocasión nos enfocaremos a explicar en detalle cada uno de los cinco presentados en la lista anterior para que los incorpores en tus proyectos profesionales.
Cabe acotar que los temas gratuitos no ofrecen grandes posibilidades de edición por lo que se hace necesario escribir varias líneas de código para mejorar la visual de tu plantilla web.
Elementor
Es uno de los mejores creadores. Permite editar tu página en vivo, así como ver la edición visual en los distintos dispositivos móviles. Con él puedes crear tu propio header y footer con un addons que se instala a través de un plugin.
Elementor Pro mejora enormemente las funciones de tu CMS; así como el flujo de trabajo y permite diseñar más rápido tus páginas sin necesidad de agregar código.
Existen muchísimas características importantes dentro de este builder; pero acá te daré algunas de las que considero más resaltantes:
- Constructor de formas intuitivas.
- Automatización de marketing e integraciones de CRM y conexiones con WEBHOOK.
- Fuentes personalizadas.
- Gerente de roles.
- Blog widget de diseño de publicación.
- Imagen y video deslizables.
- WooCommerce.
- Widgets globales.
- CSS personalizado.
- Titulares animados.
- Grosor de textos.
- Recorte de imágenes.
- Bordes.
Widgets Gratis
Este plugin posee una gran cantidad de widgets para mejorar la creación de páginas y te permite crear funciones de forma fácil y rápida. Aquí te indico las más usadas:
- La partida. Añadir titulares llamativos.
- Imagen. Permite controlar tamaño, opacidad y efectos paralax, centrado de imagen entre otros.
- Editor de texto. Un editor de texto WYSIWYG, al igual que el editor de WordPress con la funcionalidad adicional de cambiar la tipografía y grosor de las mismas.
- De vídeo. Agrega YouTube o Vimeo a tu página.
- Botón. Controlando cada aspecto del diseño del botón, efectos, textos, colores.
- Cuadro de imagen. Un cuadro que incluya imagen, título y texto.
- Testimonios. Diseño de sección de testimonios que permita generar más confianza con tus clientes.
- Icono. Coloca uno o más de 600 iconos de ubicación como WhatsApp, Facebook, YouTube; entre muchos más.
- Galería de imágenes. Creación de galería de fotos con solo seleccionar imágenes por medio de un clic y permite, además, ordenarlas arrastrando y seleccionando el orden deseado.
- Carrusel de imagen. Un carrusel giratorio que da la opción de agregar cuantas imágenes deseas mostrar, así como el tiempo de rotación.
- Lista de iconos. Una lista de viñetas con cualquier icono y texto elegidos.
- Contador. Mostrar estadísticas y números de una manera creciente.
- Barra de progreso. Incluye una barra de progreso creciente.
- Más aquí. Crea pestañas verticales u horizontales con la opción de ver más contenido.
- Acordeón. Una pantalla plegable de contenido para generar grandes cantidades de contenido en lugares no tan extensos.
- Alternar. Permite un Accordion, para sección de preguntas frecuentes.
- Clasificación de estrellas. Añade la funcionalidad de calificación por estrella.
- Alerta. Genera alertas personalizadas para llamar la atención de los usuarios.
- HTML. Permite insertar código en la web desde html y javascript.
- Código corto. Inserta código de forma fácil para un complemento de la web.
- Menú ancla. Permite la creación de menú con anclaje para la creación de
- Leer más. Establece el Read More que genera un corte de contenido en cada artículo.
- Barra Lateral. Añade cualquier barra lateral a la página para poder personalizar la sección sidebar a gusto del usuario.
- Google Maps. Incrustar mapas en la página.
- SoundCloud. Agrega bits de audio desde SoundCloud.
- Divisor. Una línea que divide diferentes elementos en la página de forma sencilla que puede determinar el porcentaje de anchura de cada columna.
- Espaciador. Un espacio que divide los distintos elementos editables.
- Columnas. Crea columnas internas para obtener maquetaciones a la medida.
Traducciones
Elementor posee traducciones en diversas lenguas para ajustarse a los idiomas que manejen sus usuarios. Aquí algunas de ellas: Afrikaans – (af), Alemán – (de_DE), Árabe – (ar), Chino (China) – (zh_CN), Español (España) – (es_ES), Francés – (fr_FR), Inglés (Reino Unido) – (en_GB), Italiano – (it_IT), Japonés – (ja), Portugués (Portugal) – (pt_PT), entre otros.
Diseño en vivo
Este plugin permite la edición en vivo en un frontend el cual permite de forma visual editar tu página web y ver como está quedando y dejar de lado la opción de actualizar en cada momento para poder previsualizar las modificaciones.
Sorpresas que no verás en ningún otro lugar
Elementor da la posibilidad de crear un sitio web con ese toque de diseñador permitiéndote crear sombras de cuadro, modificar márgenes, espaciados, opacidad, cambio de colores, hover, animaciones, efectos de desplazamiento, fondos, divisores de forma, degradados, etc.
Plantillas y Bloques prediseñados
También tiene plantillas prediseñadas para que no tengas que maquetar toda la web sino editar y personalizar las fotos, los colores y el texto. Sumado a ello, da la opción de unir varias plantillas para obtener un diseño personalizado.
Primero el móvil
Este builder viene con un conjunto de herramientas exclusivas que permiten crear sitios responsive con tamaño de fuente, relleno, márgenes, orden inverso de columnas y fondos personalizados.
Deshacer, Rehacer e Historial de Revisiones
Este maquetador tiene una gran ventaja que incluye la opción de deshacer y rehacer con Ctrl / Cmd + Z o navegando en la lista completa de las acciones realizadas.
Plantillas en Blanco para Páginas de Destino
Permite generar una página totalmente en blanco sin header ni footer para trabajarla como página de aterrizaje.
Wp Visual Composer
Es uno de los Constructores para WordPress más utilizados y populares y con la licencia más asequible para los usuarios. Este plugin está desarrollado por ThemeForest que posee, por defecto, la mayoría de los temas que comercializan como su constructor de página predeterminado.
Visual Composer es compatible con la mayoría de temas pagos o gratuitos que están en el mercado. Dispone de gran cantidad de funcionalidades para efectos de hover en imágenes, agregar o editar tamaño de imágenes, crear secciones de post personalizadas, agregar videos de forma fácil; así como crear multipáginas de tiendas por categorías.
Divi Builder de Elegant Themes
Un plugin creado y comercializado por Elegant Themes. Es una gran opción al momento de tomar la decisión de usar un maquetador visual. Posee constantes actualizaciones y mejoras que aportan versatilidad a la hora de la creación web.
Tiene una interfaz fácil e intuitiva y posee plantillas predeterminadas para facilitar el diseño web. Este maquetador permite la opción de editar páginas, post o secciones.
Page Builder de SiteOrigin
Se trata de un plugin desarrollado por SiteOrigin. Es una gran opción al momento de escoger un maquetador visual; principalmente, por la facilidad de uso, la omisión de código y por la forma que ofrece para realizar diseños.
Tiene un excelente comportamiento «responsive» permitiendo que los cambios realizados en post o páginas, productos y opciones del tema se vea de forma adecuada en cualquier dispositivo móvil.
Permite la opción de integrarse con Soliquy para personalizar tu slider de forma sencilla. De este complemento destaco la posibilidad de hacer y deshacer cambios generando una marcha atrás por acciones o modificaciones realizadas en el historial de edición web.
Live Composer
Es un plugin gratuito que también permite mover o arrastrar elementos, generar páginas de aterrizaje o landing page, páginas web, blogs, tiendas, Marketplace, infoproductos y páginas de contacto.
Da la opción de editar la sección de productos y post que publiques en tu web y permite salir modificar la plantilla estándar de entradas para contar con un diseño personalizado para tu blog.
De igual forma, posee una gran cantidad de módulos para títulos, widgets, videos, imágenes, galerías, bloques de texto y permite agregar sidebar en secciones de la web; así como crear nuevos módulos según los requerimientos que se presenten.
¿Qué hacer si no usas un Constructores para WordPress?
Puedes apoyarte en el editor Gutenberg o modificar de forma nativa tu WordPress. Si bien es cierto que de esta forma puedes realizar bastantes acciones, deberás tener vastos conocimientos en css, html y php para llevar tu diseño a resultados óptimos.
Instalando en tu WordPress un manejador de contenido o constructor visual como Divi Builder, podrás agregar bloques de anchura completa y de contenido y poderlos dividir de forma sencilla.
También te puede interesar: ¿Virus en tu Android? ¿Qué hacer y cómo eliminarlos?
