El futuro WordPress “Gutenberg Page Builder” [¿Vale la pena?]

Introducción WordPress está cerca de alimentar a más del 40% de todos los sitios web en Internet. De hecho, más del 64% de los sitios web construidos en CMS (sistema de gestión de contenido) se ejecutan en WordPress. Impresionante ¿verdad? Las razones clave detrás del crecimiento son dos cosas: una, es muy fácil de construir e implementar un sitio de WordPress. En segundo lugar, la comunidad de WordPress es fuerte y grande, lo que hace posible colaborar y resaltar nuevos conjuntos (en forma de temas y arados). Y cuando se trata de características, el generador de páginas de Gutenberg sale como uno de los en negrita.
Desde un punto de vista técnico, en lugar de llamarlo Gutenberg Pages Builder (aunque se forma para convertirse en un generador de página completo en los próximos días), el término correcto, según WordPress, debe ser “editor de Gutenberg” o “Bloqueo del editor” . Más sobre esto en las siguientes secciones. Por ahora, centrémonos en lo que hablaremos hoy. Nuestra discusión se centrará en las características y beneficios del editor/editor de WordPress Gutenberg. Intentaremos mostrarle cómo crear soluciones sobre la marcha con Gutenberg. También le presentaremos algunas opciones que pueden ser realmente útiles al construir blogs extremadamente personalizados.
Se esconde el contenido
1. Introducción
2 ¿Gutenberg es un generador o editor de páginas?
2.1 Enfoque en actualizaciones anteriores de WordPress
2.2 Visión: edición completa del sitio
3 ¿Por qué usar Gutenberg [Page Creator of Future?] 3.1 Atracción visual: ¿Qué tan bien se ve?
3.2 Velocidad de página: una consideración clave
3.2.1 Gutenberg vs. Constructores de página: ¿Quién tiene Power? 3.2.1.1 Solicitudes de navegador
3.2.1.2 Tamaño total del archivo
3.2.1.3 Tiempos de carga
3.3 Salud, seguridad y dependencia del sitio
3.4 Accesibilidad
4 Uso del editor de páginas Gutenberg WordPress [Cómo crear una página simple] 5 Creación de un sitio web para la revista News con Postx Gutenberg Page Builder
5.1 Cómo importar paquetes de inicio
5.2 Cómo usar bloques preparados
6 Creación de una tienda WooCommerce con Productx Gutenberg Page Builder
7 preguntas frecuentes
7.1 P: ¿Es Gutenberg Page Builder gratis?
7.2 P: ¿Gutenberg es más rápido que los constructores de páginas?
7.3 P: Gutenberg ralentiza su sitio web?
7.4 P: ¿Cómo uso Elementor y Gutenberg juntos?
8 ¿Cuál deberías usar?
8.1 1. Inmediatamente necesito un generador de página de WordPress? ¿O solo debería usar el editor de Gutenberg?
8.2 2. ¿Mi sitio web necesita una atracción visual?
8.3 Buenas noticias para Gutenberg con la versión 5.9
8.4 3. ¿Necesito inmediatamente un complemento Gutenberg?
8.5 4. ¿Cómo me adapto al editor de Gutenberg?
8.6 4. ¿Vale la pena poner mi confianza en el futuro “Gutenberg Builder”?
9 Pensamientos finales
Comencemos con algunas de las preguntas obvias que puede tener:
¿Gutenberg es un generador o editor de páginas? La respuesta correcta [al menos por el momento] es llamarlo “editor de bloque” o “editor de Gutenberg”. En el momento del lanzamiento [con la versión de WordPress 5.0], apareció como un editor de bloques, donde cada pieza de contenido fue diseñado como un bloque. Concéntrese en las actualizaciones anteriores de WordPress antes del generador Gutenberg (o puede decir editor), versiones anteriores de WordPress centradas en widgets, mejoras visuales y más. En la versión 4.8 (Evans), una actualización pequeña pero importante fue la interacción con los enlaces en el editor visual de WordPress. Y hubo actualizaciones significativas con widgets. Con la versión 4.9 (Tipton), “Customize_Changsets” era una característica notable en la que los usuarios pudieron guardar bocetos de su trabajo o programa para su publicación. Este fue un cambio importante en la personalización. También se observan algunos cambios importantes en la sección de widgets. Visión: Edición completa del sitio La visión para la edición completa del sitio salió a la luz con el lanzamiento de la versión de WordPress 5.0 (Bebo). La introducción del editor de WordPress de Gutenberg (se convertirá en “Gutenberg WordPress Page Surder” si todo va bien!) Parecía presentar el objetivo visionario de la plataforma.
Según el Manual de WordPress Gutenberg, el nombre en código “Gutenberg” tiene un énfasis principal en la introducción de la edición de todo el sitio. Hay cuatro procesos básicos antes de que se vuelva completamente capaz de brindar a los usuarios la oportunidad de crear sitios web completos. Los 4 procesos son:
WordPress Editar
Personalización [Edición completa del sitio, diseño de diseño basado en bloques, activos basados ​​en el bloque].
Multilingv.
Después de su lanzamiento el 18 de diciembre, Gutenberg apareció como una solución revolucionaria. Inicialmente, la idea de la edición completa del sitio no fue tan popular. Pero con cada día de crecimiento, los usuarios están cada vez más interesados ​​en las posibilidades de WordPress Gutenberg.
Si usa la última versión de WordPress, podrá explorar el editor de Gutenberg por su cuenta. Aquí hay algunos testimonios:
Editor de testimonios Gutenberg
No es necesario descargar ningún complemento o algo. Puede usarlo para crear publicaciones, como lo ha hecho en el pasado con el editor “clásico”, que se basa en el editor de tinymce [una interfaz básica similar a un procesador de textos para escribir y publicar el contenido]. ¿Por qué usar Gutenberg? – Necesitamos comprender las diferencias clave entre Gutenberg y otros generadores de páginas independientes.
Las opciones de bloqueo del editor Gutenberg

