WordPress Gutenberg: ¿Qué nuevas funciones aporta a WordPress?

Hola internatura ! Aquí Pablo con un nuevo artículo para ustedes !
Espero que les solucione su problema y nos vemos en la próxima

WordPress 5.0 introdujo un editor basado en bloques completamente nuevo llamado Gutenberg. Es una forma nueva y más fácil de crear contenido. En lugar de un editor simple y un editor de código de back-end, la nueva interfaz hace que sea más fácil arrastrar y soltar elementos en su sitio de WordPress.

Gutenberg básicamente ha sacado elementos de algunos de los complementos de WordPress más populares, como Elementor y Divi, que se consideran «compositores visuales». Gutenberg no es tan avanzado como esas soluciones, pero es un paso en la dirección correcta.

A continuación se muestra una captura de pantalla del editor clásico de WordPress. Los botones de formato son como el editor de texto de Microsoft Word.

A partir de WordPress 5.0 y superior, se implementó el nuevo editor de bloques de Gutenberg que se muestra a continuación.

El nuevo editor utiliza el enfoque de agregar bloques o elementos para crear diseños de contenido. Cada elemento que agrega a su página o publicación se denomina bloque, incluidos videos, audio, listas, imágenes y galerías.

Beneficios del editor de WordPress Gutenberg

Es más fácil y sencillo agregar diferentes tipos de contenido a páginas y publicaciones agregando bloques. Por ejemplo, para agregar una tabla con el editor clásico se requiere un complemento por separado.

Para agregar una tabla usando el editor de WordPress Gutenberg, todo lo que debe hacer es agregar un bloque de tabla, elegir sus filas y columnas y agregar su contenido.

Cuando se usa el editor de WordPress Gutenberg, es simple mover áreas de contenido hacia arriba y hacia abajo arrastrando los bloques.

En general, el nuevo editor de bloques de Gutenberg es fácil de usar y aprender. Las herramientas de diseño de bloques incluyen muchas características, como control de altura de línea, bloques de encabezados y párrafos, bloques de medios, degradado de fondo y bloques de texto.

Creación de una nueva publicación o página de blog con WordPress Gutenberg Block Editor

La creación de una nueva publicación o página con el editor de WordPress Gutenberg inicia el editor de bloques. El proceso es el mismo que con el editor clásico.

Desde su área de administración de WordPress, haga clic en

  • Publicaciones > Agregar nuevo
  • Páginas > Agregar nuevo

El primer bloque de todas las páginas y publicaciones es el título.

Después de escribir su título, puede presionar la tecla de tabulación o mover el mouse debajo y comenzar a escribir. Por defecto, el siguiente bloque es un párrafo.

También puede agregar algún otro tipo de contenido haciendo clic en el signo + en la esquina superior izquierda del editor, en el lado izquierdo de un bloque o debajo de uno existente.

Al hacer clic en uno de los signos +, el Bloquear Aparecerá el menú con una barra de búsqueda encima y los bloques más utilizados debajo.

Cómo trabajar con bloques de WordPress Gutenberg

Todos los bloques tienen su propia barra de herramientas en la parte superior. Los botones de la barra de herramientas cambian según el tipo de bloque que está editando.

La captura de pantalla a continuación muestra un bloque de párrafo con formato básico como negrita, alineación de texto, inserción de un enlace y cursiva.

Además de la barra de herramientas, cada bloque tiene más configuraciones en la columna del lado derecho de la pantalla de edición.

Cómo guardar y reutilizar bloques en WordPress Gutenberg Editor

Uno de los muchos beneficios de usar bloques es que puede guardarlos y reutilizarlos individualmente. Para aquellos a quienes les gusta usar formatos consistentes o agregar fragmentos específicos a su contenido, esto es especialmente útil.

Desde el botón de menú en la esquina superior derecha de la barra de herramientas del bloque, haga clic en los tres puntos verticales. Entonces escoge Agregar a bloques reutilizables.

Dale al bloque reutilizable un nombre que reconozcas para que sea más fácil identificarlo cuando quieras volver a usarlo. Hacer clic Salvar cuando termine.

Agregar un bloque reutilizable en una publicación o página

