WordPress Gutenberg Publisher: un aspecto general integral

2018 verá el lanzamiento de WordPress 5.0. Con esta actualización masiva, el lanzamiento muy desafiado de Gutenberg, un nuevo editor basado en “bloques”, también llega a revolucionar el proceso de publicación de WordPress. En esta publicación, discutiremos al nuevo editor de Gutenberg y le daremos una visión general de sus funciones básicas. Gutenberg se está desarrollando actualmente y está disponible como un complemento de prueba que puede probar en cualquier momento. Si tiene curiosidad con Gutenberg, le recomendamos que descargue el complemento y repite con él. El complemento no está destinado a su uso en sitios en vivo, por lo que úselo solo en un entorno de prueba o desarrollo. Si necesita configurar un medio de prueba, siga nuestro tutorial de configuración de escritorio o lea el tutorial de configuración de MAMP de los temas elegantes.
Para obtener un detalle completo del editor Gutenberg, como lo explicó Matt Mullenweg y demostrado por el desarrollador principal Gutenberg, Matias Ventura, siga la dirección de Mullenweg sobre el estado de la palabra aproximadamente 33 minutos.
Además, vea el episodio 62 de Divc Chat, donde algunas de las mejores mentes se encuentran para discutir las primeras impresiones sobre el editor de Gutenberg.
¿Qué es Gutenberg?
“El propósito del editor de bloques es hacer la adición de contenido rico a WordPress simple y agradable”. – De la descripción del complemento Gutenberg en wordpress.org.
Gutenberg es un nuevo editor que planea reemplazar al editor actual de Wysiwyg que se encuentra en las páginas y publicaciones de WordPress. Durante siglos, WordPress ha utilizado TinyMCE como una página de Wysiwyg o interfaz de editor de publicaciones.

Ofreciendo la publicación de contenido visual y basado en el código, TinyMCE hace su trabajo, pero como otras plataformas competidoras, como Medium o Squarespace, ofrecen una experiencia más interesante y única de publicar contenido, WordPress se queda algo en este sentido. Para brindar a sus usuarios una experiencia de escribir y publicar el contenido contemporáneo más cautivador y agradable, se introdujo Gutenberg. En esencia, Gutenberg funciona como una especie de páginas. El uso de una serie de “bloques” Gutenberg le permite al usuario agregar un bloque de contenido deseado y personalizarlo directamente desde la consola del editor. Estos “bloques”, que varían de los párrafos a las imágenes, la incorporación de video, las tablas y más, son varias formas de contenido que se pueden insertar en una publicación y personalizado.

El nombre de Johannes Gutenberg, el inventor de los medios impresos, Gutenberg tiene como objetivo ayudar a reemplazar la necesidad de HTML corto y personalizado mediante el uso de los bloques que se pueden agregar y editar casi exclusivamente visualmente. Los bloques no solo se pueden insertar y personalizar increíblemente fácilmente, sino también increíblemente arreglados.

