El Gutenberg Editor ha reemplazado al viejo clásico WordPress editor y está activo en el valor predeterminado WordPress editor.
Si ha escrito artículos en sitios como Medium.com, es posible que te hayas encontrado con un tipo de experiencia similar a la de Gutenberg. Sin embargo, el editor de Gutenberg es mucho más completo y viene con diferentes bloques.
Actualmente, Gutenberg es solo el editor que puedes usar para crear tus entradas de blog. Sin embargo, se ampliará para convertirse en la solución completa para crear tu sitio web, lo que facilitará mucho la creación de contenido para principiantes. WordPress usuarios.
Como el nuevo editor depende principalmente de sus bloques, el independiente WordPress Los desarrolladores de temas y complementos pueden crear fácilmente sus propios bloques para ampliar la experiencia general.
En este artículo, analizaremos en detalle el nuevo editor Gutenberg y aprenderemos a utilizarlo de la forma más eficaz.
Todo lo que necesitas saber sobre el editor de Gutenberg
Introducción a Gutenberg
¿Qué es Gutenberg Editor?
Gutenberg es el nombre que se le da al nuevo WordPress editor que utilizarás para crear tus publicaciones de blog próximamente.
El editor Gutenberg lleva el nombre de Juan Gutenberg, quien inventó la imprenta hace 500 años.
El clásico WordPress El editor que estás usando actualmente es simple, con el título y el cuadro de descripción, y las herramientas adjuntas que usas para agregar diferentes elementos a tus publicaciones.
Con la introducción del editor Gutenberg, este sistema cambiará por completo.
Ahora tendrás que insertar diferentes bloques para crear tus publicaciones de blog. Tienes varios bloques diferentes creados con el editor de Gutenberg que veremos más adelante en la publicación.
Se espera que el nuevo editor forme parte
Como ya se mencionó, puede usarlo instalando el complemento en este momento.
Más de 600 XNUMX usuarios ya están utilizando el editor de Gutenberg para realizar pruebas o en sitios activos.
Manos a la obra con Gutenberg
Primeros pasos con Gutenberg
Como Gutenberg va a ser parte de la WordPress Software. Es mejor empezar a usarlo antes para que te acostumbres al editor antes de que sea obligatorio.
Hemos estado usando el editor Gutenberg en BeginDot Durante los últimos días. Sin duda, ofrece varias ventajas a la vez, pero necesita muchas mejoras, lo cual es previsible, ya que se encuentra en desarrollo.
Para comenzar con el editor, vaya a la WordPress panel >> complementos >> Agregar nuevo
Verá la opción del complemento Gutenberg allí mismo. Simplemente instale y active el complemento.
Antes de comenzar a escribir contenido nuevo con el editor de Gutenberg en su sitio, tiene la opción de probar el editor directamente en su tablero.
Después de activar el complemento, verá la opción Gutenberg en su WordPress .
Look & Feel del Editor
Así es como se ve el editor de Gutenberg cuando comienza a crear su publicación de blog.
La interfaz es clara y sin distracciones. Ya puedes empezar a añadir los bloques que necesitas a tu publicación.
Ahora, como ves en la imagen de arriba, tienes la opción de agregar el título de tu publicación y luego el lienzo en blanco para que agregues cualquier bloque que desees agregar.
Después de agregar el título de su publicación, acceda al área de contenido para agregar un bloque. ves el + Más signo que puede usar para agregar un bloque a su página.
También tiene la opción de agregar el bloque en la esquina superior izquierda de la página.
Barra derecha
los detalles en
A medida que comience a editar un bloque de texto, este cambiará según corresponda.
Editor visual y editor de código
Al igual que en el editor clásico, podías navegar por el editor visual y el editor de código. El editor Gutenberg también te permite usar el editor de código si lo necesitas.
Imagen destacada para The Post
Al igual que en el editor antiguo, tienes la opción de seleccionar la categoría de la publicación de tu blog, una opción para agregar etiquetas y una imagen destacada en la barra derecha debajo de la pestaña de documentos.
Opción Rehacer y Deshacer
Aquí tienes una buena opción para avanzar y retroceder en tu artículo. El editor Gutenberg te ofrece una sencilla opción para rehacer y deshacer en la esquina superior izquierda de la interfaz de edición.
Puede usar estos dos íconos para deshacer y rehacer su última acción.
Estadísticas rápidas
Esta es una función muy útil del editor Gutenberg. Al escribir tu contenido, puedes simplemente hacer clic y comprobar el número de palabras de la página, el número de bloques utilizados, el número de encabezados, párrafos, etc.
Introducción a los bloques
Los bloques de Gutenberg
El editor Gutenberg se centra en los bloques. Estas son las vigas que se usan para construir la casa.
Cuando creas las publicaciones de tu blog, después de agregar el título de la publicación, todo el lienzo está disponible para que agregues diferentes bloques.
Verá varios grupos diferentes creados para los bloques, como los bloques más utilizados, bloques comunes, elementos en línea, formato, elementos de diseño, widgets, etc.
Echemos un vistazo a cada uno de los grupos uno por uno.
Los bloques más utilizados serán obviamente los que se utilizan con mayor frecuencia al crear una entrada de blog, como el encabezado, la imagen, el párrafo, etc.
Los bloques comunes también tendrán bloques algo similares en ellos.
Si los bloques de Gutenberg predeterminados no son suficientes para su sitio, hay varios complementos de bloques de Gutenberg nuevos que puede usar en su sitio.
Bloques de formato
Hay algunos bloques útiles debajo del
- Redactor clásico: Si necesita la antigua barra de herramientas del editor clásico para editar cualquier cosa, la encontrará aquí
- HTML personalizado: La opción de agregar HTML personalizado
- Añadir código: Agregue código en sus publicaciones de tutoriales
- Añadir una tabla: Esta es una adición muy útil a la WordPress editor; ahora no necesitarás un complemento para agregar una tabla a tus publicaciones.
embeds
Con el auge del contenido multimedia y los tipos de contenido viral, la importancia de la funcionalidad de inserción ha aumentado.
Hoy en día, los productores de contenido utilizan contenidos de Twitter, Instagram y YouTube con mucha regularidad.
El editor Gutenberg hace que sea muy sencillo y fácil para los usuarios insertar contenido desde una variedad de plataformas populares con facilidad.
Bloques relacionados con el diseño
Los bloques de diseño serán muy útiles para los usuarios. Ahora, ya no necesita usar un complemento de código abreviado para agregar botones a su publicación porque tiene la opción incorporada para agregar un botón.
Hay una serie de opciones de diseño de diseño útiles para elegir.
Cómo usar el editor de Gutenberg
Crear una publicación usando el editor de Gutenberg
Ahora que conoce la interfaz de Gutenberg, creemos una publicación de blog con el editor.
Intentaremos repasar los bloques más utilizados y crear contenido con ellos.
Para crear una entrada de blog, vaya a la opción de nuevo puerto, igual que en el editor anterior.
Paso 1. Título y párrafos
Añade el título de tu publicación y empieza a escribir. Para añadir el contenido, no tienes que hacer nada; simplemente haz clic en el lienzo y empieza a escribir.
Paso 2. Agregar una imagen
Además del texto de tu publicación de blog, la segunda cosa más importante en tu publicación de blog es la imagen o las imágenes de tu contenido.
Puede hacer clic en el + más firme y agregue un bloque de imagen para agregar la imagen de su elección.
Ahora, hay algunas opciones diferentes para imágenes en el editor Gutenberg que puedes usar según tus necesidades.
- bloque de imagen simple
- Imagen y bloque de texto (que se encuentran en los bloques de diseño)
- Imagen de portada
Como estamos hablando de las imágenes normales de publicaciones de blog, usemos una para la publicación.
Paso 3. Agrega un video
Como ya se discutió en la sección Bloques, el editor de Gutenberg viene con una lista completa de opciones de inserción.
Por lo tanto, no solo puedes insertar videos de YouTube, sino también contenido de otros servicios para que tu publicación de blog se vea increíble.
Para agregar un video a su publicación de blog
Haz clic en el icono ++ y ve a la sección de incrustar. Selecciona la opción YouTube en la lista, añade la URL del vídeo y listo.
Paso 4. Agregar un botón de llamada a la acción
Una vez que comience a usar el editor de Gutenberg, ya no necesitará un complemento de código abreviado de botón.
El editor viene con
Paso 5. Agregar color de fondo al texto
Gutenberg te da la opción de añadir un
El proceso es bastante sencillo, solo debes seleccionar el texto que deseas resaltar y en la barra derecha aparecerán las opciones de color, selecciona el color de fondo, color del texto y listo.
Así es como puede resaltar el texto en su publicación de blog para que sea más interactivo y atractivo. También lo ayudará a atraer la atención de sus lectores a las secciones importantes de su publicación de blog.
Problemas de compatibilidad
La introducción del editor Gutenberg es un gran cambio y llevará algún tiempo resolver todo lo demás a su alrededor.
Muchos WordPress Los temas y complementos aún no son compatibles con el editor.
Por ejemplo, estábamos usando un complemento para
Del mismo modo, muchos shortcode
Sin embargo, los problemas de compatibilidad son temporales, ya que los temas y complementos se actualizan según los requisitos del editor Gutenberg, por lo que todo debería estar bien.
Hemos creado un artículo sobre el mejor Gutenberg listo WordPress temasPuede seleccionar cualquier tema de esa lista.
Pros y contras de Gutenberg
Gutenberg es excelente en muchos aspectos y necesita mejorar en muchos departamentos.
Como ya utilizamos Gutenberg en nuestro sitio, tenemos experiencia de primera mano con el editor.
Entonces, aquí hay una lista de cosas que nos gustan del editor y cosas que nos están creando problemas.
Pros de Gutenberg
- El editor es bastante simple y fácil de usar.
- Es completo en cuanto a las opciones disponibles.
- No se requerirán habilidades técnicas para agregar un botón o resaltar contenido
- Un nuevo usuario podrá crear un artículo atractivo y con una presentación agradable.
- Opciones de diseño modernas, ya no solo contenido simple de una columna.
- La interfaz es limpia y sin distracciones.
- Funciona perfectamente en dispositivos móviles.
Contras de Gutenberg
- Hay una opción para abrir el enlace en un
¡nuevos Socios! de ventana, pero no hay opción para agregar unanofollow - Aunque hay discusiones en muchos lugares, todavía no hay soporte dedicado
- La compatibilidad de complementos y temas puede ser una gran preocupación
- Muchos complementos importantes no funcionan correctamente a partir de ahora
Última Palabra
Esperamos que este artículo te ayude a comprender mejor el editor Gutenberg. Mientras tanto, al igual que tú, lo estamos aprendiendo, vamos a hablar sobre él para que esta guía sea aún más completa.
Así que no olvide agregar un comentario o inquietud en el cuadro de comentarios a continuación.
Este artículo fue escrito por el equipo editorial de Begindot. Si desea contribuir, Contáctenos aquí
