Cómo usar el editor de bloques de WordPress

¿Todavía estás confundido sobre cómo usar el nuevo editor de bloques de WordPress? No ser. El editor de bloques de WordPress (Gutenberg) es fácil de usar. Solo se necesita un poco de aprendizaje para entender esto bien, y luego podrá hacer cosas increíbles en su sitio. En esta guía, presentaremos las desventajas del editor, ya que difiere del antiguo editor y cómo usarlo como profesional. Contenido
Editor de bloques de WP
¿Cual es mejor? El editor clásico o Gutenberg
Cómo usar Gutenberg – Editor de bloques de WordPress
La interfaz del editor de Gutenberg
Cómo funcionan los bloques en el nuevo editor
Creación de contenido con el editor Gutenberg
Guardar y reutilizar bloques en Gettenberg
Consejos de bonificación
Cómo agregar más bloques al editor de Gutenberg
Preguntas frecuentes sobre el editor de bloques de Gutenberg
Conclusión
El editor de WordPress Block, WordPress Block, también conocido como “Gutenberg”, se introdujo con la versión WP 5.0 en diciembre de 2018. Reemplazó el antiguo editor clásico que ha sido utilizado desde el comienzo de WordPress. Crear contenido en el nuevo editor puede ser similar al proceso utilizado en la construcción de una casa. Usted sabe que construir una casa implica colocar bloques más pequeños en posiciones incorrectas. Del mismo modo, el editor de Gutenberg trabaja así. Cada publicación y página que cree con este editor consta de varios bloques: bloque de párrafo, bloque de imágenes, bloque de video, bloque de galería, bloque de widgets, bloque de mesa y más. Se reúnen en una publicación o página bellamente arregladas que leen sus visitantes.
La mayoría de los elementos de contenido (párrafos, listas, imágenes, tablas, etc.) que necesita para sus publicaciones ya están presentes en el editor. También puede considerar usar un complemento de WordPress para agregar bloques más avanzados. ¿Cual es mejor? Editor clásico o Gutenberg Varios usuarios de WordPress preguntan si se ha necesitado la actualización del editor. Bueno, comparemos a ambos editores. El editor clásico tiene una interfaz similar al popular Microsoft Word. Simplemente ingrese (o pegue) su contenido y formatee su editor de Gutenberg, como se mencionó anteriormente, use un enfoque basado en bloque. Aunque el editor clásico puede parecer más fácil de usar, el editor de bloques de WordPress le permite agregar cualquier tipo de contenido a sus publicaciones y páginas, por ejemplo, para agregar una tabla a su publicación en el editor clásico, deberá instalar un enchufe para la tabla. Gutenberg Publisher, sin embargo, simplifica este proceso. Para agregar una tabla con el nuevo editor, simplemente agregue un bloque de tabla, elija el número de líneas y columnas. Luego agregue contenido a la tabla. Además, el editor de bloques a veces elimina la necesidad de códigos cortos. Por ejemplo, si tiene que incorporar un formulario de contacto en una publicación, en lugar de agregar un código corto, simplemente puede agregar el bloque de complemento al formulario. Por otro lado, el editor clásico necesitaría usar un código corto para incorporar el formulario.
Finalmente, el editor de WordPress Block permite un manejo de contenido leve y le permite crear contenido con aspectos complejos. Cómo usar el editor de Gutenberg ahora que sabe cuál es el editor de bloques (Gutenberg), veamos cómo usarlo para crear un gran contenido. Comenzaremos con una introducción a la interfaz, luego iremos a cómo usarla como profesional. La interfaz del editor Gutenberg Para acceder al editor, haga clic en publicaciones >> Agregue nuevo al administrador de WordPress si tiene la intención de crear una publicación. Si tiene la intención de crear una página, explore el menú de las páginas >> Agregar nuevo. Esto abrirá el editor de bloques.
El editor de bloques de Gutenberg es un entorno de escritura limpia en toda la pantalla, con excelente tipografía y mucho espacio para que su contenido se destaque. Como puede ver, el editor tiene tres partes:
Contenido: esto es la mayoría. Aquí ingresas tu contenido.