“El editor creará una nueva experiencia en la creación de la página y la construcción posterior, lo que facilita la escritura sin esfuerzo y tiene” bloques “para facilitar lo que podría requerir HTML o descubrimiento de” carne misteriosa incorporada “corta y personalizada. – Matt Mullenweg La intención es hacer que la experiencia de publicar el contenido de WordPress sea más eficiente y hacerlo más fácil y más agradable para sus usuarios. Con Gutenberg, los usuarios de WordPress podrán crear páginas hermosas o después de los diseños rápidos y fáciles, sin distraerse con la configuración de la configuración. Obtenga la teoría, para ver cómo está Gutenberg en la práctica.
Una introducción al editor de Gutenberg
Como se mencionó anteriormente, Gutenberg está actualmente disponible como un complemento que se puede descargar desde el almacén de WordPress. El complemento no es para usar en un sitio en vivo, todavía está en desarrollo y no debe usarse en un sitio en vivo. Si desea ver a Gutenberg, juegue con él en una prueba o sitio de desarrollo. Siga una de estas guías detalladas sobre cómo configurar un sitio de prueba/diseño local:
Beneficios de crear un entorno de desarrollo local (Serie de escritorio: Parte 1 en 4)
Cómo crear una instalación local de WordPress en una Mac
Una vez que haya configurado un sitio local/test/diseño y listo para trabajar, vaya a WordPress Warehouse y descargue Gutenberg.
Al igual que con cualquier otro complemento, explore los complementos> Agregar nuevo y cargue la carpeta .zip. Una vez que se complete la instalación, explore las publicaciones y haga clic en la nueva adición. Aparecerá un menú de caída, que le pregunta si desea usar el editor clásico o Gutenberg. Al seleccionar el editor de Gutenberg, comenzará con un lienzo vacío y puede comenzar a construir su publicación desde cero. Alternativamente, encontrará un nuevo elemento de menú llamado Gutenberg, incluso en Configuración.
Si desea leer más sobre el proyecto Gutenberg, haga clic en la documentación y se lo enviará al Manual de Gutenberg en el almacén de WordPress. Si desea compartir sus pensamientos y opiniones sobre Gutenberg o hacer una pregunta de ayuda, haga clic en Comentarios. Para comenzar a jugar con el editor, haga clic en Demo. Esto abrirá una publicación de demostración ya configurada, con varios bloques elegantes y listos para operar.

Antes de continuar, eche un vistazo a los dos editores diferentes, Classic y Gutenberg, uno al lado del otro.

Lo primero que destaca es que hay mucho más espacio de escritura. Además, como la barra de herramientas de la derecha muestra y se esconde haciendo clic en la configuración (el ícono de la rueda), hay una sensación real sin diversión, y Gutenberg casi se siente como escritor de alguna manera. Esta noción de espacio adicional definitivamente ayudará a aquellos que componen pantallas más pequeñas.

Un menú desplegable en la esquina superior derecha le permite cambiar entre modos de edición visual y de código. Hay otras opciones, como reparar la barra de herramientas de edición y copiar todo el contenido de un solo movimiento. En la sección Configuración, encontrará dos pestañas:

Documento, que le permite establecer la configuración de publicación básica, incluido el formato de publicación y la publicación, las taxonomías, la imagen presentada, el extracto, la configuración de comentarios y un contenido (más sobre el último más tarde) y


Bloque, que, una vez que haya seleccionado un bloque individual, elevará las configuraciones y personalizaciones respectivas que se pueden hacer.

Los bloques se pueden organizar rápidamente haciendo clic en las flechas hacia arriba o hacia abajo en el lado izquierdo. En el lado derecho del bloque, aparece un menú cuando pasa el cursor, que muestra más opciones para el bloque. Aquí el usuario puede elegir entre una serie de opciones de formato diferentes. Una de estas opciones, convertida en un bloque reutilizable, le permite guardar el bloque completo con la configuración de personalización para usarlas en una etapa posterior.

Los bloques se pueden agregar encontrando el icono + en la esquina superior izquierda o, comprando sobre la sección superior o inferior de un bloque y esperando el icono +. Una vez hecho clic, puede seleccionar entre:
Reciente: una colección de sus bloques más utilizados
Bloques: que incluyen bloques comunes (por ejemplo, imágenes, listas, párrafos), bloques de formato (tablas, citas y texto preformado), bloques de apariencia (como separadores/divisores, botones y columnas de texto) y widget-uri (incluidos los últimos Publicar o alimentar para códigos cortos)

Incorporación: opciones para incorporar varios elementos web de una serie de plataformas Poparesalvat: bloques almacenados, guardados haciendo clic en “Conversión de bloques reutilizables”