Atracción visual: ¿qué tan bien se ve? Creadores de páginas autónomas como Elementor, Div, Oxygen Builder, Beaver Builder, Visual Composer, etc. Tenga la capacidad de sacar a la luz su diseño web de la manera más eficiente posible. Es literalmente “lo que tienes-is-ai-a-obtii (wysiwyg)”, que a menudo los nuevos usuarios de WordPress buscan. Puede hacer cambios a nivel granular de los elementos, haciéndolos parecer súper receptivos. Lo mismo es cierto para el soporte de soporte y opciones de apariencia. Con la ayuda de los generadores de páginas autónomas, puede ver fácilmente lo que se ven los diseños de front-end y back-end. También tienen la capacidad de restaurar completamente una página web desde cero. Desafortunadamente, esto no es cierto para el editor de Gutenberg. En la etapa actual, no se crea para la personalización a nivel granular. Independientemente de los bloques que use, definitivamente tendrán algunas opciones de personalización, pero no tanto para que su sitio se vea atractivo. Entonces, al menos por el momento, los creadores de las autopáginas aparecen como los ganadores evidentes. Pero el atractivo visual no puede ser el único factor. Velocidad de la página: un motores de búsqueda de consideración clave (especialmente Google) cree que la velocidad de la página es uno de los factores de clasificación clave que aparecen en la parte superior de las serpientes (resultados del motor de búsqueda). La velocidad de la página es generalmente una medida de lo siguiente:
JavaScript y otros períodos de carga de diseño.

