Por qué y cómo usar el editor de bloques de WordPress

WordPress Block Editor (también llamado Gutenberg) para WordPress se introdujo en diciembre de 2018, cuando se lanzó la versión de WordPress. Fue un momento histórico en el progreso del proyecto de código abierto de WordPress. Desde entonces, he visto cómo Gutenberg ha cambiado cómo las personas usan WordPress diariamente.

Pero, ¿qué significa el editor de bloques de WordPress para usted? Como propietario independiente, propietario de la agencia o del negocio, ¿cómo puede Gutenberg hacer su capacidad para diseñar, construir, lanzar y vender sitios web? Con la reciente introducción de Gutenberg 9.7, me vi obligado a tratar de responder a esta pregunta.
Siga leyendo para averiguar cuál es el editor de bloques de WordPress, cómo difiere del clásico editor de WordPress y los constructores de páginas de WordPress. También cubriremos por qué el editor de bloques es una buena opción cuando vende sitios web y un 101 rápido para mojar sus pies.
En este articulo
¿Qué es el editor de bloques?
Editor de WordPress vs. Block Constructores de páginas
WordPress Blocks explicados
Tarea de WordPress para el editor de bloques
Editor de WordPress vs. Block Constructores de páginas
Pro y las desventajas de los bloques de WordPress
¿Por qué creemos que WordPress Block Editor es la forma de seguir?
WordPress 101 bloques
Cómo desinstalar y eliminar el editor de bloques
preguntas frecuentes
conclusión
Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de agencias y socios independientes a implementar soluciones para sus sitios de WordPress. Ya sea que necesite que administremos un solo sitio web o que admita 1,000 sitios de clientes, respaldaremos.
¿Qué es el editor de bloques de WordPress? Entonces, lo primero que es: ¿Cuál es el editor de bloques de WordPress?
El editor de WordPress Block, también llamado Gutenberg, es una alternativa a la forma tradicional que creamos páginas y publicaciones en WordPress. Antes, cuando editó una página o publica en WordPress, estaba cumpliendo una página que se asemeja a un documento de Microsoft Word. El editor clásico de WordPress tenía espacio para agregar un título, luego un área del cuerpo para texto, imágenes e incorporación. En la parte inferior y las diapositivas, tiene opciones y características adicionales para dictar cómo funciona la página.
WordPress Blocks explicados

El editor de WordPress presenta a WordPress Este enfoque le permite alinear y apilar las áreas de contenido de acuerdo con lo que son, en lugar de colocar todo su contenido en una gran área editable.
Los bloques de WordPress pueden ser tan simples como un bloque de texto o más complejo. Gutenberg le permite agregar no solo contenido a una página o publicación, sino especificar sobre el diseño y la apariencia de la página.
Una de las ventajas del editor de bloques es que le brinda opciones de contenido creadas sin la necesidad de complementos separados. El editor de bloques se ve bastante cerca de lo que verán sus usuarios de front-end.

Tarea de WordPress para el editor de bloques