El menú superior incluye una serie de opciones, incluido el icono de suma del bloque, un botón de cancelación y recuperación y varias opciones de formato que se muestran de acuerdo con el bloque seleccionado.
Una característica verdaderamente maravillosa es la estructura del documento de la barra de herramientas, así como la sección incluida en la barra de documentos Configuración>. Ambos descomponen exactamente el contenido de la publicación para que el escritor pueda acceder rápidamente a las porciones de copia y también formar el texto que es óptimo para los motores de búsqueda.
Una vez agregado un bloque, se puede editar y personalizarse utilizando una serie de opciones utilizando el menú Configuración> LOCK. Cada bloque también incluye una sección para una clase CSS personalizada. A continuación se muestra un ejemplo de un estilo de un bloque de párrafo.
Esta es solo una presentación general básica del editor de Gutenberg. Con el tiempo, a medida que el proyecto aborda la finalización, se pueden agregar o eliminar más funciones. En su forma actual, Gutenberg tiene algunas características maravillosas que ciertamente harían feliz a un usuario más contemporáneo, sin embargo, este no es necesariamente el caso de los desarrolladores y actividades de WordPress. A pesar de que Gutenberg presenta una oferta completamente nueva para los usuarios actuales y potenciales de WordPress, y la interfaz en sí ciertamente cumple con la solicitud de proporcionar una experiencia de publicación de contenido más intuitiva y cautivadora, todavía hay una curva de aprendizaje de plataforma y para aquellos que están familiarizados con más El enfoque técnico del contenido puede no tomar el nuevo sistema tan fácilmente. Sin embargo, Gutenberg todavía está lejos, por lo que el tiempo dirá si reemplazará por completo al editor de Tinymce o se ofrecerá como una opción para publicar contenido. Usar Div en un mundo de Gutenberg.
Si bien Gutenberg ciertamente parece más bien el creador de la naturaleza, todavía está programado para ser lanzado inicialmente como un editor de publicaciones, no como un creador de diseño completo.

.. aún. El lanzamiento del editor de Gutenberg está destinado a abrir el camino para las innovaciones más grandes y audaces para WordPress, puede ver que toda la interfaz de WordPress se vuelve visualmente editable. “Estos elementos básicos abrirán el camino para la segunda y tercera etapas, planificadas para el próximo año, para superar la publicación en las plantillas de página y, finalmente, la personalización completa del sitio”. -Wordpress.org Un punto rápido para mencionar es que el editor de Gutenberg siente una pequeña división, porque su proceso de introducir los bloques y la personalización casi como un eco en el constructor de front-end. Los usuarios del DIV, especialmente aquellos que han usado el generador delantero, pueden encontrar a Gutenberg casi familiares de una manera y, como resultado, pueden no tener una curva de aprendizaje tan pronunciada cuando se introduce Gutenberg. Constructor frontal o no, los usuarios de la Divic son naturalmente cómodos con el concepto de crear modelos que usan módulos (o bloques) fuertemente personalizables.

Como resultado, los usuarios de la división encontrarán más que seguros de que es relativamente fácil adoptar a Gutenberg como interfaz. Como usuarios de la Divic, tenemos la suerte de tener opciones, por lo que Gutenberg o no, los usuarios de Div aún pueden optar por usar Divi Builder para diseños y publicaciones de página. Más allá de la construcción de un sitio, si usted es un diseñador Div que crea sitios web para clientes que tienen que agregar y editar su propio contenido, tenga en cuenta que Gutenberg ha sido creado para hacer que más personas se sientan más cómodas con la plataforma de WordPress y probablemente accederán a esta plataforma más fácilmente que TinyMCE si son usuarios de WordPress por primera vez. Si desea alentar a sus clientes a publicar su publicación exclusivamente con Divi Builder, tenga en cuenta que el generador front-end ahora viene por completo con videos documentales y tours explicativos para guiar a sus clientes. ¡Escucharemos de usted! ¿Qué opinas sobre Gutenberg? ¿Te gusta la nueva interfaz del editor o preferirías mantener el editor clásico? Comparta sus comentarios o preguntas a continuación: ¡nos gusta recibir sus comentarios! ¡Gracias por leer!