Qué tan rápido se carga la página completa.
El tamaño total de la página.
El número de solicitudes realizadas por el navegador.
Ha habido un estudio sobre velocidades de página para las páginas de Gutenberg e independientes.Aquí están los resultados.Gutenberg vs.Constructores de página: ¿Quién tiene su mano desde arriba?Gutenberg gana la carrera con un margen considerable a este respecto.Los resultados que verá a continuación son resultados promedio.También existe la metodología de prueba a considerar.Las solicitudes del navegador Según un estudio, una página construida con Gutenberg tenía menos del 25% de las solicitudes del navegador, a diferencia del elemento, y menos del 20% de las solicitudes que el creador de divi del complemento.
El tamaño total del archivo en términos de tamaño de página, Gutenberg tenía un tamaño de página de 204.5 kb, que es 36% más pequeño que el creador de páginas de Elementor y casi 46% más pequeño que el creador de divi complemento. Tiempos de carga El mismo escenario es para los tiempos de carga, donde una página de Gutenberg tarda solo 1.55 segundos en cargarse. En cambio, una página elemental dura aproximadamente un 47% más de cobrar, mientras que el complemento Divi Builder dura aproximadamente un 73% más. Puede continuar expandiéndose si observa la generación de marcado HTML. Es importante porque puede afectar directamente su optimización para los motores de búsqueda. También es un factor importante a considerar en términos de coherencia y cifras de rendimiento general. Un generador de página autónomo como Elementor genera aproximadamente 700 líneas HTML. Por otro lado, Gutenberg genera casi 72-74% menos que eso, lo que permite un rendimiento mucho mejor en su conjunto. Si la aparición en la primera página de los resultados del motor de búsqueda (SERP) es una prioridad para usted, asegúrese de tener en cuenta la información mencionada anteriormente. La salud, seguridad y dependencia del sitio de Gutenberg es una apuesta segura a este respecto. Solo piense en un escenario simple. Si desea quedarse con un generador de página independiente de un tercero y pensar en ir a algo diferente, le costará. Existe una gran posibilidad de que su sitio
Necesita una revisión masiva debido a la adicción. En cuanto al constructor Gutenberg (o editor de bloques), está aquí para quedarse. Debido a que es una opción predeterminada para Gutenberg, todo lo que tiene que hacer es actualizar WordPress. Por lo tanto, no tiene que depender de ningún software de terceros. Debido a que no hay adicción, no habrá problemas relacionados con la seguridad del sitio. Además, el impacto en la salud de su sitio será positivo. Accesibilidad Si se queda con Gutenberg, entonces las actualizaciones serán mínimas, porque habrá una mejor accesibilidad. Muchas aplicaciones autónomas de tercera parte no tienen un seguro de accesibilidad adecuado. Pero con WordPress, tales problemas reciben el apoyo apropiado. En las siguientes secciones, le mostraremos cómo usar el editor de Gutenberg. También mostraremos ejemplos con complementos como PostX y ProductX, ambos basados ​​en Gutenberg. *** Los complementos basados ​​en Gutenberg no afectan esencialmente la salud, la seguridad y la velocidad. Más bien, introdujo un atractivo visual apropiado, que actualmente es una deficiencia del editor Gutenberg. Ahora, nuestro énfasis no se centrará en las formas de desarrollar contenido con el editor de bloques de WordPress. Más bien, queremos centrarnos en cómo editar una página de WordPress con Gutenberg. Queremos ayudarlo a explorar sus opciones y verse a sí mismo si o no.
Usando el editor de páginas de WordPress Gutenberg [cómo crear una página simple] crearemos una página de inicio simple para un blog de revistas de noticias.Al final de esta sección, debe tener una idea clara de por qué llamamos al editor de Gutenberg para poder ser un constructor completo de WordPress.
*¡! Supongamos que sabe cómo crear una página de WordPress. Si no, todo lo que tiene que hacer es acceder a las páginas> Agregar nuevo desde el tablero de WordPress. Tenga en cuenta que utilizaremos todas las configuraciones predeterminadas de WordPress, incluido el tema de WordPress Veintiún veintiún años. Además, utilizaremos WPForms para agregar una sección de suscripción a nuestra página de blog. Después de acceder a la nueva página, verá un letrero (+) en la esquina superior izquierda. Si hace clic en él, encontrará todos los elementos del bloque Gutenberg. Si elige un bloque de la lista, las opciones de edición aparecerán arriba. También puede extraer el bloque en la página y dejarlo. *** Hay otra forma de agregar bloques de Gutenberg a su página. Si tiene la última versión de WordPress instalado, presione “/” (Slash) en el teclado y escriba el nombre del bloque Editor. Verá que el bloque aparece en la página. Sin embargo, si desea que las opciones de edición permanezcan en la página, puede hacerlo accediendo al menú superior a la derecha. Simplemente haga clic en los tres puntos a la derecha. Allí, puede encontrar la opción “Ver”, donde puede hacer clic en la opción “Barra de herramientas” para que la barra de herramientas de bloques Gutenberg aparezca en la parte superior de la página. Lo que intentamos hacer es mostrarle lo fácil que es crear un blog general con Gutenberg. Construí la página siguiente usando Gutenberg. Así es como se ve: la página construida con WordPress Gutenberg Builder
Utilizamos los siguientes bloques de WordPress Gutenberg para crear el blog:
Bloque de cobertura del primer bloque post
Bloque de botones

Bloque wpfforms

