Editor de bloques Gutenberg

Primero debes completar ¿Qué es WordPress? Ventajas de usar WordPress antes de ver esta lección
Por favor, matricúlate GRATUITAMENTE en el curso antes de empezar la lección.

Para ver el vídeo tienes que estar matriculado1.
  Duración: 00:19 minutos
  Más información

 Introducción

 

Cuando instalas WordPress, el editor de bloques Gutenberg viene por defecto ya activo, desde la versión 6.0 y superiores, de forma que te lo encontrarás en la creación de Entradas o Páginas, listo para su uso.

Si tu instalación de WordPress es anterior a la 6.0, y la has ido actualizando a medida que se liberan nuevas versiones de este CMS, es posible que solo tengas el “editor clásico de WordPress” y necesites instalar Gutenberg para poder hacer uso del mismo, a menos que no quieres utilizarlo y quieras mantenerte en el editor clásico, o porque uses un «constructor visual» como Divi, Elementor, etc.

 ¿Qué aporta Gutenberg en WordPress?

 

Desde 2018 mucho ha evolucionado el “editor de bloques” Gutenberg, y lo que empezó siendo un reto para que los usuarios de todo el mundo adoptasen este editor en sustitución del editor clásico acabó convirtiéndose en una ventaja para maquetar contenidos de forma sencilla, rápida y sin envidiar características a los “builder” o constructores visuales.

Gutenberg trae consigo un arsenal de bloques predefinidos que te permiten crear contenido de forma modular. Desde texto hasta imágenes, galerías, videos, incrustaciones de contenidos procedentes de redes sociales y mucho más.

Gracias a este editor puedes dar rienda suelta a tu creatividad y diseñar páginas web con una flexibilidad sorprendente. Puedes mover, redimensionar y reorganizar bloques con un simple arrastrar y soltar.

¿Alguna vez has deseado poder ver los cambios en tiempo real mientras editas una página?, pues Gutenberg lo hace posible. Con su modo de edición en vivo, puedes visualizar instantáneamente cómo se verá tu contenido mientras lo estás modificando.

Gutenberg te ofrece la opción de personalizar los estilos y colores de tus bloques de manera fácil e intuitiva. Ya sea que desees resaltar un párrafo, cambiar el fondo de una sección o ajustar la tipografía, dándote el control total de estos procesos.

Este editor te permite guardar y reutilizar bloques personalizados en diferentes páginas y es compatible con prácticamente todos los temas y plugins para WordPress.

Si trabajas en un equipo que genera contenidos para un mismo sitio web, Gutenberg facilita la colaboración en tiempo real. Varias personas pueden editar el mismo contenido simultáneamente, aportando productividad y eficiencia al proceso.

 Tipos de bloques en Gutenberg

 

A medida que el editor de bloques evoluciona y se liberan nuevas versiones, también mejoran los bloques existentes o se añaden otros nuevos para dotar de mayores posibilidades la edición de contenidos en WordPress.

Lista de bloques habituales en Gutenberg categorizados:

  • Bloques de texto:
    • Párrafo
    • Encabezado
    • Lista
    • Cita
    • Código (HTML)
    • Editor Clásico
    • Preformateado
    • Párrafo de cita
    • Tabla
    • Verso
  • Bloques multimedia:
    • Imagen (individual)
    • Galería (varias imágenes)
    • Audio
    • Fondo (fondo de un bloque)
    • Archivo (para descargar)
    • Medios y textos (composición prediseñada)
    • Vídeo
  • Bloques de diseño:
    • Botones
    • Columnas
    • Grupo (para combinar varios bloques en un grupo)
    • Fila
    • Pila
    • Más (leer más)
    • Salto de página
    • Separador
    • Espaciador
  • Bloques de contenido dinámico:
    • Archivos
    • Calendario
    • Lista de categorías
    • Editor HTML personalizado
    • Últimos comentarios
    • Últimas entradas
    • Lista de páginas
    • RSS
    • Búsqueda
    • Shortcode
    • Iconos sociales
    • Nube de etiquetas en WordPress
  • Bloques de Tema:
    • Navegación
    • Logo del sitio
    • Título del sitio
    • Descripción del sitio
    • Bucle de consulta
    • Lista de entradas
    • Avatar
    • Título de la entrada
    • Imagen destacada de la entrada
    • Contenido de la entrada
    • Autor de la entrada
    • Nombre del autor de la entrada
    • Fecha de la entrada
    • Categorías
    • Etiquetas
    • Entrada siguiente
    • Entrada anterior
    • Leer más
    • Comentarios
    • Formulario de comentarios de la entrada
    • Acceder/salir
    • Descripción del término
    • Título del archivo
    • Título de los resultados de búsqueda
    • Biografía del autor de la entrada
  • Bloques relacionados con el sitio:
    • Categorías
    • Etiquetas
    • Menú
  • Bloques especiales para comercio electrónico:
    • Bloque de producto destacado
    • Bloque de categoría destacada
    • Bloque de productos seleccionados a mano
    • Bloque de productos más vendidos
    • Bloque de productos mejor valorados
    • Bloque de productos más nuevos
    • Bloque de productos en venta
    • Bloque de productos por categoría
    • Bloque de productos por etiqueta
    • Bloque de productos por atributo
    • Bloque de lista de categorías de producto
    • Reseñas por producto
    • Reseñas por categoría
    • Todas las reseñas
    • Rutas de navegación de la tienda
    • Recuento de resultados de productos
    • Búsqueda de productos

Esta lista está bastante completa, pero no te preocupes porque hay más, muchos más bloques, y esto dependerá en parte de los plugins que instales que añadirán características a Gutenberg y por ende “nuevos bloques” para utilizar en tus contenidos.

 Cuestionario de Preguntas

Volver a: Curso de WordPress Gratis > Creación de contenido