Elija la página o publicación donde desea agregar un bloque reutilizable. Haga clic en un bloque de botón Agregar desde la pantalla de edición de la publicación o la página.

Busque el bloque guardado en la pestaña Reutilizable, o puede buscarlo en el mismo lugar.

Mueva el mouse sobre el bloque para ver una vista previa rápida del mismo. Insértelo en su página o publicación haciendo clic en él.

Los bloques reutilizables están en el conjunto de datos de WordPress. Haga clic en el Administrar todos los bloques utilizables enlace para gestionarlos.

Administrar bloques reutilizables de WordPress Gutenberg

Desde la página del administrador de bloques, puede editar, eliminar o exportar bloques reutilizables para usar en otro sitio web de WordPress.

Gestión y publicación de las opciones del editor de WordPress Gutenberg

Cada página y publicación de WordPress incluye una gran cantidad de metadatos, como imágenes destacadas, fecha de publicación, etiquetas y categorías.

Todas estas opciones se encuentran en la columna de la derecha de la pantalla del editor.

Complementos de WordPress Gutenberg

Muchos complementos de WordPress están predefinidos como bloques, lo que los hace fáciles y listos para usar con Gutenberg.

Formularios de WP permite a los usuarios agregar formularios a páginas y publicaciones mediante un bloque de widgets.

WP Forms es un generador de formularios de arrastrar y soltar fácil de usar. Cree formularios de contacto, suscripción, comentarios, pago y otros tipos.

Utilice plantillas de formulario y flujos de trabajo prediseñados para crear atractivos formularios móviles adaptables. WP Forms también ofrece una versión Pro si desea funciones y características más avanzadas.

Bloques de WooCommerce es uno de los complementos más conocidos y populares para integrar funciones de comercio electrónico en su sitio web.

Cree contenido atractivo utilizando texto y multimedia en un bloque con el editor Gutenberg. Destaque productos individuales o un grupo de productos relacionados mediante la aplicación de un filtro basado en criterios como estadísticas de ventas y categorías.

SEO de Yoast ejecuta su contenido a través de medidas de SEO convencionales para ayudar a optimizar y editar sus publicaciones o páginas.

Usabilidad de WordPress Gutenberg Editor

El editor de Gutenberg hace todas las mismas cosas que el editor clásico. A continuación se muestran algunos bloques comunes y populares utilizados.

Bloque de párrafo

Cree contenido fácilmente con este bloque Gutenberg predeterminado. Escriba el contenido como lo haría con cualquier documento. Cada párrafo se convierte automáticamente en un bloque detrás de escena.

Otra forma de utilizar el bloque de párrafo es hacer clic en Insertador de bloques en la ventana emergente después de hacer clic en el (+) firmar.

Columnas de texto

Utilice columnas de texto para crear párrafos de varias columnas que tengan el mismo ancho y se distribuyan por igual en toda la página.

Agregar un enlace

Todos los bloques de texto estándar, incluido el bloque de párrafo, incluyen un botón de enlace en la barra de herramientas.

Agregar bloque de imagen

El editor de WordPress Gutenberg tiene un bloque de imágenes listo para usar. Haga clic en él para agregar una imagen.

Hay tres formas de agregar una imagen. Súbelo, agréguelo desde su biblioteca multimedia o arrástrelo desde su computadora.

Otra forma de agregar una imagen es arrastrarla y soltarla desde su computadora. El editor de Gutenberg creará automáticamente un bloque de imagen para él.

Agregue metadatos como tamaño, texto alternativo y enlace de imagen en la configuración del bloque de imagen en el lado derecho.

Bloque de galería de imágenes

Agrega varias fotos con el bloque de galería. Controle el número de columnas y tamaños de imagen. Utilice el interruptor de palanca para recortar las imágenes de modo que se alineen de manera uniforme y automática.

El editor de WordPress Gutenberg incluye numerosos tipos de bloques adicionales para su uso. Para obtener una lista completa, lea WordPress.org artículo de soporte sobre bloques.

WordPress Gutenberg surgió como una solución a los problemas que algunos usuarios tenían al aprender el editor clásico. Su interfaz de arrastrar y soltar permite a los no expertos en tecnología diseñar y administrar un sitio web de aspecto profesional.

Deja un comentario