Los editores de plantillas de WordPress son herramientas que sirven para facilitar la personalizaciรณn de una pรกgina web. Actualmente existen muchรญsimos editores con diferentes caracterรญsticas que nos permitirรกn crear una web visualmente atractiva de forma muy sencilla.
En esta entrada del blog te vamos a enseรฑar algunos de los mรกs usados y conocidos, entre los que se encuentran: Gutenberg, Elementor, Divi Builder y Visual Composer.
ยกVamos a conocerlos un poco mรกs!
Gutenberg
Es uno de los nuevos editores de WordPress y se caracteriza por ser un constructor visual y por el uso de bloques. Viene instalado en el tema predeterminado de WordPress.
Es el editor nativo de WordPress y se encuentra actualmente en fase desarrollo, por lo que en cada actualizaciรณn de WP puede haber mejoras en el editor
A largo plazo, el objetivo es que avance hacia Full Site Editing (editar 100% tu sitio web usando el editor Gutenberg)
Ventajas de usar Gutenberg:
- Es la evoluciรณn de un maquetador, pueden crearse estructuras de diseรฑo completas (relevante para la ediciรณn de pรกginas)
- Tiene una interfaz muy limpia y es muy fรกcil encontrarlo todo
- Existen muchos plugins para aรฑadir funcionalidades a este editor
Desventajas de usar Gutenberg:
- Problemas tรฉcnicos con plantillas y plugins que no estรฉn adaptados a este editor
- No permite columnas flexibles por lo que los bloques pueden aรฑadirse en formato vertical, no en horizontal con mรบltiples columnas.
Elementor
Es uno de los editores visuales mรกs intuitivos que ha revolucionado el mercado por su sistema de ยซdrag and dropยป de arrastrar y soltar. Se caracteriza por tener un diseรฑo avanzado y un enfoque pleno de cรณdigo abierto.
Es inmediato ya que puedes ver la ediciรณn en tiempo real y la carga instantรกnea de la pรกgina hacen que la interfaz sea divertida y fรกcil de utilizar, ademรกs se reduce el tiempo de diseรฑo. Todo eso es posible ya que editas el sitio en vivo, no en el panel de administraciรณn y sin tener que pulsar actualizar ni dirigirse al modo de vista previa para ver los cambios efectuados.
Hay muchas integraciones disponibles: formularios, galerรญas, carruseles, listados de iconos, valoraciรณn de estrellas, alertas, … Y es que a Elementor, lo podemos complementar con plugins y extensiones totalmente gratuitas.
Si quieres tener mรกs prestaciones disponibles, siempre puedes dar de alta el Elementor Pro por 49$/aรฑo
Existe el tema o plantilla ยซHello Elementorยป y viene totalmente en blanco para que todo se maquete con el constructor.
Ventajas de usar Elementor:
- Es muy visual, funciona con sistema de Drag & Drop (arrastrar y soltar) e incluso se puede personalizar la apariencia de los plugins
- Permite trabajar en columnas para organizar el contenido
- Permite crear plantillas para diferentes secciones de la pรกgina
Desventajas de usar Elementor:
- Tiene pocas opciones de configuraciรณn para los menรบs
- No es compatible con todos los temas de WordPress
- Carga una fuente de iconos propia y aรฑade carga extra a la web
Divi Builder
Antiguamente solo se podรญa usar en la plantilla Divi, actualmente se puede usar en cualquier plantilla de WordPress.
Estรก compuesto por mรบltiples diseรฑos, mรณdulos y secciones pre-diseรฑadas. Aparte tiene un diseรฑo estรฉtico y excelentes grรกficos.
Es compatible con Woocommerce, Aweber, MailChimp y Google Maps.
Divi tambiรฉn es un tema de WordPress y viene con el constructor integrado.
Puedes resolver las dudas que tengas con este editor ya que existe una gran comunidad de ayuda para soporte.
Ventajas de usar Divi Builder:
- Facilidad de uso ya que funciona con mรณdulos
- Posibilidad de configurar para cada dispositivo
- Se pueden aรฑadir elementos interactivos cambiando color, forma o tamaรฑo al pasar el ratรณn por encima
Desventajas de usar Divi Builder:
- No acepta el formato de imagen SVG
- Si desinstalas el Divi Builder, todos los elementos construidos con รฉl se transformarรกn en shortcodes y serรกn ilegibles
- Debido a todas las funcionalidades que tiene, resulta algo pesado. Esto puede afectar a la velocidad de carga y al SEO
Visual Composer
A dรญa de hoy se ha visto superado por otros editores visuales mรกs potentes y manejables. Aรบn asรญ, viene preinstalado en muchas plantillas de Themeforest.
Tiene una gran cantidad de addons tanto propios como de terceros por lo que puedes insertar muchos elementos.
Unos de los problemas es que tienes que estar previsualizando continuamente, cuando otros editores permiten editar el contenido en vivo y los resultados se ven al momento.
Este plugin ha recibido bastantes crรญticas por parte de los desarrolladores ya que deja mucha cantidad de cรณdigo basura en forma de shortcodes que no desaparece ni desinstalando el plugin.
Tiene un precio de licencia de 34$ para รบnicamente una web y con un soporte de una duraciรณn de 6 meses.
Ventajas de usar Visual Composer:
- Se puede diseรฑar y lanzar casi cualquier publicaciรณn o pรกgina web sin escribir nada de cรณdigo
- Permite guardar una pรกgina como plantilla y usarla de nuevo en una fecha posterior
- Es compatible con casi todos los temas de WordPress
Desventajas de usar Visual Composer:
- Hay que dedicar un tiempo a familiarizarse con la plataforma ya que no adopta el estilo del panel de control de WordPress
- Su funcionamiento se basa en shortcodes y si se desinstala el plugin se pierde todo el contenido
- Hace que la web cargue mรกs lentamente y este es un aspecto esencial para el SEO y la experiencia de usuario
Conclusiรณn
Actualmente hay muchos editores visuales para plantillas de WordPress. Una buena recomendaciรณn serรญa que se utilice el que venga preinstalado con el tema que elijas. Si ese editor se te queda corto en cuanto a prestaciones, serรก el momento de buscar una alternativa y los que hemos comentado son una muy buena opciรณn.
