20 consejos para dominar el editor de bloques de WordPress 1

20 consejos para dominar el editor de bloques de WordPress

El editor de bloques de WordPress está diseñado para ser intuitivo y fácil de usar para principiantes. Pero, incluso si lo ha estado usando desde su primer lanzamiento, aún podría haber algunos trucos útiles para descubrir al respecto que pueden mejorar su eficiencia laboral. Está en la naturaleza humana acostumbrarse a una determinada forma de hacer las cosas, y a menudo no nos damos cuenta de que puede haber una forma mejor y más rápida de lograr algo. Es por eso que creemos que vale la pena dedicar unos minutos de su tiempo a aprender sobre estos sencillos trucos para dominar el editor de bloques de WordPress que le permitirán concentrarse más en la calidad de su contenido y menos en los tecnicismos.

Cómo funcionan los bloques de WordPress

El editor de bloques de WordPress o Gutenberg se creó con la idea de proporcionar la facilidad de uso típica de algunos de los creadores de páginas más populares. Eso combina características de un editor y un creador de páginas y seguramente es una de las mayores innovaciones en WordPress. Permite a los usuarios administrar contenido más fácilmente y crear páginas con más flexibilidad y control en la edición y publicación.

El concepto de Gutenberg se basa en bloques. Eso incluye una amplia colección de bloques como Galería, Columnas, Archivo, Código y similares que simplemente agrega a una página y personaliza según sus necesidades. Los bloques están categorizados para que pueda encontrar fácilmente el tipo de bloque que desea agregar. Además de los bloques predeterminados, hay muchos complementos de bloques de Gutenberg que ayudan a extender la funcionalidad ya sea como bloques individuales o como colecciones. Para ayudarlo a aprovecharlo al máximo, recopilamos 20 consejos y trucos que harán que tu experiencia en Gutenberg sea más fluida.

Usar atajos de teclado

No siempre es conveniente usar el mouse, especialmente no para comandos muy simples. Los atajos de teclado suelen ser una forma más rápida de agregar un enlace, hacer que el texto esté en cursiva y algo similar. Algunos de los atajos más utilizados para el editor de bloques de WordPress son:

Entrar – Agregar un nuevo bloque
Ctrl + Shift + d – Duplica los bloques seleccionados
Alt + Shift + z – Eliminar los bloques seleccionados
Esc = Borrar selección
Ctrl + Shift + z – Rehace su última operación de deshacer
Ctrl + Shift +, – Mostrar u ocultar la barra de configuración
Alt + Shift + o – Abre el menú de navegación del bloque
Alt + F10 = Navegar a la barra de herramientas más cercana
Ctrl + Shift + Alt + m: cambiar entre el editor visual y el editor de código

Atajos de teclado

Uso de accesos directos de tipo de bloque

Existe una forma rápida de agregar todo tipo de encabezados al texto sin tener que agregar un bloque de encabezado. Simplemente ingrese # y luego golpea Espacio para H1, ## + Espacio para H2, ### + Espacio para H3 y así sucesivamente. Hay un atajo similar para agregar comillas: > + Espacio. También puede agregar fácilmente una lista con viñetas ingresando – + Espacio o inicie una lista numérica con 1. + Espacio o 1) + Espacio.

Encontrar e insertar un bloque nuevo rápidamente

La forma estándar de agregar un bloque a su página es sencilla, pero hay una manera de hacerlo aún más simple. Cuando decida qué bloque desea usar, en lugar de navegar por el menú de bloques, simplemente ingrese el nombre del bloque en el campo de búsqueda y haga clic en él cuando aparezca en los resultados de búsqueda.

Agregar bloque

Mover la barra de herramientas del bloque a la parte superior

La barra de herramientas del bloque suele flotar sobre el bloque mientras está editando. Aunque esto suele ser útil, es posible que no se sienta cómodo cuando la barra de herramientas cubre una parte de un bloque anterior. Si desea tener una descripción general clara de lo que está haciendo, tiene la opción de fijar la barra de herramientas en la parte superior. Simplemente haga clic en los tres puntos de Mostrar más herramientas y opciones y elige el Barra de herramientas superior opción.

Barra de herramientas superior

Uso de opciones de vista múltiple