La buena noticia es que el nuevo editor de WordPress funciona con todos los temas de WordPress. Si en su sitio tienes un tema que amas absolutamente y quieres ir a Gutenberg, ¡puedes! No tiene que preocuparse para asegurarse de que el constructor que le guste sea compatible con el tema que le gusta.
Sin embargo, hay temas que se han optimizado y diseñado especialmente dado el editor de bloques. Por ejemplo, el último valor predeterminado de WordPress, veintiún veintiún años, requiere que Gutenberg funcione. Los temas centrados en Gutenberg ofrecen plantillas previamente reaccionadas, que pueden reducir drásticamente la cantidad de trabajo que debe hacer para construir una página o publicación. Algunos otros temas optimizados por el editor de bloques incluyen: Neve
Zakara
Hestia Lite
Editor de WordPress vs. Block Constructores de páginas
Si también ha utilizado un generador de página de WordPress (como Beaver Builder *, Elementor * o Div), el editor de bloques debe sentirse algo familiar.
Los creadores de páginas son excelentes opciones de código para crear páginas y publicaciones. Y Gutenberg fue desarrollado para satisfacer exactamente la misma necesidad, solo como una característica construida del núcleo de WordPress. El editor de bloques le brinda más flexibilidad con una biblioteca de bloques en constante crecimiento. Sin embargo, debe tenerse en cuenta que los constructores de páginas tienen una funcionalidad mucho más alta y, anecdóticamente, son más fáciles de usar. ¿El principal beneficio de Gutenberg para los constructores de páginas? Actuación. En general, el uso de bloques de WordPress para páginas y publicaciones de su sitio ayudará al rendimiento general del sitio. Especialmente si su sitio contiene una gran cantidad de páginas, Gutenberg es mejor para la velocidad y otros valores de rendimiento.
Gutenberg vs Elementary Cuando se trata de Gutenberg vs Elementor, el factor de rendimiento se ha demostrado varias veces con diferentes experimentos. Por ejemplo, la plantilla Monster realizó una prueba de velocidad de Google antes y después de instalar Gutenberg. El puntaje pasó de 84 a 99. Kyle Van Deusen realizó experimentos similares que compararon Elementor y Gutenberg. Vio una gran diferencia en sus pruebas de Gtmetrix. Compartió sus descubrimientos con estas estadísticas en el próximo cuadro. Las puntuaciones de Elementor se enumeran a la izquierda, mientras que la página de Gutenberg a la derecha. Como puede ver, el editor de WordPress Block ha igualado o superado los puntajes de rendimiento en cada valor. Por este motivo y no solo, muchos miembros de la comunidad de WordPress han preguntado si el editor de bloques hará páginas completamente obsoletas. Esto podría tener grandes efectos en el ecosistema financiero de WordPress, porque hay cientos de personas que ganan su existencia de la construcción, venta y apoyo de las páginas. Es imposible saber qué sucederá, pero es una buena idea proteger su sitio futuro, al menos familiarizándose con Gutenberg. Vea uno de nuestros recientes amplificadores WP en el que Mel Choyce-Dwan (el desarrollador principal de veintiún veintiún años) discute la edición de bloques, temas y más.
Pro y las desventajas de los bloques de WordPress ️
A continuación llegaremos a muchos profesionales, ¡pero queremos ser transparentes! Gutenberg no es perfecto. De hecho, desde que se lanzó el editor de bloques de WordPress, ha habido una cantidad significativa de empuje contra él. Si recientemente ha aprendido a usar WordPress o usarlo durante años, el editor de bloques requiere un cambio bastante grande. Es difícil aprender a usar Gutenberg si ya tiene un flujo de trabajo sólido con el editor clásico o su constructor favorito. El complemento del editor clásico, que restaura el editor original de páginas y publicaciones, esencialmente “eliminar” gutenberg, es uno de los complementos más descargados de todos los tiempos, con más de 5 millones de instalaciones activas. Otro cono es que el nuevo editor de WordPress no lo es muy accesible. Una auditoría de accesibilidad realizada en 2019 por WPCampu (financiada por WordPress y Comunidad Automática) reveló detalles sobre 90 problemas totales. Los problemas incluyen un contraste de color insuficiente, la falta de funciones anunciadas a las tecnologías de asistencia, la falta de etiquetas apropiadas y más. Si esto suena de acuerdo con usted, hacer que WordPress esté pidiendo a las personas que ayuden a probar y mejorar la accesibilidad del editor de bloques para las personas que construyen bloques de Gutenberg, hay problemas que deben tener en cuenta la compatibilidad con versiones anteriores. Esto es bastante técnico (Justin Foel de Web Dev Studios puede explicar mejor que yo).

