Editor Gutenberg WordPress: 10 cosas que necesita saber

El editor Gutenberg WordPress, también conocido como editor de bloques de WordPress, ahora es parte del núcleo de WordPress. ¿Qué significa este nuevo enfoque para el editor de WordPress? ¿Qué sucede si ya usa un generador de página de WordPress? En esta guía, pasamos por los elementos básicos del nuevo editor de Gutenberg para WordPress y lo que necesita saber.
En esta guía
¿Qué es el editor de WordPress de Gutenberg? El editor de WordPress de Gutenberg, también llamado WordPress Block Editor, es un nuevo constructor de páginas incluido en WordPress 5.0+. El editor de Gutenberg agrega contenido y bloques de funcionalidad similares al creador de páginas a cada sitio web de WordPress.
Gutenberg reemplaza al editor anterior de WordPress Classic que usó TinyMCE (WYSIWYG) como editor de contenido predeterminado para publicaciones y páginas. Con Gutenberg, el contenido se agrega a “bloques” individuales, en lugar de ingresar un área de contenido más grande. Los nuevos bloques de WordPress incluyen párrafos, títulos, listas, imágenes, galerías, incorporación y más.

Gutenberg ha sido lanzado con WordPress 5.0, que ha sido la actualización más grande de WordPress en los últimos años. Desde que lanzó Gutenberg, un debate saludable continúa sobre el nuevo editor de WordPress, que involucra a muchas personas que desarrollan, usan y proyectan sitios web de WordPress.
El propósito de Gutenberg, el objetivo principal del editor Gutenberg era ayudar a los usuarios a crear más publicaciones y páginas de flexibilidad. También se puede suponer que Gutenberg tiene la intención de ayudar a WordPress a competir más directamente con otras páginas creando sitios web. Para el contexto, aquí hay algunas citas sobre el propósito del nuevo editor Gutenberg WordPress. “El propósito del editor de bloques es hacer que sea simple y agradable agregar contenido rico a WordPress”. – De la descripción del complemento Gutenberg en wordpress.org.
“Gutenberg es un importante paso adelante para WordPress. Gutenberg permite que WordPress cree problemas de contenido, no solo escriba artículos. Es una de las muchas transiciones que tienen lugar en WordPress a una experiencia de usuario simplificada. ” – Zack Katz, hablando en WordCamp Denver 2017
¿Por qué Gutenberg es un movimiento hacia adelante para WordPress? El editor visual de WordPress ha estado estancado durante años. Aunque era predecible, no fue una experiencia fantástica. El propósito es tener una interfaz más intuitiva para los nuevos usuarios, como los ofrecidos por WIX y Squarespace.
1. El fundador de WordPress, Matt Mullenweg, está completamente detrás de Gutenberg
En el estado de la palabra 2016, Mullenweg ha anunciado que el editor visual será uno de los tres objetivos principales para 2017.
Matt ha asumido el puesto de líder del proyecto para Gutenberg a principios de este año y designó a Matias Ventura y Joen Asmussen automático para administrar el desarrollo.
Lea la versión de Matt de Gutenberg aquí: lo llamé Gutenberg por una razón.
Además, tenga en cuenta que Gutenberg está escrito usando React JavaScript. Con el reciente movimiento de Facebook para relanzar el proyecto bajo la licencia del MIT, Matt Mullenweg anunció que WordPress.com y Gutenberg serán reescritos utilizando otra biblioteca. Aquí hay más información sobre React y WordPress.2. Gutenberg fue primero un complemento separado que todavía se desarrolla activamente antes de que Gutenberg se introdujera en la versión básica de WordPress, Gutenberg se desarrolló por primera vez como un complemento separado que permitió a los usuarios probarlo y ver cómo cambiar la forma en que componen y editan contenido en WordPress.
Gutenberg
Hoy, el complemento Gutenberg todavía se desarrolla activamente con actualizaciones semanales.
El complemento Gutenberg generalmente tiene varias versiones antes del núcleo de WordPress, por lo que puede obtener una vista previa de las nuevas características del editor de bloques de WordPress antes de insertarse en el núcleo de WordPress.
Ejecutar el complemento Gutenberg es una excelente manera de obtener las características más nuevas del editor de WordPress Block. También es increíblemente útil para los desarrolladores y aquellos que trabajan con clientes saben lo que está en el horizonte para el editor de bloques.
3. Gutenberg se lanzó en WordPress 5.0 como editor de contenido predeterminado el 16 de diciembre de 2018, se lanzó WordPress 5.0. Esta versión principal de la versión de WordPress incluyó una revisión importante de la publicación y el editor de páginas, presentando a Gutenberg como editor predeterminado de WordPress.
Descargue el libro electrónico: The Ultimate Guide to Gutenberg WordPress Editor
Descarga tu PDF
Siendo las versiones más esperadas y debatidas de la historia de WordPress, el editor Gutenberg ha sido una desviación dramática del editor clásico anterior que ha existido desde el establecimiento de WordPress. Algunos usuarios pueden haberse sorprendido por la diferencia drástica del editor de WordPress después del lanzamiento 5.0. 4. Gutenberg también se llama comúnmente el editor de bloques de WordPress a medida que ha pasado el tiempo, todavía hay una cierta confusión sobre cómo llamar al nuevo editor de WordPress. El nombre del proyecto era Gutenberg, por lo que algunas personas todavía lo llaman editor Gutenberg y sus “bloques” de Gutenberg. La documentación en wordpress.org simplemente lo llama el editor de WordPress. 5. Gutenberg continúa evolucionando y mejorando con cada versión de diciembre de 2018, todas las versiones principales del núcleo de WordPress han incluido nuevas características, mejoras y errores para el editor Gutenberg. La experiencia de edición continuó evolucionando en el buen sentido. Por ejemplo, las últimas funciones y mejoras de WordPress 5.5 se relacionaron en gran medida con el editor de bloques. Las mejoras realizadas a la interfaz con el usuario, accesibilidad, arrastre por arrastre y otros problemas de uso continúan siendo abordados.
Nota: Antes de ejecutar cualquier versión importante de WordPress o complemento Gutenberg, recomendamos encarecidamente una copia de repuesto de su sitio de WordPress con un enchufe de repuesto de WordPress. 6. Los bloques de Gutenberg continúan expandiéndose y mejorando el objetivo principal de Gutenberg era crear una experiencia de edición de contenido mejor y rica, relacionada con la forma en que las publicaciones y las páginas en WordPress están compuestas y editadas. Más allá de eso, la visión de Gutenberg se extiende más allá del editor de post / página, en widgets y barras laterales e incluso en el encabezado y el sótano de un sitio web. Esencialmente, Gutenberg le permite tomar una publicación o página y dividir el contenido en diferentes “bloques” “. Por ejemplo, los bloques de WordPress incluyen un bloque de imágenes, un bloque de párrafo, un bloque de citas, un bloque de título, incluso un bloque de botones. Lea más en bloques de WordPress:
La guía final de Gutenberg Blocks.Estos son algunos de los bloques implícitos de WordPress incluidos en el editor de Gutenberg. <TBA WordPress Descripción audio incorporan un reproductor de audio simple.

