La diferencia entre Gutenberg y Page Builders como Beaver Builder, Elementor y Div

¿Cuál es la diferencia entre los generadores de página y Gutenberg? ¡Esta pregunta a menudo ha aparecido! En esta publicación, explicamos cómo los constructores de páginas difieren de Gutenberg y los mejores escenarios para comprender al usar uno u otro. TL; DR: Los creadores de páginas ofrecen a los diseñadores y desarrolladores mucho más control al crear páginas. Las fuentes, el tamaño, el relleno, los bordes, los colores y las toneladas de otras opciones están disponibles en Beaver Builder y otros constructores. Mientras que Gutenberg es una herramienta de escritura. Está ajustado y optimizado para crear contenido de texto enriquecido en web, utilizando elementos como títulos, imágenes o listas. Gutenberg es excelente para escribir publicaciones de blog, y Beaver Builder es excelente para trabajar en el resto de su sitio de WordPress.
Gutenberg es genial para escribir artículos en el blog, y páginas como @BeaverBuilder son geniales para trabajar en el resto de su sitio de WordPress. Haga clic en Tweet ¿Es un generador de página siempre la mejor herramienta para trabajar? Participé en una conferencia de JavaScript hace unos años y seguí siendo una gran analogía en una sesión. Los diseñadores y desarrolladores tienen muchas herramientas disponibles. Una habilidad de un profesional web experimentado es reconocer qué herramienta es mejor para un problema en particular. La comparación se realizó con un destornillador. Has usado un destornillador antes, ¿verdad? Después de que debes debilitar el tornillo, ¿qué estás haciendo? No estire la mano después de un taladro eléctrico, agarre y use los dedos para terminar el trabajo. La moraleja de la historia es que a veces la mejor herramienta para el trabajo es la opción simple.
Lo que me despierto para hacer es usar Gutenberg para crear blogs y Beaver Builder para hacer las páginas. Lo mejor de ambos mundos y no entra en conflicto en absoluto. – Chris Teitzel a través de Twitter Al momento de escribir esta publicación, Gutenberg es el editor predeterminado de WordPress. Durante su desarrollo inicial y durante el período beta, hubo muchos problemas con Gutenberg. ¡Con el tiempo, la experiencia de escritura ha mejorado significativamente! Recientemente comencé a usar Gutenberg para mi blog personal y realmente me gusta. Gutenberg es excelente para crear contenido escrito para la web. ¿Quieren una experiencia Wysiwyg? Beaver Builder es una experiencia Wysiwyg. Este acrónimo tiene mucho tiempo existe y significa “lo que ves es lo que recibes”. Cuando crea una página usando Beaver Builder y haga clic en Publicación, la página se verá exactamente igual que cuando la cree. También verá su trabajo en el mismo contexto en el que se mostrará el usuario. ¿Alguna vez ha intentado elegir una imagen para un sitio web solo para darse cuenta de que los colores en la imagen se enfrentan al resto del sitio? Las personas aprecian la simetría y la consistencia cuando se trata de diseño, por lo que hay muchos beneficios al ver la imagen completa de lo que trabaja.
WordPress Front y Vs. Backend Otra diferencia notable entre la mayoría de los creadores de páginas y Gutenberg es que Gutenberg opera en el backend del área de administración de WordPress. Esto significa que no todos los CS y estilo en su tema son visibles. Ahora, Gutenberg ha revitalizado una característica de WordPress llamada The Topics Editor Styles. Esta característica permite a los autores escribir CSS que se muestra en el editor de backend e intente reflejar cómo aparecerá en el frente. Hay algunos puntos de fricción con este enfoque. En primer lugar, no todos los temas tienen estilos de editor. Me imagino que la mayoría de los temas los apoyarán para avanzar, pero esto no ayuda si ya tiene un sitio de WordPress establecido que ejecuta un tema anterior. Otro problema es si un sitio usa JavaScript para ayudar a cualquier visión. Cosas como las imágenes de Paralax o las animaciones basadas en JavaScript no funcionarán en Gutenberg. Finalmente, en Gutenberg, trabajará en un contexto de “caja negra” en el que el encabezado, el sótano y las barras laterales de su sitio no serán visibles.
Es posible que los temas de los temas hagan la experiencia laboral en Gutenberg bastante cerca de la experiencia que los usuarios verán en el front-end, pero aún no es perfecto o disponible en todos los temas. ¿Tengo que personalizar aspectos receptivos para dispositivos móviles? Cada vez más usuarios acceden a la web en dispositivos móviles. Beaver Builder y muchos otros creadores de páginas proporcionan un conjunto de herramientas para personalizar y previsualizar modelos móviles. Con Beaver Builder, puede cambiar el tamaño de las fuentes, bordes y relleno para una variedad de tamaños de pantalla. La importancia de crear diseños que sean amigables con los dispositivos móviles solo crecerán a medida que más y más personas de todo el mundo se conecten en línea utilizando exclusivamente teléfonos y tabletas. ¿Pero el resto de mi sitio? Antes del lanzamiento de Beaver Themer, los creadores de páginas trabajaban solo en el área de “contenido” de su sitio de WordPress. Entonces, cosas como la sede y los sótanos se han presentado y estilizado de acuerdo con el tema. ¡Themer aporta el poder del diseño de arrastrar y soltar a todo el sitio de WordPress! Además de la sede y los sótanos, Themer también hace posible la creación de plantillas de apariencia para publicaciones de blog, productos o tipos de publicaciones personalizadas y las aplique a cuántas publicaciones desea. Imagine una tienda de WooCommerce con cientos de productos. Puede crear una plantilla usando Themer, luego aplicar esa plantilla a todos los productos de la tienda.

Varios otros constructores de páginas siguieron el ejemplo y lanzaron características similares. Gutenberg, por otro lado, todavía está limitado al área de contenido y funciona en publicaciones únicas o CPT. ¿Llegará Gutenberg con los creadores de páginas? El equipo central de WordPress planea expandir la capacidad de Gutenberg más allá de la mera escritura y abordar una mayor personalización del sitio, pero cómo se verá desconocido. Afortunadamente, para ellos, nuestro equipo tiene mucha experiencia en este campo y estaba feliz de ayudar. Nuestro principal diseñador, Brent Jett, ha publicado algunas ideas visuales fantásticas sobre lo que el futuro de la personalización del sitio podría ver. Todavía está en el aire, pero esperamos que Gutenberg continúe evolucionando y madurando, lo cual es una gran cosa para WordPress usuarios. Sin embargo, estamos seguros y optimistas de que los creadores de páginas continuarán teniendo la agilidad para expandir aún más la funcionalidad básica de WordPress y proporcionar un control más fino.