Finalmente, como con todas las cosas que construye en la web, a veces las cosas se rompen. Los complementos y temas más populares se probaron rigurosamente con Gutenberg. Pero con 50,000 complementos en el almacén e innumerables temas que flotan allí para descargar, es imposible que todo sea perfectamente compatible. Si piensa en las actualizaciones de Gutenberg, pero desea asegurarse de evitar conflictos, WP Buffs puede ayudarlo ! Nuestro sitio web de WordPress avanzó los planes de atención incluyen asistencia avanzada para la migración de Gutenberg.
¿Por qué creemos que WordPress Block Editor es la forma de seguir?
En WP Buffs, hacemos todo lo que hacemos con WordPress Freelancers y propietarios de agentes. Aunque el editor de bloques no es perfecto, creemos que es la opción más fuerte para las personas que venden servicios de diseño y desarrollo de WordPress. El rendimiento, la facilidad de uso, la base de recursos y el sistema de sistemas del editor de bloques de WordPress lo hacen no un problema. Veamos exactamente por qué es la forma de usar el editor de bloques de WordPress para construir y vender sitios de WordPress.
Fácil de usar
No puede ser mucho más fácil de lo que puede extraer el bloque de WordPress para construir una página o publicar. ¿Necesitas una nueva imagen? Tome el bloque de imágenes de WordPress, colóquelo, personalice y ya está. Los bloques de WordPress son más inteligentes en términos de cómo se comportan, y el flujo de esta relación aumenta con el tiempo. Su contenido anterior cambiará automáticamente en Gutenberg en el editor clásico. Entonces, digamos que trabaja con un cliente que desea que el sitio se mude de un editor a otro. No necesita importar todos los contenidos nuevamente y no hay códigos cortos de WordPress para pasar y eliminarlos. Como se mencionó anteriormente, el editor de bloques de WordPress funciona automáticamente con casi todos los temas. Usted y sus clientes pueden elegir el tema que mejor se adapte y aún así beneficiarse del editor de bloques. WordPress es, en su centro, una plataforma de publicación de contenido. Escribir publicaciones de blog en forma de larga forma es mucho más fácil con el editor de pantalla completa, lo que puede ayudar a eliminar las distracciones. ¿Administra un sitio para un blogger?
Pueden escribir publicaciones sin preocuparse por todos los aspectos técnicos que puede preferir no tocar. Si ha utilizado anteriormente constructores de páginas para sistematizar el trabajo del cliente, puede hacer lo mismo de forma gratuita con Gutenberg. Escapar completamente de las tarifas de licencia en el sitio. Gutenberg le permite crear su propio constructor de páginas, utilizando solo los bloques deseados para ese sitio. Por ejemplo, si tiene un sitio web con folletos de 2-3 páginas, probablemente no necesite un editor con 50 tipos diferentes de contenido y 10 plantillas diferentes. Gutenberg puede ser tan débil o lleno como necesita, dependiendo del proyecto. El contenido y los recursos sobre Gutenberg han explotado desde su lanzamiento. Si desea comenzar a aprender todos los problemas, un buen lugar para comenzar es esta lista de discusiones de WordCamp a su alrededor.
Sofisticación / personalización
Gutenberg es fácil de usar y aprender y cuanto más aprenda, más podrá. Más allá del contenido simple del contenido, los bloques de apariencia de Gutenberg lo hacen para que pueda determinar exactamente cómo funciona este contenido en conjunto. Los bloques de WordPress responden automáticamente, por lo que debe realizar un trabajo adicional mínimo para construir un diseño móvil optimizado.
Opciones para la barra lateral
Cuando agrega texto, imágenes u otros bloques de WordPress, tiene más opciones de personalización que nunca. El menú de bloqueo a la derecha puede brindarle opciones de impresión, opciones de color y más. Todo depende del bloque que seleccionó en ese momento.
Optimizado para editar el código

