homefinance blog
Esta revisión de Beaver Builder no es pagada ni ordenada por Beaver Builder ni cualquier otra compañía. Esta es mi sincera opinión como desarrollador profesional de WordPress, que construye y administra los sitios web de WordPress para vivir. Esta revisión es parte de nuestra comparación completa de los generadores de páginas de WordPress, que ofrece revisiones y comparaciones profundas de las páginas de WordPress más grandes.
Comencemos con el resumen ejecutivo. ¿Beaver Builder es bueno? Maldición. Él es nuestro generador de páginas favorito en WordPress.
El mejor generador de páginas de WordPress
Más que cualquier otro complemento único, Beaver Builder cambió mi trabajo como desarrollador de WordPress e hizo que construir un aspecto frontal.
Construido cuidadosamente, rico en funciones y, sobre todo, confiable, Beaver Builder es nuestro generador favorito en WordPress.
Probar ahora
La tabla de revisión del Beaver Builder a continuación es una presentación detallada de las fortalezas y debilidades del Beaver Builder en nuestras páginas Comparación del constructor:
| fácil de usar? class = “column -3”> -Much mejor en 2.x -s -la cancelación de la apariencia es un problema | ||
| rico en características? Easy y tienen iconos confusos | ||
| bien hecho? | 5.0 | — Hace lo que debe hacer un generador de páginas, como debería hacer, no se basa en códigos cortos (div, wpbakery) o “secreto” en el back-end (Elementor, Siteiogin) -Learly en arquitectura limpia |
| confianza? td> | 4.8 | -El punto de venta principal de Beaver Builder; Las cosas funcionan y continúan funcionando: el entretenimiento en línea puede ser brillante, muy ocasionalmente otras apestas | en general | 4.7 | -El mejor generador de página de WordPress |
vea muchos detalles sobre cómo se compara Beaver Builder con Las otras páginas de WordPress más grandes en nuestra comparación completa con el generador de páginas de WordPress.
La revisión completa de Beaver Builder con el resumen de una mirada anterior, aquí está nuestra revisión completa de Beaver Builder. Lo que revisamos esta revisión se centra en Beaver Builder Standard, la versión menos costosa del principal Beaver Builder, actualmente en la versión 2.1. No se tienen en cuenta extensiones, temas u otros productos adicionales de Beaver Builder. Para revisar Beaver Builder, sometí la misma prueba (duplicar la página del destino de una aplicación) que usamos para los otros generadores de páginas que examinamos.
¡Hola! Soy Fred Meyer, editor principal de WPShout. Soy un desarrollador profesional de WordPress de seis años y escribí cientos de tutoriales de WordPress aquí en WPShout en 2013. Intenté por primera vez Beaver Builder a mediados de 2017 y escribí mis experiencias en la primera versión de esta revisión de Beaver Builder . Estoy escribiendo esta versión revisada de la revisión después de haber usado Beaver Builder durante más de un año, tanto para mis propios proyectos como para mis clientes. Los enlaces a Beaver Builder en este artículo son enlaces afiliados. Mis opiniones sobre las fortalezas y debilidades de Beaver Builder son mías. En esta revisión y en mi revisión relacionada con la comparación con el generador de páginas de WordPress, le digo la verdad simple, ya que veo sobre qué páginas de WordPress Builder usar, cuándo y por qué. ¡Gracias por leer!
Secciones de la revista Haga clic en una sección a continuación para navegar en esta revisión de Beaver Builder.
Pro: cosas que amo especialmente en Beaver Builder. Contra: si Beaver Builder es corto.
Resumen: Resumen de Beaver Builder Review.
Comparación con la competencia: donde Beaver Builder encaja con cualquier cosa, desde Diva y Wpbakery Page Builder hasta Squarespace en Gutenberg.
El papel en los proyectos de WordPress: lo que Beaver Builder requiere resuelve y no resuelve en un proyecto de WordPress.
Revise Beaver Builder: Pro confiable Pro me refiero: Beaver Builder le permite lograr sus objetivos bien y rápidamente, sin sacrificar la estabilidad o la croción a través de errores y piratería. Logré tener un comienzo sólido, atractivo, sin problemas y sin fragilidad en el diseño de la página inicial en aproximadamente 20 minutos de trabajo, mientras que hice demostraciones con una forma de gravedad de incorporación impecable y una prueba de código corta “en mayo muchas partes” pasó al fondo:
De los cuatro constructores que probé, mi progreso en Beaver Builder fue, sin duda, el que más me gustaría mostrar azulejos. Podría decir honestamente: “Estamos en progreso en el diseño de su página inicial, solo necesitamos una cantidad suficiente de obras de pulido, fuentes, etc., pero estamos en el camino correcto”. Por el contrario, las páginas que creamos en los constructores de Div y Wpbakery, debido a las debilidades estructurales de esos constructores, son estudios de casos interesantes de fracaso y progreso sin salida a un objetivo real de desarrollo web. Mi progreso en el elemento fue bastante fácil, pero parecía y corrió el riesgo de ser más defectuoso; Me sentiría mucho más preocupado durante la manifestación.
Beaver Builder es lo suficientemente sólido como para usarse sin miedo tanto en proyectos personales como en proyectos de clientes. Entonces, mi experiencia fue que el único de los creadores de Pages de WordPress, Beaver Builder es lo suficientemente sólido como para ser utilizado sin miedo tanto en proyectos personales como en proyectos de clientes. Desde que lo probé por primera vez en 2017, he usado Beaver Builder cada vez que necesitaba crear modelos complejos en un proyecto de WordPress, ya sea para mí o para un cliente. (La única excepción son los clientes que ya usan otra solución incompatible). En todos los proyectos en los que utilicé Beaver Builder, no me decepcionó ni me pusieron en pánico una vez. En algunos lugares en los que confío, Beaver Builder, puede ver numerosos usos de Beaver Builder en nuestros cursos pagados, Cours.wpshout.com, donde todas nuestras páginas de destino y ventas son modelos de Beaver Builder.
Remurbeé la página de destino en ejecución con Beaver Builder. (Haga clic para ver su página de destino completa).
Antes de intentar Beaver Builder, estaba produciendo los mismos modelos con frágil, incorrecto, restrictivo y difícil de manejar a través del tema.
Utilizo Beaver Builder para todos los artículos de WPShout largos, incluido él. También utilicé Beaver Builder para escribir este artículo, ya que es mucho más fácil ver el flujo de elementos cuando lo miras mientras escribes. Hago lo mismo con cada artículo largo que escribo en WPShout, como las recientes prácticas correctas de desarrollo de WordPress. Una vez que el artículo está listo, pegamos el HTML en la pestaña “Texto” al editor predeterminado de WordPress. También puedo contar al menos tres proyectos de clientes actuales que se ejecutan y Beaver Builder sin incidentes. En conclusión, utilicé Beaver Builder para muchas necesidades diversas, tanto para mí como para los clientes, y siempre me alegré de hacer. … Pero peor de la edición en línea en 2.x, sin embargo, tengo que mencionar una tendencia desafortunada aquí. Beaver Builder solía ser extremadamente confiable sin errores en una medida casi aterradora. De hecho, es significativamente más defectuoso en la versión 2, ya que el lanzamiento del editor en línea (consulta “Contra”), que en la versión 1. Genera resultados estables y predecibles que este punto tiene varias facetas.
En Beaver Builder, haga el aspecto limpio estableciendo los elementos reales de CSS. En primer lugar, en Beaver Builder, aparece limpiando los elementos reales de la apariencia de CSS, en particular, llenado y bordes, para cada fila, columna y la forma en que crea. Al configurar una fila para que sea “ancho completo” y establezca su llenado y bordes en 0, la fila realmente se extiende para ser todo el ancho del contenedor de contenido. Al configurar el contenido en esa fila para ser “enmarcado” con un ancho máximo de 800 PX, el contenido en realidad tiene un atributo máximo de 800 PX. Al establecer un módulo para tener un margen más alto de 80 PX, se filtra directamente en un estilo CSS real que puede ver y cambiar. Lo que Beaver Builder no hace es saltar sobre su interfaz de usuario, basado demasiado en instrumentos contundentes, como 12 columnas (que usa y que son maravillosas, pero con la gran diferencia que puede establecer efectivamente el ancho del espacio que se divide en columnas), o mezclando los conceptos de apariencia real en sistemas suaves, centrados en la comodidad del usuario final, como “canales” o “columnas estiradas”. Como resultado, un aspecto que en el constructor de WPbakery intentaría trenzarlo con “una fila grande que contiene una sola columna de 1/2 más dos elementos de espaciado 1/4, pero espero que podamos hacerlos desaparecer en el móvil. Y también creo que tendremos que establecer un ancho máximo para 1/2 columna ”, en Beaver Builder simplemente declarar limpio, simple y literalmente. Cuando haga clic en Terminado>
Publicar, lo que ves es exactamente lo que viste al editar la página.Lo siguiente que sucede es: tus declaraciones se mantienen.Cuando haga clic en Terminado> Publicar lo que ve es siempre exactamente lo que vio al editar la página.Esto significa que no hay barras de desplazamiento horizontales sorprendentes, sin menús de navegación que desaparezcan, sin bordes adicionales o relleno inexplicable.En Beaver Builder, lo que escribe permanece, y sus visitantes lo ven como lo diseñó.Esto debería hacer constructores de página Wysiwyg y es difícil describir qué diferencia hace que uno realmente haga.Veamos todo esto en acción, en el ejemplo de “diapositiva” que creamos en la parte superior de la página:
La conclusión principal en este GIF es, nuevamente, lo que sucede cuando hago clic en> publicación. Lo que sucede no es nada: todo es exactamente, exactamente, a los píxeles, donde se decía que estaba, porque todo se basa en reglas de estilo que realmente son reales. Una sutileza que indica la calidad básica de la apariencia de la apariencia de Beaver Builder es lo que sucede cuando cambio la altura de la diapositiva de 500px a 400px. Nada pasa de inmediato. ¿Porqué es eso? Se debe al hecho de que el texto del portaobjetos en sí tiene tantos bordes desde arriba y del fondo que “empuja” el portaobjetos para que sea más alto que la altura que sugerí. Cuando reducimos el borde superior del texto de 250px a 150px, el portaobjetos puede “relajarse” hasta 400px que sugerí para él. Así es como funciona el aspecto web real e incluso si la capacidad de hacer dos declaraciones contradictorias y solo una podría confundir a algunos usuarios finales sin ninguna base técnica, es paraíso para un desarrollador que piensa en términos de aspecto real. Regrese a Clean HTML Una cosa increíble sobre Beaver Builder es que si lo desactiva, la marca ha vuelto al increíble HTML:
Esta es una muy, muy buena señal por varias razones.En primer lugar, resuelve el problema práctico de cómo eliminar el contenido de la página nuevamente si alguna vez tiene que apagar el generador, un problema importante con Div Builder, WPBakery/Visual Composer y la mayoría de los otros constructores.La solución limpia muestra que los desarrolladores Beaver Builder se preocupan por la calidad del código.En segundo lugar, muestra que los desarrolladores Beaver Builder se preocupan por la calidad del código.Trabajar con los otros dos constructores implica (en diferentes medidas) una conciencia muy familiar de que el software comercial que simplemente no le importa:
Venden al usuario final y cualquier defecto fatal que gana un usuario final. No renuncies a tu problema. Beaver Builder da la sensación opuesta en muchos lugares, y este es uno de ellos. En tercer lugar, y probablemente lo más importante, esto significa que Beaver Builder en sí está basado en algo menos frágil, menos feo, izquierda y a punto de ser destruido por Gutenberg que los códigos cortos. De los constructores analizados aquí, Beaver Builder muestra la mayor parte de la robustez subyacente, una buena calidad, lo que te hace atreverse a confiar en el software. Esto está 100% relacionado con el hecho de que sus creadores no han vinculado su vasto aspecto y funcionalidad de diseño con lo incómodo, frágil y sacudido (o, como lector de este artículo, con la ganga del diablo comentada. Con iframe). La construcción de funciones complejas de un generador de páginas en crecimiento en códigos cortos significa que siempre está jugando en defensa, siempre compensando el motor lento, frágil y voluminoso de la base de todas las cosas. Beaver Builder es diferente: esa sensación de no tener deudas técnicas abrumadoras brilla en voz alta y clara en todos los aspectos de la experiencia del usuario, como discutimos en las secciones anteriores. Eficiente eficientemente eficientemente que WordPress WordPress funciona para mejorar y enormemente más eficiente como desarrollador de WordPress. Este es, de hecho, el punto clave de toda esta revisión de Beaver Builder: Beaver Builder mejora y simplifica enormemente mi trabajo como desarrollador de WordPress. La primera vez que usé Beaver Builder, en 2017, me puse a trabajar un poco más de una hora. Grabé el proceso aquí:
https://www.youtube.com/watch?v=WVJK_RYQIMQ (porque el video fue mucho para descubrir cosas, no esperar una guía o una mirada muy organizada al software). Este fue el resultado de Esa hora: https://wpshout.com/beaver-builder-landing/. Y aquí hay una captura de pantalla si el enlace anterior cambia a la vez:
Haga clic para obtener todo el tamaño
Esta experiencia fue genial porque antes de usar Beaver Builder, no tengo idea de lo que habría usado para obtener los mismos resultados en WordPress:
Los problemas basados en temas son inflexibles y generalmente están mal codificados.
Otros generadores de páginas eran tan malos que eran peores que usar algo. (Esto sigue siendo cierto en general).
Hubiera necesitado unos 10 complementos incompatibles (“códigos cortos de columna”, una fuente impresionante incorporada, un complemento de la tabla de precios y más) para duplicar esta funcionalidad sin una solución basada en temas o un complemento de constructor, y el producto final se habría mucho peor.
A partir de ese ejemplo de un proyecto para esta revisión Beaver Builder, he usado constantemente Beaver Builder para modelos complejos, porque vi cuánto simplificó mi trabajo. Le da poder a los desarrolladores es difícil exagerar lo que significa poder crear modelos con un instrumento consistente que funcione correctamente. Lo que debe enfatizarse, además del mejor resultado para cualquier proyecto, es cuánto faculta un desarrollador de WordPress crear modelos utilizando una herramienta coherente que no esté relacionada con ningún sitio o medio y, en realidad. Funciona correctamente. Es increíblemente liberador estar libre del mercado temático (que es en gran medida un mercado de apariencia y principalmente de baja calidad) al considerar cómo satisfará sus necesidades o clientes. Y es un alivio poder invertir en familiarizarse con una herramienta de aspecto que puede usar en todas partes, en lugar de verse obligado a aprender cualquier código y usar la interfaz podría hacer de usted un tema individual o una combinación de tema +constructor. El uso de Beaver Builder es como tener un rollo de pintura al final, en lugar de esperar que haya algunas cosas de “rodillo” en cada casa en las que trabajas. Todo esto es lo que Beaver Builder hizo por mí en mi propio trabajo. Es como hacer la renovación de la casa y finalmente tendrías un rollo de pintura, en lugar de esperar que haya algunas cosas de “rodillo” (¿tal vez podamos envolver una toalla de mano alrededor de una toalla de papel y poner una escoba que lo maneja?
) a lo que trabajas. Además de los detalles, lo principal que me ofreció el complemento es una libertad mucho mayor como desarrollador de WordPress, y la importancia de esto es difícil de sobreestimar. El desarrollador activo y el apoyo de la comunidad de Beaver Builder mejora mucho con el tiempo. Beaver Builder mejora mucho con el tiempo. Desde que publiqué por primera vez esta revisión de Beaver Builder hace un año, los desarrolladores de PLOW lo han proporcionado: una interfaz de uso masivo mejorado.
Que se siente como un aumento significativo en el rendimiento.
Un editor completo en línea que es solo la única parte con problemas del complemento de Beaver Builder, pero me alegra existir.
Muchas funciones adicionales (“Beaver Themer” y otras) que prefiero no usar.
Con respecto a esa mejora de la interfaz de uso, seamos un poco específicos. Cuando analicé por primera vez Beaver Builder hace un año, tuve que trabajar:
¡Y me gustó entonces! Pero noté que la interfaz de usuario era pequeña, bueno, simple, así como pesada, difícil de usar y ralentizada. Un año después, Beaver Builder se ve así:
La mejor interfaz de uso se transfiere a cada parte de la experiencia de crear el Beaver Builder. Realmente han tenido éxito, y el complemento ahora es un placer de usar, no solo algo feo porque funciona con magia. Beaver Builder es con pasión obvia. Se siente como una buena tecnología para invertir. Entonces, como la mayoría de las cosas que amo en WordPress, WooCommerce y SiteGround son los ejemplos que vienen a la mente, Beaver Builder es con una pasión obvia de una comunidad activa de desarrolladores que se preocupan por hacer las cosas correctamente. Hay una buena tecnología para invertir a largo plazo. Beaver Builder también tiene una comunidad de usuarios grandes, activos y apasionados a su alrededor: un grupo considerable de desarrolladores de Facebook dedicados al instrumento, un conjunto de sitios tutoriales mantenidos activamente a su alrededor, muchas extensiones de terceros y así sucesivamente. Entonces, en WordPress, Beaver Builder no solo es el mejor complemento de generación de páginas, sino que también tiene una gran comunidad de personas dedicadas a usarlo y mejorarlo, y esto es importante. Revise Beaver Builder: con relativamente pocos módulos predeterminados, con un nombre suave Beaver Builder tiene relativamente pocos módulos de apariencia, y sus suaves nombres e íconos los hacen difíciles de navegar. Elegir módulos de Beaver Builder (el rango de elementos de diseño que están disponibles por defecto) es el único lugar donde Beaver Builder está muy desactualizado por la mayoría de las otras páginas (incluida una bastante decente, elemental). Hay dos problemas: no hay tantos módulos disponibles de forma predeterminada.
Los suaves nombres e íconos de los módulos los hacen difíciles de navegar. ¿Qué recibes?
Haga clic para obtener todo el tamaño
Incluso después de más de un año, usar los módulos de Beaver Builder es una experiencia de: “Me pregunto si tienen lo que necesitan. Apuesto a que no. Espera, ¡aquí está!
¿Lo que necesito? UF, sí. ¿Por qué se llama así? Rápidamente, ¿qué distingue un “llamado a la acción” (icono: un megáfono) de un “llamado” (icono: un megáfono)? ¿Qué hace un “icono”? ¿Es solo un ícono o algo más? ¿Esto lo hace como una “exhortación a la acción”?
Esto es algo que Beaver Builder podría hacer mejor y me gustaría verlos expandirse a la biblioteca de módulos predeterminada, porque me gustaría evitar confiar en las Terceras Extensiones “Varios módulos de Beaver Builder” de los proyectos que importan. Confía en las plantillas de página verdaderamente “ancho completo”. Una cosa que Beaver Builder no hace, y que realmente valoro (de todo) WPBAKERY PIGE, es permitirle extender una fila horizontal más allá de los límites del contenedor de contenido normal. En otras palabras, si usa Beaver Builder en una plantilla de página “sin lado” que solo le da una columna de 1100 PX para trabajar, no hay una manera fácil de crear elementos que realmente tengan un ancho completo, es decir, ir al borde de la pantalla en lugar de solo el borde del límite de 1100px que está configurado. El embarazo es sobre usted, el desarrollador, para saber cómo crear plantillas “vacías” o “ancho completo” que le ofrecerán toda el área horizontal de la pantalla con la que trabajar o usar un tema que las tenga.
Esto significa que su tarea, desarrollador, ha vuelto a saber cómo crear plantillas “vacías” o “ancho completo” que le ofrecen toda el área horizontal de la pantalla con la que trabajar o, de lo contrario, usar un tema que tiene una o más de esas plantillas. Tendría curiosidad por ver cómo sería una implementación de Beaver Builder: usar JavaScript para superar las fronteras de contenido normales. Por supuesto, las líneas extendidas son bastante frágiles y, en cierto modo, más hackers que los elementos de apariencia habituales, pero en aras de la accesibilidad para los no desarrolladores, me gustaría ver que Beaver Builder está intentando. Sin “cancelación” a los cambios del aspecto de Beaver Builder no le permite cancelar los cambios de apariencia, como mover o eliminar columnas. A veces, eliminaré una columna por casualidad y tengo que restaurar la apariencia general de la fila, lo que hace que las cosas parezcan más precarias de lo que de otra manera. El editor en línea predecible Buggy El editor en línea de Beaver Builder funciona prácticamente, pero tiene todos los errores habituales del editor en línea e incluso agrega algunos de ellos. Estaba siempre entusiasmado con el squarespace en línea en línea en línea. Aquí tiene una página en Internet y simplemente comienza a escribir: no en una ventana de “editor” separada, sino en la página misma. Para mí, esta es una verdadera edición frontal, la forma futura, la forma en que se deben construir sitios web, y lo que sea un compromiso. Sin embargo, aquí está el problema con la edición frontal en línea: es muy, muy difícil.
Ciertos problemas son esencialmente sin resolver, porque están en el nivel “un ser humano no puede decirle a un automóvil todos los detalles sobre lo que viene solo escribiendo palabras en una página”. Beaver Builder lanzó un editor en línea a principios de este año y, aunque funciona prácticamente, tiene los mismos errores que las pruebas anteriores han tenido en WordPress e incluso agrega algunos de ellos. & nbsp; Horror El editor en línea agrega & nbsp; personaje en todas partes. Específicamente, cada vez que usa el editor en línea, las etiquetas en línea HTML están rodeadas por & nbsp; caracteres. Supongamos que escribo la oración “Me gusta esto”. Si lo hago en el editor visual de WordPress o en el editor visual de Beaver Builder y luego examino el resultado en cualquiera de los editores de texto, se verá así: yo me gusta esto. Ahora, esto es lo que sucederá si alguna vez uso el editor en línea de Beaver Builder para hacer algo en esta página. Esta marca cambiará en el próximo i & nbsp; como esto. Nuevamente, esto sucede si cambio algo en la página con el editor en línea, no solo esta sección de texto. Y no solo esta marca cambiará: la primera vez que uso el editor en línea, cualquier cosa en la página que use etiquetas en línea como o incluso se rociará con & nbsp; caracteres. Para dar más detalles, este error generalmente no se activará si tengo que visualizar el editor visual de Beaver Builder. Pero se activará inmediatamente si realizan cambios en la fila al visualizar la pestaña Editor de texto.
Al pasar al editor visual a veces lo resuelve, pero si publica mientras ve el texto, la marca permanece. (Y así sucesivamente, en un pozo de conejo de detalles confusos sobre cuándo espera sus insectos). Entonces, ¿qué está mal con & nbsp? personajes de todos modos? Bueno, además del hecho de que no es la marca que desean, que nunca es aceptable, el problema específico que causa es que causa la ruptura temprana de las líneas. Mientras que la "Guerra Revolucionaria Americana" podría romper en dos o incluso tres líneas ", American & NBSP; La Guerra Revolucionaria y NBSP nunca lo serán, por lo que hay grandes brechas en sus párrafos y citas en las que las cosas han entrado en una nueva línea demasiado temprano. Si te importa la precisión, este es el tipo de trabajo que te volverá loco. Es un problema familiar de otros editores front-end, pero me hace querer que el editor en línea Beaver Builder no sea ni siquiera una cosa. También hay otros errores, como el editor en línea, que ocasionalmente hace que los enlaces se escriban incorrectamente, que no cubriré aquí. Los comandos de texto rápido en un mal confusivo de la versión actual del editor en línea Beaver Builder no tienen forma de convertir el texto en encabezados. La versión actual del editor en línea Beaver Builder no tiene forma de convertir el texto en encabezados. Dada lo importante que es una necesidad de características, es una omisión bastante extraña y condena casi cualquier uso del editor en línea para que sea una experiencia de ping-pong de ida y vuelta con el editor de Tinymce en Beaver Builder.
(Más sobre esto en un momento). Las opciones de formato ofrecidas por el editor en línea están en la parte superior del módulo: no flotan con el texto. No entraré en lo inútil que es esto en un módulo de texto que contiene miles de palabras, como la que escribo ahora. Es realmente malo para algunos módulos de párrafos: el editor de ping-pong, las deficiencias del editor en línea obliga al usuario a saltar entre tres experiencias de edición. Las deficiencias del editor en línea Beaver Builder obliga al usuario a pasar entre tres experiencias de edición:
Editor visual Tinymce,
Editor de texto TinyMCE y
El editor en línea en sí.
Supongamos que quiero hacer algo a
