Beaver Builder, el creador de páginas de WordPress imprescindible

Beaver Builder se ha convertido – sin duda – EL creador de páginas que debe utilizar para diseñar sus sitios y páginas de WordPress. Muy fácil de usar, una interfaz simple, intuitiva y muy amigable, hacen de esta extensión un Must-Have que se distingue de sus competidores y cumple todas sus promesas.

¿Pero por qué es eso?

Porque su documentación es rica y el soporte muy receptivo, porque es una herramienta ergonómica y accesible sin un conocimiento profundo de las clases de CSS. Y sobre todo, porque te permite desarrollar tus páginas y modelos en modo front-end desde cualquier tema.

castor-constructor-WP

Presentación de herramientas

Los desarrolladores de Constructor de castores ofrecen dos opciones: un tema completo (+ su tema hijo) y una extensión. Ambas opciones son accesibles por manifestación.

El constructor de castores TEMA

Es un tema de WordPress, con todas las características de la extensión de Constructor de castores. La idea es tratarlo como un tema padre y luego crear su tema hijo a partir del cual realizará los cambios. La mayor parte de la personalización la realiza el Personalizador de WordPress.

tema-castor-constructor-wordpress

Tenga en cuenta que el tema no se vende solo, es parte del paquete de desarrollador profesional ($ 199). Por ejemplo, la nueva versión del Servidor WP proviene de esta pareja Tema + Extensión. El resultado es perfecto, a todos los niveles.

Bastante fácil de aprender permite diseñar un tema personalizado en poco tiempo. Es una garantía de un renderizado profesional de alta calidad gráfica y permite un diseño real a medida.

LA EXTENSIÓN Beaver Builder

Completa y rica en elementos interactivos para componer sus páginas y mejorar su contenido, la extensión es compatible con cualquier tema cuyo Marco de Génesis. Esto también puede resultar atractivo para los desarrolladores.

Con solo arrastrar y soltar o arrastrar y soltar, colocas los módulos donde quieras. Ya sea un formulario, tablas, galería de imágenes, presentación de diapositivas o fichas de productos, etc.

Podrá diseñar rápidamente modelos complejos y si tiene algún conocimiento de diseño y CSS, puedes agregar tus propios estilos. Los módulos ya están listos para su uso y tendrás acceso a una gran cantidad de opciones (elección de fuentes, tamaños, colores, etc.).

También tenga en cuenta que la extensión es disponible gratis (sin embargo, algunas opciones importantes están deshabilitadas) y establecerse como cualquier complemento de WordPress.

Descubre Beaver Builder 🙂

extensión-constructor-castor

Pero, ¿por qué es tan interesante esta herramienta?

Para ponerlo en perspectiva y antes de entrar en detalles, volvamos a sus principales competidores para que puedas ver con mayor claridad.

Pequeña comparación con los países de los Constructores …

Si ya está utilizando creadores de páginas, probablemente esté familiarizado con los dos principales competidores que existían mucho antes de Beaver Builder: Compositor visual y Divi.

El constructor según Visual Composer

La primera, incluso si es muy correcta y está bastante bien calificada, rápidamente puede resultar compleja, una hermosa planta de gas. Su precio es atractivo, se ha probado. Lo abandoné porque a veces lo encontré demasiado intensivo en recursos y mostrar el rendimiento a veces propenso a las críticas o peor aún, sin que la página se abra nunca. Dicho esto, sigue siendo una apuesta segura en la tierra de los constructores.

Por ilustracion, la interfaz de Visual Composer me parece más difícil ya menudo me resultaba complicado saber qué contenido estaba oculto detrás de qué módulo (lo mismo para Divi).

visual-composer-wordpress

El constructor según DIVI

Cuando el segundo – Divi – vasto y genérico (permitirá muchos estilos y tipos de sitios), es más bien destinado a ser utilizado por personas que no son desarrolladores y bastante fácil de aprender.

Está desarrollado por el editor de temas ElegantThemes que es una plataforma online de temas premium de WordPress cuya oferta económica es realmente interesante (89 € por paquete completo / suscripción anual).

divi

Divi quiere ser ultra-personalizable, puede crear su diseño simplemente arrastrando y soltando. El tema es 100% compatible con WooCommerce y la mayoría de las extensiones (re) conocidas.

