Gutenberg es el editor de bloques de WordPress que permite crear contenido de manera visual y flexible. Cada parte del contenido, como párrafos, imágenes, videos, y widgets, es un bloque independiente que puedes mover y personalizar.
Introducción a Gutenberg
En la web hay dos maneras de editar el contenido de una página. Con el editor normal (Gutenberg) y con el editor Bricks. En Gutenberg hacemos las páginas como el Aviso Legal, la Política de Privacidad, Política de Cookies, Envíos y Devoluciones, Formas de pago, etc… son páginas sencillas que no requieren utilizar el editor de Bricks.
Accediendo al Editor Gutenberg
- Iniciar Sesión en WordPress: Inicia sesión en tu sitio de WordPress.
- Crear una Nueva Entrada o Página:
- Ve al menú lateral y selecciona «Entradas» > «Añadir nueva» para crear una nueva entrada de blog.
- Ve a «Páginas» > «Añadir nueva» para crear una nueva página.
Estructura Básica del Editor
La Barra de Herramientas Superior
En la parte superior del editor encontrarás varias herramientas:
- Añadir Bloque (+): Para agregar nuevos bloques.
- Deshacer/ Rehacer: Para revertir o repetir cambios.
- Vista del Documento: Para acceder a la configuración de la entrada o página.
- Guardar Borrador, Previsualizar, Publicar: Para guardar, previsualizar y publicar tu contenido.
Agregando y Editando Bloques
- Añadir un Bloque:
- Haz clic en el botón «+» para agregar un nuevo bloque.
- Selecciona el tipo de bloque que deseas agregar (párrafo, imagen, encabezado, etc.).
- Personalizar un Bloque:
- Haz clic en un bloque para seleccionarlo.
- Usa la barra de herramientas específica del bloque para cambiar la alineación, estilo, o agregar enlaces.
- En la columna de la derecha, puedes encontrar más opciones de personalización dependiendo del tipo de bloque.
Tipos Comunes de Bloques
Bloque de Párrafo
- Agregar Texto: Simplemente haz clic y comienza a escribir.
- Formato: Usa las opciones de la barra de herramientas para negrita, cursiva, enlaces, y más.
Bloque de Imagen
- Subir Imagen: Haz clic en «Subir» para cargar una imagen desde tu computadora o selecciona una de la biblioteca de medios.
- Personalización: Ajusta el tamaño, alineación, y agrega texto alternativo para la accesibilidad.
Bloque de Encabezado
- Agregar Títulos: Selecciona el nivel de encabezado (H1, H2, H3, etc.) y escribe el texto del título.
- Formato: Ajusta la alineación y otros estilos según necesites.
Publicar tu Contenido
- Guardar Borrador:
- Haz clic en «Guardar borrador» para guardar tu trabajo sin publicarlo.
- Previsualizar:
- Haz clic en «Previsualizar» para ver cómo se verá tu contenido en el sitio web.
- Publicar:
- Haz clic en «Publicar» y confirma para hacer público tu contenido.
Vídeo Tutorial
En este vídeo puedes ver cómo se utiliza el editor de Gutenberg.