<

Botones Conversiones de accionamiento con hermosos botones. categorías. Classic Use el editor clásico de WordPress código fragmentos de código de visualización que respetan su espacio y pestañas. < Incorporation Incorporar videos, imágenes, tweets,

Audio y otro contenido de fuentes externas. TD> Galería Muestre más imágenes en una galería rica. Ayuda a los visitantes (y motores de búsqueda) Comprender la estructura de su contenido. Última publicación muestra una lista de las últimas publicaciones. Cree una lista de marcadores o numerados.> Arrastre la cita , proporcione un interés visual especial en una cita en su texto. más Agregue un elemento “Leer más” separador Cree un descanso entre ideas o secciones con un separador horizontal. /Tr>
espaciador Agregue espacio en blanco entre bloques y personalice la altura. Puede haber momentos para descubrir que el nuevo editor de bloques no es exactamente compatible con su tema o complementos existentes que ejecutan su sitio. La buena noticia es que puede volver al editor clásico usando un complemento llamado. Usted adivinó que esto es El editor clásico. Editor clásico
El editor clásico es un complemento oficial mantenido por el equipo de WordPress que restaura el editor anterior (clásico “del editor de WordPress y la pantalla” Editar publicación “. Hace posible el uso de complementos que extienden la pantalla, agrega las meta-curvas de estilo antiguo o dependen de la editor anterior. Según el equipo de WordPress, el editor clásico es un complemento oficial de WordPress que será completamente aceptado y mantenido hasta al menos en 2022. Aunque recientemente han agregado “o el tiempo que sea necesario”. Aquí se trata más de usar el editor clásico con WordPress.8. Gutenberg ahora tiene un tercer director de Bloque de Bloque, el director de WordPress es una nueva forma en que los usuarios de WordPress pueden descubrir, instalar y probar los terceros bloques de WordPress en el editor de bloques de WordPress. Introducido en WordPress 5.5, el director de WordPress Block facilita la búsqueda del bloque de WordPress que mejor se adapte a sus necesidades.
Basado en una discusión sobre cómo los complementos de bloques deben distinguirse de otros complementos en el director de complementos de WordPress.org, el nuevo director de bloques fue creado como una sección del director de arado que contiene solo complementos de bloque únicos. El nuevo director de bloques de WordPress está separado del director principal del complemento, por lo que está buscando complementos de WordPress ordinarios o complementos de bloque únicos. Un solo complemento de bloque está destinado a ser un complemento relativamente pequeño y simple que ofrece un solo bloque Gutenberg, por lo que el enchufe es el bloque. Ahora, en WordPress 5.5, es más fácil para usted encontrar el bloque que necesita. El nuevo directorio de bloques de WordPress se incorpora al editor de bloques, por lo que puede instalar nuevos tipos de bloques en su sitio. Sin dejar el editor. Use solo el icono “+” en la parte superior izquierda para usar el nuevo inserto de bloque y mirar para los bloques disponibles. Tenga cuidado de que el director de bloques realmente despegue en el futuro, porque todavía parece bastante nuevo (no hay muchas opciones; casi no hay comentarios).
9. Los nuevos modelos de bloques abren el camino para la construcción completa de la página en WordPress 5.5, el editor de bloques presenta un nuevo concepto llamado Patrones de Bloque. Con los modelos de bloque, ahora puede crear y distribuir planes de bloque predefinidos. Los modelos de bloques realmente abren el camino para que el editor de bloques se convierta en un constructor de páginas. Busque modelos de bloque para despegar porque el editor de bloques continúa evolucionando en esta dirección.
Puede encontrar los modelos de bloque registrados utilizando el icono “+” en la esquina superior izquierda. Ahora verá tanto los bloques como los modelos (más reutilizables, si lo tiene), para que pueda cambiar entre estas opciones. Luego puede agregar modelos de bloqueo a la publicación / página, como cualquier otro bloque. Los nuevos modelos de bloques simplifican la creación de páginas y publicaciones complejas y hermosas, utilizando combinaciones de bloques que puede combinar y combinar. También encontrará modelos de bloques en una amplia variedad de complementos y temas, con más agregado. La pantalla de lanzamiento de WordPress 5.5 WordPress 5.5 viene con una serie de modelos de bloques construidos, pero también es posible que los complementos y temas de tercera parte registren modelos de bloques adicionales o eliminen los existentes. Para ver los patrones de bloque en acción, consulte el tema predeterminado de veinte veinte. Veinte veinte es siempre un buen tema para instalar en un servidor de desarrollo, ya que realmente destaca lo que es posible con la última versión de WordPress. 10. Gutenberg cambia la necesidad de un editor de código corto de WordPress editor de código corto, los códigos cortos de WordPress fueron una de las mejores cosas para llegar al editor de WordPress para facilitar la adición de funciones de complementos y tema en páginas, publicaciones y otras secciones de un sitio. Web WordPress . Con la transición al editor de bloques, ¿qué significa esto para la mayoría de los complementos y sitios web más antiguos que todavía están llenos de códigos cortos? ¿Funcionarán los códigos cortos de WordPress?
¿Hay alguna manera de moverse fácilmente del uso de códigos cortos de WordPress a los bloques de WordPress? En resumen, el editor de bloques de WordPress tiene implicaciones importantes para códigos cortos. El editor de bloques de WordPress cambia fundamentalmente la necesidad y el propósito de los códigos cortos para la mayoría de los complementos y temas. Con un sistema de edición basado en bloques, cada “elemento” en la página tiene su propio bloque, en lugar de contenido en un editor de edición WYSIWYG. Tenga en cuenta los artículos sobre WordPress Gutenberg Publisher Esta es una colección con los mejores artículos sobre Gutenberg que he leído hasta ahora. Chris Lema habla sobre gutenberg http://chrislema.com/misundanting-goal-gutenberg-writing-experience/ extracto: “Si resolvemos un problema con este complemento, no debería ser la disonancia cognitiva al editar en una sola interfaz y ver ¿Su producto de trabajo aparece en otra interfaz que no parece creerlo? ”
Respuesta de Beaver Builder a Gutenberg
Actualización de agosto – 2.0, Themer y Gutenberg, ¡Oh, Dios mío!

Extracto:

“En resumen, ¡estamos muy emocionados y apoyamos a Gutenberg! Nuestra esperanza es que el proyecto continúe evolucionando a algo que Beaver Builder puede abrazar y extender. Colaboré con el equipo básico en el proyecto y especulé, tanto optimista como por precaución, sobre el impacto potencial de Gutenberg en nuestro espacio comercial y de WordPress en general. Imagínese si los “bloques” de Gutenberg son intercambiables con los módulos de Beaver Builder o si pudiera dibujar una línea guardada en una página de Gutenberg. O bien, el editor de texto de Gutenberg podría usarse en línea en Beaver Builder. Es un potencial divertido, ¿no? “Temas elegantes

WordPress responde al editor Gutenberg – Un resumen de revisión

Extracto:
“Cuando miramos el debate, es importante recordar que cada cambio traerá una cierta inercia y resistencia. WordPress tiene que avanzar para competir en un entorno cambiante. Sin embargo, esto no significa que las preocupaciones no sean válidas y no deben resolverse. Afortunadamente, los desarrolladores hacen todo lo posible para hacer exactamente. Sin embargo, ver cuántas personas están preocupadas y se sienten excluidas, puede ser necesaria una comunicación adicional ”.
Una revisión más bien en WPMU no dibuja puños.
https://premium.wpmudev.org/blog/gutenberg-editor-wordpress/
Extracto:
“Si bien los desarrolladores que trabajan en el complemento del editor Gutenberg obviamente han puesto muchas cosas en la creación del complemento y felicitan sus esfuerzos hasta ahora, la verdad es que este complemento no está listo para ser incluido en WordPress y necesita mucho trabajo, En particular, ux. ”
Yoast sugiere un curso alternativo para Gutenberg, se observan algunos problemas importantes y se sugieren soluciones.
Extracto:
“Estamos muy entusiasmados con la idea de los bloques, pero tenemos fuertes preocupaciones sobre algunas de las opciones técnicas y la velocidad del proceso de implementación. También estamos preocupados por la falta de prioridad dada a los problemas de accesibilidad en el proyecto. Pero, lo más importante, estamos muy preocupados de que los complementos no puedan integrarse con el nuevo editor. ”
Yoast habla de conceptos para integrar su complemento con Gutenberg es un ejemplo que otros desarrolladores de complementos pueden seguir. https://yoast.com/gutenberg-integration/ extracto:
“Comenzamos desglosando todas nuestras características y viendo dónde podemos integrarlas en Gutenberg. No creemos que mantener una sola caja masiva bajo el editor servirá mejor a nuestros clientes. Preferiríamos integrarnos justo donde ocurre la acción, y Gutenberg nos da esta oportunidad. ”
Josh Pollock en Caldera forma cinco formas en que quiere demostrar mal en relación con Gutenberg:
Cinco maneras de que me gustaría estar equivocado sobre Gutenberg
Extracto:
“Esta es una decisión importante en el futuro WordPress. Creo que nosotros, como comunidad, tendremos éxito, pero se necesitarán muchas pruebas, iteraciones y discusiones para entenderlo “.
Conclusión: ¿Qué debes hacer con Gutenberg?
Probar. Conoce a Gutenberg solo. Pruébelo en un sitio de prueba o en su sitio en vivo (sí, es estable). Mira lo que te gusta y lo que no te gusta de él.
Envía tu opinión. El complemento Gutenberg recientemente agregó un enlace de retroalimentación debajo del elemento del menú en la barra lateral. Tómese un tiempo y ofrezca observaciones bien consideradas sobre su experiencia con Gutenberg. “Ustedes son idiotas” no es lo que están buscando. No se asuste. Hay muchas discusiones cuidadosas pensadas por muchas buenas personas a este respecto. El editor de bloques continúa mejorando y, aunque necesitamos acostumbrarnos, ahora estamos de acuerdo en que la adopción completa del nuevo editor fue un buen movimiento.
Más recursos de editor de bloques de WordPress (editor de Gutenberg)
Bloques reutilizables de WordPress: Guía final Los bloques reutilizables de WordPress son una característica sólida del editor de bloques de WordPress. Los bloques reutilizables le permiten guardar rápidamente cualquier bloque de WordPress que use con frecuencia. Lee mas …
Director de Bloque de WordPress: La guía esencial ingresada en WordPress 5.5, el director de WordPress Block facilita la búsqueda del bloque de WordPress que mejor se adapte a sus necesidades.
Bloques de WordPress: la guía final de los bloques de Gutenberg con bloques de WordPress, también conocidos como bloques de Gutenberg, los usuarios pueden experimentar una forma más fácil de crear contenido y páginas ricas de una manera verdaderamente visual. Lee mas …
Kristen Wright
Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper. Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.