Elementor vs Gutenberg: desde la perspectiva del usuario

La comparación de Elementary y Gutenberg es ligeramente injusta, porque el elemento es demasiado superior. Pero debido a tantas preguntas sobre el problema (Elementor vs Gutenberg), intentaremos desarrollar las respuestas. Comencemos por comprender la diferencia básica entre los dos. Elementor es un generador de páginas, mientras que Gutenberg es un editor de bloques. ¿Cual es la diferencia? Un generador de páginas le permite controlar todo en la página que crea. Desde la apariencia, elementos de diseño, configuración de elementos de diseño, estilos de elementos de diseño, etc. Mientras tanto, el editor de bloques no proporciona libertad completa en la página que crea. En algunos aspectos, está limitado a lo que ofrece su tema. Una instancia más fácil, si su tema no acepta la página de ancho completo, no puede crear una página de ancho completo en Gutenberg.
En el editor de bloques, los elementos de diseño están controlados por la configuración del tema. Para demostrar esto, puede intentar agregar un título y un botón en dos temas diferentes. El editor de bloques (Gutenberg en este caso) le permite personalizar los elementos de diseño. Pero las opciones son extremadamente limitadas. Para el bloque de título, por ejemplo, solo puede cambiar el color del texto, así como el tamaño del texto. No hay opciones para cambiar la familia de las fuentes, el peso de la fuente, el estilo de fuente, etc. De hecho, puede cambiar la familia de fuentes y hacer otras configuraciones avanzadas, como se mencionó, pero debe ir a personalizar el tema (aspecto -> personalización). En otras palabras, los cambios no se realizan a través de Gutenberg.
contenido
Elementor vs Gutenberg: experiencia de edición
– Estructura de página
– Control de la apariencia de la página – Edición receptiva
– Control del margen y el relleno
– Controles tipográficos
– Opciones de estilo para imagen y botón
Elementor vs Gutenberg: eliminación de efectos
Elementor vs Gutenberg: Historia de edición
veredicto
Elementor vs Gutenberg: Experiencia de edición una breve introducción a Gutenberg antes de continuar. Comenzó disponible como un editor predeterminado de WordPress que comienza con la versión 5.0, reemplazando el editor clásico. Classis Publisher todavía está en el centro de WordPress, pero no está configurado como editor predeterminado. Si no se siente cómodo para crear contenido con Gutenberg, puede deshabilitarlo para regresar al editor clásico.
En su aparición inicial, Gutenberg parecía prometedor en el reemplazo del editor clásico con una experiencia de edición más moderna, aunque no todos los usuarios de WordPress estaban realmente impresionados por él. Ofreció una experiencia de edición de contenido agradable con una interfaz más limpia. Sin embargo, Gutenberg se está volviendo más complicado en estos días. Hay demasiados bloques (algunos incluso bloques inútiles). Sin mencionar que cada tema ofrece una experiencia de edición diferente. Para crear publicaciones de blog, Gutenberg es genial. Pero para las páginas, no creemos. Elementor (y otras páginas), mientras tanto, concéntrese en crear la página. No es entre la creación de la página y la creación de publicaciones de blog como Gutenberg. Como resultado, tiene una mejor experiencia de edición de páginas con su experiencia de edición en vivo y varias opciones de configuración en comparación con los elementos de diseño.
– La estructura de la página Una de las diferencias más obvias entre Elementor y Gutenberg cuando se trata de editar experiencia es la estructura de la página. En Gutenberg, todos los elementos considerados bloques, incluso el contenedor que aloja muchos elementos de diseño (texto, botón, imagen, etc.). En el elemento, los elementos se dividen en tres tipos: sección (contenedor)
Columna
Widget (elemento de diseño real)
La idea de dividir los elementos en tres tipos diferentes ofrece una experiencia de edición de páginas mucho mejor. En primer lugar, le permite diseñar el aspecto más fácil. En segundo lugar, para una página larga, le permite identificar los elementos más fácilmente. En tercer lugar, la idea lo ayuda a transformar un concepto de diseño creado con herramientas como Figma y Adobe XD en una página en vivo.
Lo más importante es que la idea de dividir los elementos en diferentes tipos facilita el uso de primaria, especialmente para nuevos usuarios (léase: cómo usar Elementor). -Control de la apariencia de la página Antes de comenzar a agregar un elemento, lo primero que debe hacer para crear una página es establecer el aspecto de la página. Puede establecer si la página tiene una barra lateral o no. Si desea crear una página con una barra lateral, puede establecer la ubicación de la barra lateral, así como el tamaño. En Gutenberg, puede establecer el aspecto de la página en la página en el panel de configuración. Las opciones de apariencia ofrecidas por cada tema son diferentes. Sobre el tema de GeneratePress, por ejemplo, tiene las siguientes opciones de apariencia de la página.