En caso de que desee concentrarse únicamente en el bloque en el que está trabajando en este momento y encuentre otro contenido en la página que lo distraiga, el Modo de foco le permitirá hacer precisamente eso atenuando el resto del contenido. Si prefiere la sensación de lienzo limpio, el Modo de pantalla completa probablemente le quede mejor. Para cambiar la vista, haga clic en los tres puntos en la esquina superior derecha de la página y encontrará opciones de vista para seleccionar.

Modo de pantalla completa

Agregar columnas a su publicación

Las columnas son una buena manera de hacer que un texto sea visualmente más atractivo, especialmente cuando desea agregar una sensación de revista a su página. Gutenberg viene con un bloque para ese propósito, se llama el Columnas bloque y contiene algunos estilos de columna para elegir. Todo lo que necesita hacer para agregar columnas es seleccionar el Columnas block, establezca la cantidad de columnas que desea tener en la configuración del bloque y eso es todo. Luego, puede personalizar aún más las columnas agregando otros bloques como el bloque Cotización o similar.

Agregar imágenes con texto a sus publicaciones

El bloque Medios y texto le permite agregar cualquier tipo de imagen o video junto al texto con facilidad. El espaciado y el ancho entre los dos bloques se ajustan automáticamente, por lo que no tiene que perder tiempo arreglando la imagen para que se ajuste al texto y viceversa.

Medios y texto

Agregar imágenes de portada

Las imágenes de portada son una excelente manera de mantener al lector atento al texto, especialmente si el texto es muy largo. A diferencia de las imágenes destacadas, las imágenes de portada generalmente se colocan en medio de un texto. Puede enriquecerlos agregando información del artículo para resaltar una parte del artículo. Agregarlos es simple, solo use el Cubrir bloquear para subir la imagen. Tenga en cuenta que la imagen que elija debe ser de alta calidad para que se vea bien en su página.

Arrastrar y soltar imágenes desde su PC

¿Sabía que puede arrastrar y soltar imágenes desde cualquier directorio de su PC directamente al Editor de bloques de WordPress? Simplemente elija la imagen, arrástrela y suéltela en el lugar donde desea que aparezca en la publicación / página.

Agregar botones a páginas y publicaciones

Los botones colocados estratégicamente son excelentes llamadas a la acción y son útiles en muchos tipos de publicaciones y páginas. Y no necesita ningún complemento especial para agregarlos, ya que el editor de bloques incluye un simple Botón bloque que le permite insertar rápidamente un botón en cualquier lugar que desee. Puede elegir el color del texto, el fondo, la alineación y también elegir entre dos estilos: relleno y contorno. Para una vista más cómoda de la configuración de los botones, haga clic en el bloque de botones y luego haga clic en el icono de engranaje en la esquina superior derecha y todas las configuraciones de los botones se mostrarán en el menú del lado derecho.

Agregar botón

Agregar widgets a sus publicaciones

En WordPress, los widgets representan una forma fácil y conveniente de agregar contenido a sitios web. Usados ​​normalmente para áreas como la barra lateral o el pie de página, los widgets son bastante fáciles de agregar. Sin embargo, también puede agregarlos al área de contenido si eso tiene sentido para usted, y el editor de bloques puede ayudar con eso. Para acceder a los widgets, simplemente ingrese Widgets en el campo de búsqueda de bloques y a continuación se mostrará un menú con los widgets disponibles.

Widgets de Gutenberg

Adición de contenido externo mediante copiar / pegar

Aunque los bloques de WordPress incluyen los bloques de inserción que le permiten agregar publicaciones, videos y contenido similar de Instagram, hay una forma aún más fácil de agregar un video de YouTube o algún otro tipo de contenido a una página. Simplemente puede copiar y pegar la URL del contenido que desea agregar a una página en cualquier lugar donde le gustaría tenerlo en la publicación, y se insertará automáticamente sin que tenga que agregar un bloque de inserción.

Búsqueda de información sobre la estructura y el recuento de palabras de las publicaciones

La longitud y la estructura de su artículo son importantes no solo en términos de calidad sino también en términos de SEO. Mientras escribe, puede dejarse llevar fácilmente y olvidarse de estos aspectos prácticos. Para mantenerse en el camino correcto, siempre puede echar un vistazo a las estadísticas y comprobar cómo está organizado el artículo haciendo clic en un par de botones. El Detalles El botón en la parte superior izquierda del editor, con una «i» en él, muestra bloques, recuento de palabras, párrafos y el esquema del artículo según los encabezados del texto.