Barra lateral: está en el lado derecho de la pantalla. Tiene dos pestañas: la pestaña Publicar (la pestaña de la página cuando trabaja con páginas) y la pestaña de bloqueo. La pestaña de bloqueo le permite realizar cambios en un bloque seleccionado, mientras que la pestaña Publicar le permite configurar configuraciones que se refieren a toda la publicación.
Barra de herramientas: ubicada en la parte superior de la pantalla, la barra de herramientas le permite ingresar nuevos bloques y acceder a otras configuraciones.
Si necesita un espacio más grande, puede cerrar la barra lateral haciendo clic en el icono “Rueda” en la esquina superior derecha de la pantalla. Haga clic en el mismo icono para recuperarlo.
Cómo funcionan los bloqueos en Gutenberg el primer bloque en el editor es el bloque de título. Aquí ingresa la publicación o el título de la página. Puede ingresar inmediatamente a la publicación principal. Simplemente presione el botón “Enter” en el teclado o mueva el cursor debajo del título y haga clic. Sin embargo, si tiene que agregar otro elemento de contenido, haga clic en el botón “Agregar nuevo bloque” (+) ubicado en la esquina superior izquierda del editor.
Al hacer clic en el botón, revelará muchos bloques que puede agregar, así que elija un bloque. Si necesita un bloque de imágenes, por ejemplo, haga clic en el “bloque de imágenes”. También puede usar la barra de búsqueda en la parte superior del menú para encontrar rápidamente un bloque.
Cada bloque tiene una barra de herramientas que aparece encima. En otras palabras, los botones en cada barra de herramientas varían según el bloque que edite.

Por ejemplo, la captura de pantalla anterior muestra un bloque de imágenes. Arriba del bloque hay una barra de herramientas de formato básica, como alinear la imagen, cortar la imagen, insertar el enlace y muchos más. Además, cada bloque tiene configuraciones adicionales ubicadas en el lado derecho de la pantalla de edición.

Además, puede mover bloques con flechas cerca del bloque o simplemente tirando de los bloques.

Crear contenido en el nuevo editor de WordPress El editor de bloques hace todo lo que el editor clásico podría hacer y aún mejor. Veamos cómo agregar imágenes, enlaces, tablas, etc. 1. Agregar una imagen al editor de bloques de WordPress de Gutenberg para aclarar, el editor de bloques de WordPress viene con un bloque de imágenes listo para usar. Entonces, simplemente agregue el bloque haciendo clic en el símbolo “+” en la esquina superior izquierda. Luego desplácese para encontrar el bloque de imágenes y haga clic en él. Puede elegir:

Cargue un archivo de imagen desde su dispositivo local.

Seleccione de la biblioteca de medios.

Insertar en una url.

También puede deslizar y colocar imágenes desde su computadora. Se creará un bloque de imágenes automáticamente para ello.
Después de agregar la imagen, puede usar la configuración del bloque en el lado derecho de la pantalla para agregar texto alternativo, para cambiar el tamaño y agregar un enlace. 2. Cómo agregar una galería de imágenes a Gutenberg Agregar un bloque de la galería es similar a la forma en que agrega un bloque de imágenes. La única diferencia es que selecciona el “bloque de la galería” en lugar del “bloque de imágenes” y cargue más imágenes.
Luego puede construir su galería cargando nuevos archivos o seleccionando archivos desde su biblioteca de medios. 3. Cómo agregar códigos cortos a las publicaciones de WordPress utilizando los códigos cortos de Gutenberg ayuda a insertar rápidamente contenido dinámico a sus publicaciones y páginas para agregar un código corto al editor de bloques WP, puede usar el bloque de código corto.
También puede agregar códigos cortos al bloque de párrafo. 5. Cómo agregar una imagen junto al texto al WordPress al editor clásico, agregar una imagen junto a un texto era imposible. Por otro lado, esta limitación se remedió en el editor de bloques modernos. Por lo tanto, si necesita el texto y los medios para permanecer uno al lado del otro, use los medios y el bloque de texto. Ahora puede agregar una imagen al área de medios y luego agregar algún texto al cuadro al lado.
5. Cómo agregar un botón a las publicaciones y páginas de WordPress al editor anterior de WordPress, agregar un botón era un dolor de garganta. O tenía que escribir códigos o usar un complemento que generara un código corto para el botón.
Afortunadamente, el nuevo editor de Gutenberg viene con un bloque de botones. Esto ha eliminado la necesidad de instalar un complemento solo para agregar botones en una página o publicación.