Siempre ha tenido la oportunidad de pasar al modo HTML original. Una nueva característica ahora le permite reconocer más fácilmente y resolver los problemas relacionados con el código que ha editado. Si realiza un posible error de ruptura del sitio web, Gutenberg le dará para devolverlo a la versión original. Todo el modelo de pantalla
Si entra en modo de escritura o diseño, le recomendamos que minimice la distracción en la página. Gutenberg le permite más bienes inmuebles en la pantalla al construir una página o publicación. E incluso puede eliminar completamente la barra lateral derecha si lo desea.
Bloques reutilizables y recientes
Más tarde entraremos en bloques reutilizables más tarde, pero las características alrededor de los bloques son bastante maravillosas. Desarrollar un flujo de trabajo con sus bloques personalizados favoritos es bastante fácil una vez que llame su atención. Guarde la configuración de los bloques que ha personalizado y devuelve los que ha utilizado recientemente en el menú de bloque.
complementos
Hay cientos de complementos que lo ayudan a levantarse con bloques de WordPress. WP Hive ya ha organizado una increíble lista de algunos de los mejores complementos para Gutenberg. Entonces, en lugar de reinventar la rueda, ¡vea su lista!
Agregar fácilmente las clases CSS a los bloques
Si combina bloques de WordPress con código personalizado, use la pestaña avanzada en el menú de bloque para agregar clases CSS adicionales. También puede usar esta sección para bloques específicos para bloques, como agregar anclajes HTML a los títulos.
Un futuro brillante para los bloques de WordPress
El cofundador de WordPress, Matt Mullenweg, ha compartido muchas actualizaciones sobre el editor de bloques en el estado virtual de la palabra en 2020, una de las cosas más interesantes de Gutenberg son las posibilidades económicas explosivas. Cada vez más personas construirán y venderán bloques, complementos basados ​​en bloques y temas basados ​​en bloques. Si ya vende productos o servicios alrededor de WordPress, estos servicios pronto serán los que se seguirán.
WordPress 101 bloques
¡Ahora que tiene una comprensión firme de lo que es Gutenberg y por qué es importante aprender cómo usarlo! Hay muchos elementos y videos allí. El siguiente será un curso lesionado para ayudarlo a crear y producir contenido con los bloques de Gutenberg y WordPress. No es necesario instalar el editor de bloques. ¡Siempre que tenga WordPress 5.0 instalado o una versión posterior, tiene Gutenberg! Si desea probarlo primero en un escenario o entorno local, puede descargar la última versión de Gutenberg de WordPress Warehouse. Luego suba a su organización o sitio local. Esta es la forma ideal de practicar y probar. ¡La mejor manera de aprender a usar el editor de bloques es comenzar a usarlo!
Las principales áreas del editor de bloques
En todo el avión, cuando se usa el editor de bloques para construir cualquier tipo de página web, hay algunas áreas para familiarizarse. Estas son áreas que probablemente usarás mucho.
Agregar y formatear texto con el bloque de párrafo
Agregue y estilice imágenes con el bloque de imágenes (también hay un bloque de galería construido que elimina la necesidad de complementos de galería adicionales) varios bloques de incorporación HTML, códigos de incorporación, tweets, video, etc.
Tablas para mostrar datos u otra información en filas y columnas
A medida que aprende a navegar en bloques de WordPress, use estos consejos para que el proceso sea aún más rápido.
Los elementos básicos del editor de bloques para construir una página
Una página y una publicación se construyen más o menos de la misma manera. Pero hay algunas características realmente útiles de Gutenberg, que serían muy útiles para publicar cualquier tipo de contenido. Guarde y reutilice los bloques. Al crear páginas para consistencia, ahorre tiempo construyendo y diseñando un bloque, luego guárdelo como un bloque reutilizable. Puede establecer un nombre para ser más fácil de encontrar más tarde. En cualquier otra página, simplemente seleccione un nuevo bloque, luego explore la pestaña Reutilizable para encontrarlo. (Obtenga más información sobre cómo funcionan los bloques reutilizables aquí). Algunos temas están envueltos con modelos o grupos de bloques que vienen con algunos estilos previos. Sirve como un excelente punto de partida. Combine un modelo personalizado con bloques reutilizables para construir nuevos modelos para diseñar su sitio. Muchos complementos ofrecen bloques como parte de su software. Por ejemplo, si tiene instalado el complemento WooCommerce o GiveWP, sus módulos aparecerán en la biblioteca de bloques, listos para instalarse de inmediato. Esto es fantástico si está cansado de copiar / pegar códigos cortos. Use la pestaña de la página para personalizar los meta detalles sobre la página. Esta sección debería ser familiar para usted, porque la apariencia no ha cambiado mucho en comparación con el editor clásico. Puede establecer la condición de la página, la conexión permanente, la imagen presentada y los atributos de la página, todo en esta sección. Si desea algunos recursos adicionales para construir secciones para sus páginas usando bloques de WordPress, ¡aquí hay una biblioteca de tutorial! Cómo desinstalar y eliminar el editor de bloques
Gutenberg no se puede desinstalar o eliminar de un sitio de WordPress sin ingresar el código fuente. En su lugar, puede usar el complemento del editor clásico para agregar la funcionalidad anterior al sitio. Con frecuencia
¿Cuál es el editor de bloques de WordPress?
WordPress Block Editor es el nuevo editor de WordPress basado en bloques ingresados ​​en WordPress 5.0+. El editor de bloques de WordPress le permite editar el contenido de la publicación o página utilizando “bloques” para una experiencia de construcción de páginas dinámicas. El editor de bloques de WordPress también se llama Gutenberg Publisher.
¿Cómo me deshace del editor de bloques de WordPress?
Para deshacerse del editor de bloques de WordPress, debe usar el complemento del editor clásico. Descargue e instale el complemento del editor clásico para usar el antiguo editor de WordPress en lugar del editor de bloques.
¿Cómo uso el editor de bloques en WordPress?
El editor de bloques de WordPress es fácil de usar. Después de asegurarse de que su sitio ejecute WordPress 5.0 o una versión posterior, tendrá acceso al nuevo editor de WordPress. Desde el tablero del administrador de WordPress, cree una nueva publicación o página. Usando los iconos en el menú de arriba, puede agregar cualquier bloque que desee usar para crear su publicación o página. ¡Es tan simple!
¿Cómo puedo editar el editor de WordPress?
[No estoy muy seguro de la intención real de buscar estas preguntas frecuentes] conclusión
Como se mencionó anteriormente, Gutenberg no fue recibido con los brazos abiertos. Algunos todavía son frustrantes para acostumbrarse a ellos. Sin embargo, se prueba, analiza y repara constantemente. Se lanzan más versiones estables regularmente. Estas versiones contienen varios tonos y mejoras de la IU y todas están directamente relacionadas con los comentarios ofrecidos por los usuarios reales. Gutenberg todavía se prueba y mejora activamente. Se alienta a todos los usuarios de WordPress (no solo programadores y desarrolladores) a intentar proporcionar comentarios. Hay varias formas en que puede hacer esto: deje comentarios y comentarios en el formulario de asistencia de WordPress
Abra un problema en GitHub (lo mejor para más conversaciones técnicas)
Únase a las discusiones en Channel # Core-editor en WordPress Slack Channel
¿Qué opinas sobre el editor de bloques de WordPress? Únase a la conversación en Twitter y díganos qué piensa.