Si desea crear una página libre de lado, debe ir a personalizar el tema para establecer el ancho de la página. Así como una página con una barra lateral. En el elemento, puede controlar todo desde el panel de configuración. No necesita avanzar entre el editor y la personalización del tema o el tablero de WordPress. – Edición receptiva La edición receptiva es una característica crucial dada en la era actual; Muchos usuarios de Internet acceden a un sitio web utilizando su teléfono inteligente. Los creadores web deben asegurarse de que el sitio web que crean se vea hermoso en cada tipo de dispositivo. Los creadores de la página, incluidos los primarios, están un paso por delante de Gutenberg en esta área. Hasta ahora (en WordPress 5.9.1), Gutenberg no tiene una función receptiva nativa. Abropo, ¿qué es la edición receptiva? El término “edición receptiva” se refiere a la edición de la página por la cual puede controlar la configuración en cada tipo de dispositivo (escritorio, tableta y teléfono inteligente). Además, la edición receptiva también le permite controlar la visibilidad de un elemento en particular de acuerdo con un tipo particular de dispositivo. Por ejemplo, puede configurar un botón para mostrar solo en el escritorio.
La edición receptiva es crucial, porque cada tipo de dispositivo tiene un tamaño de pantalla diferente. No siempre tiene que mostrar todos los elementos en el teléfono inteligente porque tiene un tamaño de pantalla más pequeño que la tableta y el escritorio. Con la edición receptiva, puede optimizar una página en un tipo particular de dispositivo de acuerdo con el público objetivo principal.

En el elemento, puede cambiar entre los tipos de dispositivos haciendo clic en el icono del dispositivo en el panel de configuración.
– El control del matrimonio y el llenado de la capacidad de establecer la ventaja y el llenado son cruciales para crear la página web (léase: la diferencia entre el llenado y el margen). La función le permite establecer el espacio entre un elemento en particular y los elementos circundantes. Sin configurar el borde y el relleno, solo puede crear una página abarrotada. Elementor (y la mayoría de los creadores de página) han construido opciones de configuración para establecer el borde y el llenado de un elemento. Ya sea una sección, columna o widget. Incluso puede usar una configuración diferente para cada tipo de dispositivo debido a su función de edición receptiva avanzada. Mientras tanto, Gutenberg no tiene configuraciones construidas para establecer el borde y el llenado. – Controles tipográficos Hay varios bloques nativos de Gutenberg para agregar texto a una página. Incluyendo el bloque de título y el bloque de párrafo. Cuando agrega estos bloques, puede establecer el tamaño y el color. Pero no hay opción para cambiar la familia de fuentes. Si desea cambiar la familia de fuentes predeterminadas, debe ir a personalizar el tema. Mientras tanto, elemental ofrece más configuraciones para controlar la impresión. Lo más importante, puede hacer la configuración de configuración. Además de la configuración básica, como la familia de fuentes, el tamaño de la fuente y el color del texto, también puede establecer el peso de la fuente, el estilo de fuente, la altura de la línea, el espacio entre letras y decoración. Además, puede usar una fuente personalizada si lo desea (Elementor incluso acepta la integración con las fuentes de Adobe).


– Opciones de estilo para la imagen y el botón La apariencia del botón en el tema del periódico es diferente de Avada (u otros temas), incluso cuando se usa la misma configuración (por ejemplo, tamaño) en Gutenberg. La razón es que este elemento (botón) está controlado por su tema. En Gutenberg, solo puede establecer el color, la alineación y el tamaño del texto. No podrá establecer cosas como el efecto del flotante, el rayo del borde o el tamaño del borde, a menos que use un complemento como los bloques o coblocks de Kadence. Al igual que el bloque de botones, Gutenberg también ofrece opciones extremadamente pequeñas para estilizar el bloque de imágenes. Solo puede establecer el tamaño de la imagen, la alineación y el estilo (predeterminado y redondeado). En el elemento, puede aplicar más opciones de estilo a un botón o imagen. Para el botón, puede aplicar el efecto de paso con el mouse, puede establecer el radio personalizado del borde, puede configurar el tamaño personalizado, puede agregar un icono, puede configurar el texto del botón, etc. Mientras que para la imagen, puede aplicar filtros CSS, enmascaramiento de imágenes, rayos y tamaño, el efecto de paso del mouse, etc. Elementor vs Gutenberg: Efectos entre las personas para algunas personas, los efectos de animación realmente no importan. Pero para algunos, agregar efectos de animación es una forma de impresionar a sus usuarios. El efecto flotante es uno de los ejemplos de efectos de animación ofrecidos por el elemento. Además, también puede aplicar un efecto de entrada a un elemento. Ya sea sección, columna o widget. Si usa la versión Pro, incluso puede agregar efectos del mouse y efectos del desfile. Aquí están los efectos de animación ofrecidos por el elemento: efecto de hover
Transformación CSS

Efecto del ratón
Efecto de desfile
Animación de entrada
Paralax
Y no olvide que Elementor le permite y agregue una animación Lottie. ¿Pero Gutenberg? Hasta ahora, Gutenberg no tiene efectos de animación. Incluso animación de entrada. Elementor vs Gutenberg: la edición de la historia de la creación/edición de la página implica muchas acciones. Desde configurar la apariencia, configurar colores, configurar la impresión, etc. De vez en cuando, puede hacer un cambio al que nunca se haya referido. O imagine este caso: ya tiene una página en su sitio y desea editarlo. Una vez que haya terminado de editar, no está satisfecho con los nuevos cambios y desea volver al diseño anterior. En Elemoror, tiene un historial de edición que le permite volver a la versión anterior de su diseño si no está satisfecho con los nuevos cambios que ha realizado.
Puede acceder a la función haciendo clic en el icono histórico en el panel de configuración. Hay dos pestañas que puede abrir: la pestaña Acciones y la pestaña Revisiones. La pestaña de acción almacena los cambios que realizó hoy (en 24 horas), mientras que la pestaña de revisiones almacena los cambios que realizó ayer (o más). Gutenberg también tiene la misma característica, pero es más complicado de usar. No muestra los cambios en el área del lienzo, como la primaria. En cambio, compara solo las versiones de su página para mostrar los cambios que realizó. Gutenberg no observa los cambios. En cambio, resalta solo el código asociado con los cambios.