Bloques de título y párrafo
Según el diseño, debe ser obvio que el diseño no es muy atractivo. Si apenas está al principio, esto puede servirse para este propósito por el momento. Sin embargo, si desea crear una revista de noticias más atractiva, un blog de moda, estilo de vida o viajes o puede pasar a un negocio de WooCommerce en línea, entonces los complementos de Gutenberg Builder son el camino a seguir. Creando un sitio web para la revista News con Postx Gutenberg Page Builder Si desea mejorar su juego Gutenberg, entonces es mejor usar un editor de páginas basado en Gutenberg, como Postx. Con PostX, tiene mucho más espacio en términos de diseño y grado de uso. En resumen, no solo el atractivo visual aumenta, sino que también verá una mejor interacción del usuario a nivel general. Una de las principales atracciones de Postx Gutenberg Page Builder es la capacidad de comenzar y ejecutar su sitio con solo unos pocos clics. Y esto se debe a los paquetes/plantillas iniciales prefabricados que vienen con el complemento.
Publique complemento de bloques Gutenberg Cómo importar paquetes de inicio Si tiene todas las publicaciones listas, puede usar una de las plantillas de inicio desde la biblioteca de bloques postx. A medida que creamos un sitio de revistas de noticias, agregaremos un paquete de inicio para revistas de noticias. Así es como se hace:
Vaya a la página de WordPress que desea editar.
Haga clic en la biblioteca de bloque a la parte superior derecha [si no tiene PostX instalado, ¡no tendrá acceso a ella!] Elija los paquetes de inicio.
Elija un diseño y presione la importación.
Una vez que haya hecho esto, su diseño estará listo. Es posible tener que hacer algunos cambios menores en los títulos y otros. Pero eso es todo. Con solo 2-3 clics, su sitio está listo. Cómo usar bloques preparados si desea realizar personalizaciones adecuadas desde el principio, desea usar bloques y modelos postx gutenberg gutenberg. Usando la consulta avanzada, la paginación AJAX, el filtrado y otras personalizaciones, puede crear rápidamente modelos maravillosos para sus sitios de WordPress. Creemos una página de blogs. Queremos tener secciones distintas en esta página para mostrar noticias categóricas. Puede usar la función de consulta rápida para mostrar las publicaciones categóricas que desea mostrar. Puede echar un vistazo al siguiente ejemplo: Postx Site Demo Magazine
Utilicé el bloque Post Module para presentar todos los contenidos de la revista. También agregué algunas propiedades de diseño de filtro. En la siguiente sección, queremos mostrar solo noticias de negocios y tecnología. Para hacer esto, utilicé la lista de publicaciones y agregué una consulta avanzada, para que solo aparezcan las publicaciones con la categoría de “negocio” y “tecnología”. También agregué la paginación al final, con una excelente atractiva visual. Puede consultar recursos de video para obtener más información sobre funciones.
Ver recursos de video
La página de “revista” creada por nosotros se verá así: ahora, si desea crear una tienda de comercio electrónico en línea, puede usar otro excelente constructor de WooCommerce basado en Gutenberg, ProductX. Creación de una tienda de WooCommerce con Productx Gutenberg Page Builder Si desea construir una tienda WooCommerce, entonces el ProductX WooCommerce Gutenberg puede ayudarlo. Al igual que PostX, ProductX también presenta la mentalidad de Block Builder, lo que permite a los usuarios crear excelentes páginas de tiendas con aspecto excelente en segundos. Todo lo que tiene que hacer es asegurarse de tener productos de WooCommerce listos para la operación. ProductTX manejará el resto. Una de las características clave del complemento ProductX Gutenberg es el constructor de páginas de un solo producto. Con los nuevos bloques de producto ingresados, puede crear rápidamente unas maravillosas páginas de tiendas que coincidan con la personalidad de su tienda. Mire el video a continuación para obtener más información:
Generador de ProductTX Gutenberg de una página en secciones anteriores, discutimos los beneficios del uso de Gutenberg en comparación con páginas autónomas como Elementor, Beaver Builder, etc. No decimos que son malos. Pero cuando se trata de velocidad, es posible que desee considerar que los editores de Gutenberg Pages/Pages son mejores. Con frecuencia, las preguntas son las respuestas a algunas preguntas frecuentes. P: ¿Es Gutenberg Page Builder gratis? Respuesta: Esta pregunta tiene dos respuestas. En primer lugar, si hablas del editor Gutenberg (pronto se convertirá en un constructor de tamaño completo para WordPress), entonces puedes usarlo con WordPress versión 5.0 o más reciente. Es gratis y puedes jugar con tu configuración. En cuanto a las páginas basadas en Gutenberg, como PostX y ProductX, hay versiones gratuitas disponibles para su uso. P: ¿Gutenberg es más rápido que los constructores de páginas? Respuesta: Si observa los valores de velocidad de la página que hemos compartido, a diferencia de los constructores autónomos como Elementor, Div, etc. Gutenberg muestra excelentes resultados en todos los niveles. A diferencia de estas dos opciones (Elementor y Div), en promedio, Gutenberg es casi un 25% más rápido en las demandas del navegador, tiene una dimensión de página con casi un 40% menor y es casi 50-60% más rápido como para el tiempo de carga. P: Gutenberg ralentiza su sitio web?
Respuesta: Si usa demasiados complementos simultáneamente (10-20 complementos a la vez), esto puede hacer su sitio lentamente.Pero si usa solo Gutenberg (más 2-5 complementos de vida de calidad), no rejuvenecerá su sitio de WordPress.De hecho, si elige usar Gutenberg para la edición completa del sitio, completará sus esfuerzos de SEO.P: ¿Cómo uso Elementor y Gutenberg juntos?Respuesta: Para usar Gutenberg y Elementor juntos, puede usar el complemento de complementos.Por supuesto, deberá tener instalados PostX y Elementor en su sitio web de WordPress.Después de eso: active el complemento de “plantilla guardada” desde la configuración PostX.
Crea tu plantilla postx.Guarde y publique la plantilla.