Recuerde agregar texto, ajuste el color del botón según sea necesario y agregue un enlace. Puede realizar estas funciones utilizando la caja de herramientas ubicada en la parte superior del bloque y configurar el botón a la derecha de la página.

7. Cómo agregar imágenes de portada en publicaciones de blog y páginas de destino Una imagen de portada es una imagen amplia utilizada para cada nueva sección de publicaciones y páginas de blog. Ayudan a que su contenido se destaque. Con el editor de bloques WP, son fáciles de agregar usando el bloque “Cubierta”.

Simplemente agregue un bloque de portada, luego cargue un archivo de imagen suficientemente grande o seleccione uno de su biblioteca 8. Crear tablas dentro de esto es un descubrimiento que el editor Gutenberg ha traído a WordPress. Anteriormente, los usuarios de WP tenían que crear tablas usando un complemento o escribir CSS y HTML. Con el bloque de tabla predeterminado en el nuevo editor de Gutenberg, todo en el pasado. Simplemente agregue el bloque de la tabla, elija el número de filas y columnas deseadas, luego haga clic en Crear tabla. También puede elegir entre los dos estilos básicos disponibles en la configuración del blog en el lado derecho de la pantalla. 9. Cómo crear contenido en varias columnas La incapacidad de crear contenido en varias columnas fue otro problema con el antiguo editor clásico. El editor de bloques, por otro lado, le permite agregar hasta 6 columnas en una fila usando el bloque de columnas. También puede usar otros bloques dentro del bloque de columna.

Esto puede ser muy útil para estructurar contenido en sus páginas y publicaciones mientras los diseña. Por ejemplo, suponga que intenta crear una página para enumerar a sus empleados, con una foto de perfil, algún texto sobre la persona y un enlace a páginas sociales, sitios web, etc. Puede crear 3 columnas, una para cada conjunto de información que desea presentar.

Guardar y reutilizar bloques en el editor de bloques de WordPress El editor de bloques le permite guardar y reutilizar los bloques. Esto significa que puede guardar un bloque o grupo de bloques y puede usarlos más tarde en otra publicación o página. Si tiene que agregar los mismos fragmentos de contenido con frecuencia a sus páginas y publicaciones, esta función le ahorrará mucho tiempo. Para guardar un bloque, seleccione un bloque. Luego haga clic en los 3 puntos en la parte superior de la barra de herramientas de bloque. Desde el menú Drop -down, seleccione Agregar a los bloques reutilizables. Luego ingrese un nombre para su bloque reutilizable y haga clic en Guardar.

Y listo, creaste un bloque reutilizable. Ahora para agregar el bloque reutilizable a sus publicaciones y páginas, esto es lo que debe hacer: abra la publicación o la página donde desea agregar el bloque de edición. Luego haga clic en el botón Agregar -on (+) Agregar. Encontrará el bloque guardado en la pestaña “reutilizable”.

Finalmente, haga clic en el bloque para insertarlo en su página de WordPress o publicar. También puede manejar bloques guardados haciendo clic en todos los bloques reutilizables.

Esto lo llevará a una página donde puede editar, tirar la basura o exportar cualquiera de sus bloques reutilizables. Consejos de bonificación Después de analizar cómo agregar bloques al editor de bloques WP, puede parecer que el nuevo editor consume demasiado tiempo. Bueno, aquí hay algunos consejos de bonificación para ayudarlo a trabajar más rápido con este editor.

Puede mover la barra de herramientas para obtener bloques a la parte superior.

