Guías/Editar tu web/Editor/Añadir contenido con bloques

Añadir contenido con bloques

Un bloque es una pieza única de contenido en el editor de WordPress. Piensa en ellos como los bloques con los que construyes tu web. Puedes añadir bloques de texto, imágenes, vídeo, audio, columnas, espacios, saltos de página, botones de pago, calendarios y mucho más. En esta guía aprenderás a empezar a añadir bloques.

Tutorial en vídeo

En este vídeo aprenderás a añadir contenido con bloques en el editor de WordPress. Aprenderás a usar el Insertador de bloques, añadir bloques con el comando de barra inclinada, editar bloques con la barra de herramientas y los ajustes de la barra lateral, y reorganizar bloques con la Vista de lista.

Cómo añadir un bloque

Puedes añadir un bloque donde aparezca el botón + (también llamado Insertador de bloques). Lo encontrarás en varios lugares:

  1. Haz clic en el Insertador de bloques (+) de la esquina superior izquierda del editor. Esta opción es ideal para previsualizar diferentes estilos de bloques:
La barra lateral de añadir bloque (+) abierta, con una vista previa del bloque Detalles que aparece al pasar el cursor sobre el icono del bloque.
Pasa el cursor sobre el icono de un bloque para ver una vista previa antes de añadirlo.
  1. En una nueva línea (creada al pulsar Intro en el teclado), haz clic en el Insertador de bloques (+) situado al lado de un bloque vacío:
Una flecha que señala al insertador de bloques (+) en el editor.
  1. En la barra de herramientas que aparece para el bloque en el que has hecho clic, elige el botón de los tres puntos (…) y selecciona Insertar antes o Insertar después para añadir un nuevo bloque encima o debajo del bloque actual:
Una flecha desde el menú «Opciones» de la barra de herramientas del bloque hacia las opciones Añadir antes y Añadir después.

Consejo: cuando conozcas bien los nombres de los diferentes bloques, puedes añadir uno rápidamente escribiendo una barra inclinada seguida del nombre del bloque. Por ejemplo: /image o /heading.

Atajo para añadir un bloque

Para eliminar un bloque, consulta Eliminar un bloque.

Añadir un bloque en una posición específica

Si ya tienes contenido en tu página y quieres añadir nuevos bloques en un lugar concreto, puedes hacerlo de dos maneras:

Opción 1: usar la Vista de lista

La vista de lista es una herramienta esencial para trabajar con el contenido de tu sitio. Para acceder a la Vista de lista y añadir nuevos bloques, sigue estos pasos:

  1. Haz clic en el icono de las tres líneas horizontales de la esquina superior izquierda del editor para abrir la Vista de lista.
  2. Haz clic en el bloque existente junto al que quieras añadir el nuevo bloque.
  3. Haz clic en los tres puntos que aparecen a la derecha del bloque resaltado.
  4. Elige Insertar antes o Insertar después.
  5. Haz clic en el Insertador de bloques (+).
  6. Busca el bloque que quieras añadir y haz clic en él para insertarlo en ese lugar.
Añadir un nuevo bloque en una posición específica usando la vista de lista.

Opción 2: usar el cursor

Con el ratón o el panel táctil de tu ordenador, también puedes añadir nuevos bloques en lugares concretos. Sigue estos pasos:

  1. Coloca el cursor en el lugar de la página donde quieras añadir un nuevo bloque y mantenlo ahí un momento.
  2. Haz clic en el Insertador de bloques (+) que aparece al cabo de un segundo aproximadamente.
  3. Busca el bloque que quieras añadir y haz clic en él para insertarlo en ese lugar.
Añadir un nuevo bloque en una posición específica usando el cursor.

Explorar los bloques

Hay un bloque para casi cualquier elemento que quieras añadir a tu sitio. Para consultar la lista completa de bloques, haz clic en el Insertador de bloques (+) de la esquina superior izquierda del editor. Aquí puedes consultar una lista completa de bloques y sus guías.

Verás todos los bloques divididos en categorías. Al pasar el cursor sobre un bloque, se mostrará una vista previa con más información.

Aquí también puedes acceder a los Patrones de bloques (grupos de bloques con diseños útiles). Echa un vistazo a nuestra biblioteca de patrones para descubrir una amplia colección de patrones de bloques diseñados profesionalmente que puedes usar para crear tu web.

Si tienes plugins instalados, es posible que veas aquí bloques adicionales añadidos por tus plugins.

Adding blocks and block patterns from the Block Inserter.

Añadir contenido con el Agente de WordPress

The WordPress Agent four-pointed star icon.

Esta sección se aplica a sitios creados con el creador de sitios web con IA (todos los planes de pago) o a sitios que hayan activado el Agente de WordPress (todos los planes de pago). Abre el Agente de WordPress haciendo clic en el icono de IA (una estrella de cuatro puntas) en la parte inferior de la pantalla.

El Agente de WordPress puede ayudarte a escribir y generar contenido en tu sitio. Aquí tienes algunos ejemplos de instrucciones que puedes copiar y usar:

  • «Escribe un párrafo introductorio breve para una página sobre [tu tema].»
  • «Escribe un párrafo con una llamada a la acción para animar a los visitantes a ponerse en contacto.»
  • «Genera una lista con viñetas de cinco servicios que ofrece mi negocio.»
  • «Escribe una breve biografía del equipo para mi página «Acerca de».»

Añadir contenido con agentes de IA

The WordPress Agent four-pointed star icon.

Puedes usar agentes de IA externos como Claude, Cursor, ChatGPT, OpenClaw y otros para leer y editar tu sitio web de forma segura. Activa el acceso a la herramienta MCP para agentes de IA externos.

Los agentes de IA pueden añadir, organizar y completar bloques en tus páginas y entradas a partir de instrucciones en lenguaje natural. Aquí tienes algunas instrucciones que puedes probar:

  • «Añade un bloque de Imagen seguido de un párrafo en la parte superior de mi página «Acerca de».»
  • «Inserta un bloque de botón con la etiqueta «Más información» que enlace a mi página de servicios.»
  • «Añade un bloque de Separador entre cada sección de mi página de inicio.»
  • «Inserta un bloque de Cita después del segundo párrafo de mi última entrada.»

Ver los bloques que más usas

Si añades siempre los mismos bloques, puedes colocar los que más utilices en la parte superior de la lista. Para hacerlo, sigue los pasos que se muestran a continuación:

  1. Haz clic en el icono de los tres puntos de la esquina superior derecha de la pantalla del editor.
  2. Elige PreferenciasBloques.
  3. Activa Mostrar bloques más utilizados.

Así te resultará más fácil elegir entre los bloques que más usas en tu sitio.

Mostrar bloques más utilizados
Copied to clipboard!