Ahora acceda a la página que desea editar/crear con Elementor.
Busque en el elemento Postx Gutenberg para el elemento.
En el menú desplegable, elija el nombre de la plantilla que acaba de crear.
Eso es todo. Ahora podrás usar Elementor y Gutenberg juntos. ¿Cual deberías usar? Antes de ingresar esta discusión, asegúrese de hacerse las siguientes preguntas: 1. ¿Necesito inmediatamente un generador de páginas de WordPress? ¿O solo debería usar el editor de Gutenberg? Respuesta: Si recién está comenzando con WordPress, entonces el aprendizaje del editor Gutenberg es la mejor opción por ahora. Porque creemos que no tardará mucho en la transición del “editor de Gutenberg” a “Gutenberg Builder”. 2. ¿Mi sitio web necesita una atracción visual? Respuesta: Nuestros complementos PostX y ProductX pueden ser la respuesta en este caso. El propio Gutenberg se vuelve fuerte. Y si agrega postx para construir su blog o producto para construir una tienda WooCommerce, la atracción visual para su sitio aumentará con una cantidad decente. Además, los temas que se centran en la edición completa del sitio están a la vuelta de la esquina: buenas noticias para Gutenberg con la versión 5.9 WordPress viene con el tema predeterminado “Veintisiete veintiséis”. Lo consideran “el tema implícito más flexible para WordPress”. Tendrá un amplio apoyo para la edición de Gutenberg, marcando una nueva era para los sitios de Gutenberg. El tema predeterminado de WordPress Twenty Twenty Two Si eche un vistazo a cómo está diseñado el tema, verá que cada uno de estos elementos se dirige a proporcionar capacidades completas de construcción del sitio. En resumen, WordPress trabaja para convertir al editor en un constructor de Gutenberg con plenos derechos. 3. ¿Necesito inmediatamente un complemento Gutenberg?
Respuesta: El editor de Gutenberg tiene un largo camino para tomar la flexibilidad del usuario.Pero si desea mantener intactos su accesibilidad y SEO, puede usar páginas basadas en Gutenberg.Le ayudarán ofreciendo elementos de diseño adicionales y opciones de personalización.Respuesta: En este momento, WordPress Gutenberg tiene un largo camino por recorrer.4. ¿Cómo me adapto al editor de Gutenberg?Respuesta: Hay algunas cosas que puede hacer aquí: cree una copia de seguridad para su sitio de WordPress.
Actualizar a WordPress versión 5.0 o una versión posterior.
Seleccione un tema receptivo y fácil.Los ejemplos pueden ser: Oceanwp, Kadence, Neve y otros.
Elija un generador de página de WordPress amigable con Gutenberg (por ejemplo, puede elegir PostX para bloguear).
Verifique el estado de su sitio después de las actualizaciones.
Convierta todas las publicaciones clásicas de su sitio en bloques.
Crear un niño de respaldo le asegura que no perderá ninguno de sus datos UpdraftPlus es una herramienta gratuita que es muy útil en tales casos.Ahora puede pasar de manera segura para actualizar a WordPress versión 5.0 o una versión posterior.Entonces es posible que desee elegir un tema fácil con un generador de páginas de Gutenberg.Uno completará el otro, ofreciendo una experiencia general decente.Definitivamente querrá verificar mientras consulta la salud de su sitio.Lo más probable es que deba cambiar la configuración en el editor clásico.Encuentre la “configuración” en el editor y haga clic en “Conversión a bloques”.WordPress convertirá su publicación en los bloques deseados.4. ¿Vale la pena poner mi confianza en el futuro “Gutenberg Builder”?