El recuento de palabras

Junto a él, a la derecha, está el botón de navegación de bloques que le proporciona información sobre todos los bloques que ha utilizado en el texto. Además, puede hacer clic en un bloque para saltar directamente a él.

Bloques usados

Cambiar los colores de los párrafos

Usar colores en un artículo es una excelente manera de llamar la atención del lector y destacar información específica. Puede lograr este poderoso efecto configurando los colores en el editor de bloques. Encontrará la configuración de color en el menú Configuración cuando haga clic en el ícono de ajustes en la esquina superior derecha. Cree su propia combinación de colores y asegúrese de que el resultado sea fácil de leer.

Colores de Gutenberg

Copiar bloques de un sitio web de WordPress a otro

¿Gestiona contenido en más de un sitio web? Con el editor de bloques de WordPress, puede copiar cualquier bloque a cualquier otro sitio web de WordPress. Vaya al bloque que desea copiar, selecciónelo y elija el Dupdo opción en el menú de configuración del bloque. Luego, vaya a la página del otro sitio web y péguelo en el bloque de código abreviado de la página. El estilo del bloque probablemente será diferente, ya que se ajusta automáticamente al tema de destino.

Copiar bloques

Copiar varios bloques

¿Necesitas copiar varios bloques a la vez? No hay problema: mantenga presionada la tecla «Shift» y seleccione los bloques que desea copiar, luego haga clic en el botón «Cambiar estilo de bloque». Ahora tendrá que agrupar todos los bloques en un elemento: elija el Grupo en el menú desplegable, y todos los bloques seleccionados se agruparán dentro de un solo cuadro. Luego haga clic en el Más opciones y herramientas (tres puntos en la esquina superior derecha) y seleccione «Copiar».

Copiar todo el contenido de un sitio web de WordPress a otro

Hay muchas razones por las que es posible que deba copiar todo el contenido de un sitio web a otro, pero seguramente no necesita copiar los bloques uno por uno. Con el editor de bloques de WordPress puedes copiar todo el contenido con unos pocos clics. La opción para hacer esto se encuentra en el Más herramientas y opciones menú en la esquina superior derecha. Simplemente haga clic en el Copiar todo el contenido y pegar en el sitio web designado.

Gutenberg copiar todo el contenido

Duplicar bloques en la misma página

En caso de que necesite duplicar un bloque en la misma página, use el Duplicar opción que se muestra en el menú al hacer clic en los tres puntos en la esquina superior derecha. Cuando el bloque está duplicado, puede continuar editándolo de forma independiente según sus necesidades.

Bloques duplicados

Creación de una plantilla de bloque reutilizable

Los bloques reutilizables son útiles ya que pueden acelerar el proceso de configuración de una página sin tener que empezar desde cero cada vez. Para crear una plantilla de bloque reutilizable, simplemente agregue el bloque que desea usar, haga clic en los tres puntos verticales y luego elija el Agregar a bloques reutilizables opción. A continuación, se le pedirá que le dé un nombre al bloque y, a continuación, el bloque estará listo para usarse en cualquier página o publicación.

Bloques reutilizables

Cambiar entre el editor visual y el editor de código

Gutenberg contiene dos «modos» para editar su contenido: el Editor visual, basado en los principios de «lo que ve es lo que obtiene», y el Editor de código, en el que agrega y edita el contenido usando HTML y CSS. Si es un usuario avanzado y prefiere trabajar con código, o si desea agregar un código corto a una página, probablemente prefiera trabajar con el Editor de código. El editor de bloques de WordPress le permite cambiar fácilmente entre el editor visual y el de código. Puede usar el atajo de teclado Ctrl + Shift + Alt + M para hacerlo rápidamente o marcar la Editor de código en el menú que se abre al hacer clic en los tres puntos en la esquina superior derecha, junto al icono de la rueda.

Cambio de editores

En conclusión

Esperamos que este artículo te ayude navegar sin problemas a través de WordPress y cree contenido de calidad con mayor facilidad. El editor de bloques de WordPress seguramente experimentará muchas más actualizaciones en el futuro, pero por el momento, podemos decir con confianza tiene todo lo que necesita para mantenerse en la cima en la industria CMS.

Apoya nuestro trabajo ❤️

Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.

Pago seguro en PayPal