Como mencioné anteriormente, cada bloque viene con una barra de instrumentos en la parte superior. Puede mover esta barra a la parte superior de su editor de WP. Esto le permite acceder a todas las herramientas y documentos de bloqueo en un solo lugar. Para hacer esto, haga clic en el botón de 3 puntos en la esquina superior derecha de la pantalla. Luego seleccione la opción de la barra de herramientas superior. Teclado rápido del teclado

El editor de bloques WP viene con múltiples atajos para mejorar su flujo de trabajo. Uno de ellos es el símbolo de la barra oblicua (/). Simplemente ingrese / en el bloque de párrafo. Presentará una lista de bloques que puede usar de inmediato.

Para obtener más atajos, haga clic en el menú de 3 puntos en la esquina superior derecha. Luego elija “Accesos directos del teclado”. Esto revelará una lista de todos los atajos de teclado que puede usar. Los usuarios de Windows y Mac tienen diferentes atajos.

Tire y coloque la funcionalidad de los medios

El editor de bloques le permite deslizar y colocar archivos de imagen en cualquier lugar de la pantalla e inmediatamente creará un bloque para usted. También puede deslizar y colocar varios archivos de imagen para crear un bloque de la galería.

Bloque de editor clásico
Suponga que desea agregar contenido y desea formatearlo usando el editor clásico. Bueno, puedes, usando el clásico bloque de editor.
Este bloque crea una sección que funciona igual que el editor clásico. Entonces no se necesita ninguna queja. Si te pierdes el editor clásico, úsalo. Agregue más bloques al editor de bloques Gutenberg El editor de bloques de WordPress es tan flexible que puede agregar sus propios bloques nuevos. Aquí hay algunos complementos que pueden ayudarlo a sobrecargar el editor de bloques con bloques más avanzados. 1. Los complementos finales para Gutenberg Este complemento le permite agregar algunos bloques únicos sin escribir una sola línea de código. Viene con más de 20 sitios iniciales gratuitos previamente construidos, utilizando el tema Astra, Gutenberg y los máximos complementos para Gutenberg. Cada sitio inicial se puede importar con un solo clic. 2. PublishPress Blocks es otra biblioteca de bloques fuertes que le permite expandir el editor de bloques de Gutenberg. Viene con más de 20 bloques adicionales, que incluyen diapositivas, opciones de apariencia, publicaciones recientes, botones, iconos, galerías de imágenes, mapas, sábanas, testimonios, acordeones, etc. Con este complemento, puede controlar quién usa los bloques, puede elegir entre varias opciones de apariencia y puede agregar CSS personalizado para bloques. 3. Bloques de apilamiento-gutenberg Esta es una solución todo en uno para crear un sitio web increíble. Ofrece bloques para la cuadrícula de características, el cuadro de imagen, acordeón, lista de iconos, urgencias, contenedores, publicaciones, etc. Preguntas frecuentes sobre el editor de bloques de Gutenberg en WordPress Aquí hay algunas preguntas comunes sobre el editor de bloques de WordPress: 1. ¿Son seguras mis publicaciones antiguas y páginas de WordPress?

Sí, están a salvo incluso si sus publicaciones y páginas anteriores se han editado utilizando el editor clásico. Todavía puede editarlos usando el editor antiguo o el editor de bloques. 2. ¿Prefiero el editor clásico? ¿Puedo seguir usándolo? ¡Por supuesto! Aunque Gutenberg es ahora el editor predeterminado en WordPress, puede volver al antiguo editor clásico. Para hacer esto, instale y active el complemento del editor clásico. Después de la activación, el editor de bloques de Gutenberg estará deshabilitado y tendrá el editor clásico. Nota secundaria: el editor clásico será aceptado oficialmente hasta el 31 de diciembre de 2021. Durante este período, puede familiarizarse con cómo funciona el editor de bloques de WordPress, porque está aquí para quedarse. 3. ¿Mi editor de bloques no es compatible con mi tema o complemento? Aunque esta es una apariencia inusual, haga cualquiera de los siguientes si sucede: comuníquese con su tema o desarrollador de complementos para enviar una queja.
Instale el complemento del editor clásico.

Use un tema o complemento alternativo.