Como Beaver Builder, Divi tiene en su caja de herramientas un montón de widgets y elementos que te ayudarán a componer tus páginas. : editor de texto, imagen, galería, presentación de diapositivas, tabla de precios, artículos de blog, botones, redes sociales, pestañas …

Así como el aspecto general (tipografía, posicionamiento, etc.) es personalizable, las opciones apenas difieren de las otras dos plataformas mencionadas (Visual Composer y Beaver Builder).

divi-grid

Como muestra la captura de imagen anterior, es bastante difícil conocer el contenido detrás del módulo de texto, por ejemplo.

Si habla inglés con fluidez, este artículo está bastante bien escrito y compara «sin cariño» o prejuicios, las diferentes extensiones o leer el artículo por WPBeginner lo que coloca a Beaver entre los 5 mejores constructores.

¿Pero entonces cuál elegir?

Bueno, ¡la principal diferencia está en el desarrollo front-end! Esto es lo que hace que Beaver Builder sea tan fuerte.

Todas las modificaciones con Beaver Builder tienen lugar en la parte visible., «Lado de la pantalla» de su sitio web. Podrás validar un diseño particular que será la réplica exacta de las opciones elegidas.

castor-constructor-botón-antes castor-constructor-botón-después

La extensión funciona escribiendo estilos CSS directamente en línea, mientras que Divi se basa en códigos cortos. Aquí es donde surge uno de los principales inconvenientes de Divi, cuando desactiva la extensión, los rastros de sus códigos cortos permanecen visibles. Puede convertirse en un verdadero dolor de cabeza limpiar sus páginas después.

¡Con Beaver Builder, este problema no existe!

Más técnicamente, Beaver Builder ofrece caché nativo (CSS y Javascript para las plantillas) lo que mejora el rendimiento y hace que este constructor sea uno de los más receptivos y rápidos (sin latencia en la construcción actual y una representación visual casi inmediata).

La extensión Beaver Builder también ofrece latiene la posibilidad de que los desarrolladores diseñen sus propios módulos personalizados.

Finalmente, observe en los detalles de la extensión que todos los diseños responden y el editor visual es compatible junto con publicaciones, páginas y todos los demás tipos de contenido personalizado.

Beaver Builder funciona bien con la mayoría de los demás complementos de WordPress. Por ejemplo, puede integrar fácilmente elementos de otros complementos en sus diseños, como formularios, tablas y / o galerías. WooCommerce, WordPress multilingüe, WordPress multisitio, lo esencial está ahí para trabajar y los desarrolladores están muy activos para asegurar la continuidad del desarrollo de esta hermosa extensión.

Finalmente, y esta es una opción igualmente excelente, Puede utilizar plantillas predefinidas para que sirvan de base para sus diferentes diseños. pero sobre todo, importar y exportar muy simplemente estas plantillas. Las bibliotecas son accesibles de inmediato.

plantilla-castor-constructor-wordpress

Resumen de las principales ventajas de Beaver Builder

  • Beaver Builder es un herramienta frontal, todo sucede en modo visual (y no por el back-office de WordPress)
  • Beaver Builder es compatible con la mayoría de temas (incluso premium)
  • Beaver Builder es Muy lleno (28 módulos, 14 plantillas de página de inicio, 13 plantillas de página de contenido, etc.)
  • Beaver Builder permite diseño de sus propios módulos
  • Beaver Builder es traducido en francés
  • Beaver Builder es 100% receptivo y se basa en Boostrap y Menos
  • Beaver Builder es semántico y SEO amigable

En la siguiente captura de pantalla, le sugiero que descubra el sitio de esta agencia creado con el marco Genesis (recomendado para desarrolladores) y Beaver Builder para la parte de diseño.

agencia-de-comunicación-colormyweb

¿Es un sueño centrarnos en nuestro negocio principal sin perder demasiado tiempo creando páginas codificadas?

¡Irrealizado!

Por mi parte, como diseñadora y diseñadora gráfica, encontré a mi socio ideal en Beaver Builder. Me permite ir a lo esencial: diseñar y crear. Aunque aprendí a codificar (temas, CSS), puedo diseñar rápidamente maquetas, prototipos y maquetas sin pasar por el código y, en términos de diseño de UX, Beaver Builder puede ser muy útil.

Entonces, ¿todo esto no te hace querer probarlo? De verdad ?

Otros recursos: