¡El editor de WordPress Gutenberg es nuevo!Así es como se usa.

¡La espera ha terminado! WordPress 5.0 se le ocurrió algo genial y cautivador; es el nuevo editor de WordPress Gutenberg. Esta nueva interfaz en WordPress ha provocado todo tipo de discusiones en ambos lados del pasillo. Además, las personas de todo el mundo hablan sobre el nuevo editor y WordPress 5.0 “Bebo”. ¡No pudimos ignorarlo!
WordPress 5.0 es absolutamente brillante. Casi 500 colaboradores de código abierto hicieron esto posible.https: //t.co/x994xdon2n pic.twitter.com/9bhe0dexn1-Guillermo Rauch (@rauch) 6 de diciembre de 2018
Entonces, aquí estamos, con la Guía Suprema de Gutenberg. Revelemos el uso del editor Gutenberg en WordPress 5.0.
Para su comodidad y para una mejor comprensión, dividí este recorrido detallado en las siguientes subsecciones. 1. Editor de Gutenberg en WordPress 5.0 2. Cómo usar Gutenberg WordPress Editor 3. Escribir una publicación de blog usando WordPress Gutenberg 4. ¿Cómo fue nuestra experiencia con Gutenberg 6. Veredicto Nota: Siendo su amigo, recomienda usar primero su plataforma de organización, a Aprenda el editor de WordPress Gutenberg y familiarícese con él. Una vez que cambie y sobresalga, puede usarlo en cualquier momento en su sitio en vivo. Ahora, sin mucha prisa, arrojémonos directamente al tutorial de WordPress Gutenberg y aprendamos a usarlo.
1. El editor de Gutenberg en WordPress 5.0 Si ha sido separado del mundo en línea durante algún tiempo y no sabe qué es el editor de Gutenberg, sabemos un poco sobre WordPress Gutenberg. Gutenberg es un nuevo editor de WordPress que lleva el nombre de Johannes Gutenberg. Viene con la nueva versión WP 5.0. La apariencia es fácil tanto para principiantes como para profesionales. El objetivo principal de Gutenberg WordPress Publisher crea contenido y una experiencia de edición posterior alta y avanzada.
Esperamos desarrollar aún más para iniciar la personalización completa del sitio, en lugar de ser utilizada solo como editor.
Lanzado el 27 de noviembre de 2018, Gutenberg es el nuevo reemplazo del editor de WordPress Tinymce.
El editor Gutenberg WordPress quiere facilitar a todos para crear diseños de contenido ricos y flexibles con una interfaz de uso basada en bloque. Un bloque puede ser prácticamente cualquier cosa. Puede ser:
Un párrafo de texto regular
Una foto
Una mesa
Un botón CTA
Un video construido en
La mayor diferencia entre Gutenberg y el clásico editor de WordPress es la ausencia del cuadro de texto único que utiliza actualmente para escribir y formatear todo el contenido. Más bien, el editor de Gutenberg usa bloques para construir diferentes partes de su contenido. Aquí están los tipos de bloques que el editor de WordPress Gutenberg tiene para ofrecer:
Estos “bloques” lo ayudarán a crear su contenido, haciendo que el proceso sea divertido. En resumen: con la interfaz Gutenberg, tendrá un gran área blanca que comienza con “Escribir su historia”. Y necesitará usar bloques para crear sus publicaciones. 1.1 ¿Por qué comenzar a usar Gutenberg hoy? Los usuarios de WordPress que ya han actualizado su versión WP 5.0 WP utilizarán y amarán al editor de Gutenberg. Sin embargo, si aún no ha actualizado la versión de WordPress, ¡debe hacerlo hoy! ¿Por qué? Debido a que el equipo de WordPress ha anunciado que el complemento del editor clásico (actual editor de WordPress) será aceptado oficialmente hasta el 31 de diciembre de 2021. Por lo tanto, si no hoy, tendrá que aprender a usar el nuevo editor de Gutenberg tarde o temprano. Entonces, ¿por qué no comenzar a usarlo hoy y convertirse en un experto hasta 2021? 1.2 ¿Cómo instalar el editor de Gutenberg? Puede cumplir con esta interfaz completamente nueva en solo dos pasos:

Actualice su versión WP a WordPress 5.0.
Vaya a la nueva opción Agregar desde la sección de publicación del tablero
Acabas de abrir este lienzo completamente nuevo para crear increíbles publicaciones de blog:
Nota: Si aún desea usar el editor clásico de WordPress, ahora estará disponible como complemento. Además, puede usar otros complementos de tercera parte. Sin embargo, independientemente de la versión de WordPress que use, los complementos de terceros aún pueden crear espacios de seguridad en su sitio web de WordPress.
Puede leer nuestra publicación en el mejor muro de seguridad para su sitio. Le ayudará a mantener su WordPress 5.0 a salvo de hackers y redes Bot. Ahora, pasemos a nuestro próximo segmento: cómo usar el editor de WordPress Gutenberg. 2. ¿Cómo se usa el editor de Gutenberg? Bueno, antes de saber cómo usar el editor Gutenberg WordPress, debe estar familiarizado con los elementos de esta nueva interfaz. Navegue a través de los siguientes dos subsegmentos para conocer y usar el editor: 2.1 Conozca el editor que necesitará ser amigo de los siguientes elementos en la interfaz Gutenberg: a) Iconos de la parte superior izquierda:

Esta es la barra que puedes encontrar en la parte superior derecha del lienzo blanco Gutenberg. Tiene los botones Agregar para bloquear, cancelar, restaurar, estructura de contenido y navegación en bloque. Veamos qué podemos hacer con ellos: 1. Botón de adición (+): el primer icono en la barra que se muestra es el botón de adición del bloque. Al hacer clic en este botón (+), puede agregar un nuevo bloque. Puede ser cualquier cosa, desde texto hasta párrafos, desde imágenes hasta citas y de audio hasta videos, ¡oh, sí, lista y tablas!
2. Botones de cancelación/restauración
Cuando desea avanzar o hacia atrás para editar fácilmente, simplemente use estos botones para hacerlo. ¡Recuerda Microsoft Word correctamente!

3. Estructura de contenido

Al hacer clic en el botón de estructura de contenido, puede ver los detalles sobre su publicación, por ejemplo, cuántos bloques usó, cuántos párrafos escribió, el número total de palabras y títulos, etc. 4. Botón de navegación El botón de navegación en la barra de herramientas en la esquina superior izquierda le permite ver y navegar publicando desde el blog. Significa que puede completar la estructura de la publicación en el blog y también puede navegar por cada bloque sin ejecutar realmente la página completa. Esto hace que todo sea fácil, especialmente cuando desea hacer cambios en un bloque en particular. B) iconos en la parte superior derecha

Puede encontrar estos 4 íconos en la parte superior derecha del nuevo lienzo de Gutenberg. Tiene vista previa, publicación, configuración, otras herramientas y opciones. Háganos saber estas opciones en detalle: 1. Vista previa y publique mucho similar a la interfaz del editor clásico de WordPress, la vista previa y los botones de publicación le permiten obtener una vista previa del contenido antes de publicarlo y publicar su publicación cuando esté listo. 2. El icono de configuración en la parte superior derecha de la interfaz, junto al botón de vista previa y de publicación, el tercer botón que verá es el botón Setti. A medida que hace clic, verá 2 subtítulos: documento y bloqueo.
a) Sección de documentos La sección del documento tiene la siguiente 7 subsección:

Aunque hay muchas opciones similares a la barra lateral del clásico editor de WordPress, la barra de documentos tiene muchas otras características y opciones sorprendentes. Esto es lo que puede hacer en la barra deslizante del documento: i)) Estado y visibilidad:
Verifique el estado de su publicación, cambie su visibilidad, seleccione el formato de publicación que desee, consulte la casilla de examen de espera, programen la fecha de publicación y cambie el autor entre la demostración y el administrador; Todo en la sección de estado y visibilidad de la barra de documentos. ii) Enlace permanente aquí, puede establecer el enlace permanente (Slug/URL) para su publicación y también puede ver su vista previa. iii) categorías una nueva categoría en cualquier momento. Seleccione la categoría para su tipo de publicación de la lista de categorías que creó. Por ejemplo, en servrguy, tenemos muchas categorías para nuestras publicaciones, como Magento, AWS, DigitalCean, Security, News y muchas más. iv) Las etiquetas saben la importancia de las etiquetas al escribir y publicar contenido. Ayuda a los lectores a encontrarlo cuando tienen un interés similar. Puede agregar fácilmente etiquetas relevantes a su publicación en la barra de documentos. v) imagen presentada una imagen dice mil palabras; Esta expresión es adecuada cuando se habla de la imagen presentada. Una imagen presentada lo hace más atractivo y también transmite mucho sobre su publicación. Agregue a la sección de documentos en la opción Configuración. Vi) Extracto Un extracto es un término para el resumen de la publicación en WordPress con un enlace a toda la entrada. Ahora agregue un extracto directo a la sección del documento. Vii) Discusión Permitir que los comentarios publicados sepan lo que los clientes quieren decir sobre su publicación, también debe saber que comentarios positivos y no. Los comentarios lo ayudan a aumentar su clasificación en los motores de búsqueda. También permita Trackback y Ping-Back con esta opción. b) sección de bloque

La sección de bloques es su patio de recreo en el editor de WordPress Gutenberg. Tiene muchas opciones de personalización de las que te enamorarás, como lo hicimos nosotros. Al seleccionar un bloque individual, puede hacer que la configuración sea específica de ese bloque. i) Configuración de texto Al seleccionar un bloque de edición particular. Puede cambiar el tamaño de la fuente, puede hacerlo mediano, grande o pequeño. Incluso puede personalizar su tamaño después de su elección. Esta subsección también tiene una gran característica nueva llamada “Drop Cap”. Esto nuevamente se inspira en MS Word. Cape de caída: aumenta la primera letra y hace un interruptor para mostrar una letra inicial grande. II) ¡Juega de ajuste de color con los colores en el bloque! También puede elegir diferentes colores para el fondo del texto y también puede agregar diferentes colores a su texto. Ambas variantes están disponibles. 3. Más herramientas y opciones Al hacer clic en el último botón en la barra superior derecha, verá un panel con múltiples opciones y funciones. Aquí, puede hacer clic para usar:
Más opciones para la barra de herramientas y acceder a todas las herramientas para bloques y documentos en un solo lugar. Verá estas opciones en la parte superior del cuadro de escritura.

Modo Spotlight que le permite concentrarse en un solo bloque a la vez.

También hay una opción sorprendente llamada modo de pantalla completa para funcionar sin distraer


2.2 ¿Cómo se usa Gutenberg? Ahora, después de explorar Gutenberg, sus principales elementos y su uso, pasemos a nuestro próximo segmento, cómo usar el último editor de WordPress de Gutenberg: 1. Agregar el texto en primer lugar, para aprender cómo agregar algo de texto a esto. Nuevo editor. Simplemente siga los pasos dados:


Verá “Agregar título” a la pantalla. En esta sección, debe ingresar el título o el título de su publicación, entonces, en el bloque a continuación, ingrese su contenido, puede agregar más bloques cuando lo desee; simplemente haciendo clic en ese botón “+”.

Si desea hacer todo más simple, presione Entrar. Mientras lo hace, creará automáticamente un nuevo bloque justo debajo del bloque actual.
PD: Si desea cambiar su tipo de bloque, escriba “/” para ver las opciones de qué tipo de bloque desea. Además, puede cambiar la alineación y el formato del texto ingresado. Simplemente visite la sección de bloqueo de la opción Configuración, como se describió anteriormente. 2. Agregar imágenes Ninguna publicación de blog está completa sin imágenes relevantes y atractivas. Aquí le mostramos cómo agregar imágenes a su editor de WordPress Gutenberg:
Para agregar imágenes, haga clic en “+” en la esquina superior izquierda y seleccione el bloque de imágenes.
Lo encontrará en la sección más utilizada.
Al hacer clic en él, se insertará el bloque de imágenes. Se verá así:
Puede cargar fácilmente una nueva imagen o seleccionar una imagen desde su biblioteca de medios.
PS WordPress Gutenberg Publisher también le permite agregar una leyenda y cambiar la imagen cargada. 3. Agregar videos El proceso sigue siendo el mismo para los videos. De hecho, cualquier (cualquier bloque) que desee agregar, haga clic en el botón “+” y elija el tipo de bloque. Volviendo a la adición de videos, siga los pasos a continuación:
Para agregar un video, puede elegir el bloque de video para cargar el video de su sistema justo cuando sube una imagen.

Para incorporar un video de YouTube, haga clic en YouTube en la sección de incorporación del menú “+”. Ahora, simplemente pegue la URL que desea agregar y haga clic en “Incorporar”.
El video se incorporará en su publicación y podrá verlo en el editor en sí.
Nota: También puede agregar tablas (filas y columnas) con un solo clic con el editor de WordPress de Gutenberg. Sin embargo, tuvimos que usar un complemento específico para esto si queremos agregarlos con el clásico editor de WordPress. 4. ¿Qué más puedes hacer con Gutenberg? Bueno, no hay nada que no puedas hacer con el editor de WordPress Gutenberg. Con esta nueva interfaz, no solo puede agregar texto, imágenes, videos y tablas, pero puede agregar sonido, galería, citas, listas, archivos y portada. Además, también puede agregar botones CTA, columnas, medios y texto, interrupciones de página, separador y espaciador en WordPress 5.0. 3. Escribir una publicación de blog en Gutenberg Crear una publicación maestra en el editor de WordPress de Gutenberg es muy simple. Solo tienes que familiarizarte con los pasos que describí en esta publicación. La imagen a continuación es un ejemplo de publicación de blog (acelera Magento 2) escrita en el editor de WordPress Gutenberg.
A medida que practique y sobresale, verá que es tan fácil como un pastel. De hecho, es más divertido trabajar en este nuevo editor avanzado en WordPress 5.0. Simplemente agregue texto, imágenes, babosa (enlace permanente), videos y todo lo que desea publicar y luego programarlo para su publicación. ¿La mejor parte? ¡Puede agregar colores al fondo y el texto y puede cambiar la fuente con Gutenberg! Nota: No se preocupe, Gutenberg no hace ninguna diferencia en la presentación visual de sus publicaciones para los visitantes. 4. Nuestra experiencia con el editor de Gutenberg probamos este editor de Gutenberg que es nuevo en WordPress y nos gusta! Nos gustan las siguientes 4 razones: la parte más interesante de este increíble editor de WordPress es la construcción con “bloques”.

No cambia la forma en que su contenido muestra a sus visitantes. Solo le permite ingresar a cualquier tipo de multimedia en un momento y reorganizar maravillosamente.

Es muy fácil de administrar y navegar a través de bloques, porque cada parte de contenido estará en su propio bloque.
Si eres un programador con Know-How HTML y CSS, los bloques no se interpondrán en tu camino; WordPress está aquí para simplificar el proceso.