Si utilizas WordPress y quieres ampliar las posibilidades del editor de bloques, Spectra te permite añadir nuevos elementos de diseño directamente dentro de Gutenberg sin necesidad de trabajar con un constructor visual independiente.
Acceder a los bloques de Spectra en Gutenberg es muy sencillo, aunque si acabas de instalar el plugin puede que no sepas exactamente dónde aparecen o cómo encontrarlos rápidamente.
En este tutorial vas a aprender cómo acceder a los bloques de Spectra, cómo buscarlos desde el insertador de Gutenberg y qué debes comprobar si no aparecen en el editor.
Además, veremos algunos pequeños trucos que pueden ayudarte a trabajar más rápido con Spectra cuando estés diseñando páginas y entradas de WordPress.
🧩 ¿Qué son los bloques de Spectra?
Spectra es una extensión del editor de bloques de WordPress que incorpora nuevos bloques y herramientas con los que puedes crear diseños más elaborados directamente desde Gutenberg.
Esto significa que puedes seguir utilizando la interfaz habitual de WordPress mientras dispones de más opciones para organizar, diseñar y personalizar el contenido de tus páginas.
La versión actual de Spectra Blocks en WordPress.org está desarrollada específicamente para trabajar sobre las APIs modernas del editor de bloques de WordPress.
Entre sus elementos puedes encontrar bloques relacionados con contenedores, botones, pestañas, acordeones, listas, iconos, mapas, contadores, sliders y publicaciones, entre otras posibilidades.
Una de sus principales ventajas es que estos elementos se utilizan prácticamente igual que los bloques nativos de Gutenberg, por lo que la curva de aprendizaje resulta bastante reducida.
⚠️ Spectra Blocks y Spectra Legacy no son exactamente lo mismo
Antes de continuar conviene aclarar que actualmente existen Spectra Blocks y Spectra Legacy, ya que el plugin original de Spectra pasó a denominarse Spectra Legacy.
Si tienes una instalación antigua, probablemente estés utilizando Spectra Legacy en WordPress.org, mientras que las instalaciones nuevas pueden utilizar el nuevo Spectra Blocks.
En ambos casos el principio es similar, ya que los bloques se integran directamente dentro del editor Gutenberg, aunque la colección disponible y algunas opciones pueden variar.
Por tanto, si ves bloques diferentes a los mostrados en otros tutoriales de Internet, comprueba primero qué versión de Spectra tienes instalada.
🚀 Cómo acceder a los bloques de Spectra en Gutenberg paso a paso
Para acceder a los bloques solamente necesitas abrir cualquier contenido que utilice el editor de bloques de WordPress.
Sigue estos pasos:
- Entra en el panel de administración de WordPress con una cuenta que tenga permisos para editar contenido.
- Accede a Páginas > Añadir nueva o abre una página que ya tengas creada.
- También puedes entrar en Entradas > Añadir nueva si quieres utilizar Spectra dentro de una entrada del blog.
- Una vez abierto Gutenberg, pulsa el botón “+” del insertador de bloques situado normalmente en la parte superior izquierda del editor.
- Utiliza el buscador del panel y escribe Spectra para localizar los elementos pertenecientes al plugin.
- También puedes desplazarte por las categorías disponibles hasta encontrar la sección correspondiente a Spectra.
- Pulsa sobre el bloque que quieras utilizar y Gutenberg lo añadirá automáticamente al contenido.
Este sistema es exactamente el mismo que utilizas para insertar un párrafo, una imagen, una galería o cualquier otro bloque estándar de WordPress.
🔍 Buscar directamente un bloque de Spectra
No siempre necesitas abrir toda la biblioteca para encontrar el elemento que estás buscando, ya que Gutenberg dispone de un buscador de bloques integrado.
Por ejemplo, si quieres insertar unas pestañas, puedes abrir el insertador y escribir “Tabs” o “Pestañas”, dependiendo de la traducción utilizada por tu instalación.
La documentación oficial de Spectra sobre el bloque Tabs indica precisamente que puede insertarse desde el botón “+”, buscándolo directamente o accediendo a la categoría de Spectra.
Puedes hacer lo mismo con otros elementos escribiendo términos como Buttons, List, Container, Accordion, Slider o Countdown.
Esta forma de trabajar resulta especialmente práctica cuando ya sabes exactamente qué elemento necesitas y quieres evitar navegar por toda la biblioteca de Gutenberg.
⚡ Otra forma rápida de insertar bloques de Spectra
Gutenberg también permite insertar bloques utilizando el carácter “/” directamente dentro del contenido, una función especialmente útil cuando estás trabajando rápidamente.
Para utilizarla sigue estos pasos:
- Coloca el cursor en una línea vacía dentro del editor.
- Escribe una barra inclinada /.
- Empieza a escribir el nombre del bloque de Spectra que quieres utilizar.
- Selecciona el bloque correspondiente cuando aparezca entre los resultados.
Este pequeño atajo puede ahorrarte bastante tiempo si trabajas habitualmente con Gutenberg, porque evita tener que abrir continuamente el panel lateral del insertador.
🎨 Qué puedes hacer después de insertar un bloque
Una vez añadido un elemento de Spectra, solamente tienes que seleccionarlo dentro de Gutenberg para empezar a configurarlo.
Dependiendo del bloque elegido podrás modificar opciones como tipografía, colores, márgenes, rellenos, bordes, alineación, tamaños o comportamiento responsive.
Muchas configuraciones aparecen en la barra lateral derecha de Gutenberg, mientras que las acciones básicas suelen mostrarse en la barra flotante situada encima del bloque seleccionado.
Por ejemplo, un bloque de botones puede permitirte modificar su distribución, dimensiones y estilos mientras cada botón mantiene sus propias configuraciones.
Puedes consultar las posibilidades del bloque Buttons de Spectra si quieres familiarizarte con este sistema de bloques padre e hijo.
📋 Tabla resumen para acceder a Spectra
| Acción | Dónde realizarla | Resultado |
|---|---|---|
| Abrir Gutenberg | Páginas o Entradas | Accedes al editor de bloques |
| Abrir el insertador | Botón “+” | Se muestra la biblioteca |
| Buscar Spectra | Campo de búsqueda | Aparecen los bloques disponibles |
| Buscar un bloque concreto | Escribir su nombre | Localizas el elemento rápidamente |
| Insertar con teclado | Escribir / | Acceso rápido sin abrir el panel |
| Configurar el bloque | Barra lateral derecha | Personalizas diseño y comportamiento |
| Editar contenido | Directamente sobre el bloque | Modificas textos y elementos |
❌ Qué hacer si no aparecen los bloques de Spectra
Si escribes Spectra en Gutenberg y no aparece ningún bloque, lo primero que deberías comprobar es que el plugin está correctamente instalado y activado.
Puedes hacerlo desde Plugins > Plugins instalados, donde Spectra debe aparecer como activo.
Si todavía no lo tienes instalado, puedes entrar en Plugins > Añadir nuevo, buscar Spectra Blocks, instalarlo y activarlo antes de volver al editor.
También conviene actualizar WordPress y Spectra si estás utilizando versiones antiguas, especialmente si has detectado algún problema de compatibilidad con Gutenberg.
Otro punto importante es comprobar que estás utilizando realmente el editor de bloques, ya que los elementos de Spectra están pensados para integrarse dentro de Gutenberg.
Si utilizas otros constructores visuales, como Elementor, su interfaz y sistema de widgets funcionan de manera diferente y los bloques de Gutenberg no aparecen necesariamente dentro del constructor.
También puedes cerrar y volver a abrir el editor después de activar Spectra para asegurarte de que WordPress carga correctamente los nuevos bloques disponibles.
🛠️ Cómo localizar más rápidamente tus bloques favoritos
Cuando empiezas a trabajar habitualmente con Spectra descubrirás que probablemente utilizas unos pocos bloques con mucha más frecuencia que el resto.
En lugar de navegar continuamente por toda la biblioteca, puedes acostumbrarte a utilizar el buscador o el comando “/ + nombre del bloque”.
Por ejemplo, escribir /container puede ser mucho más rápido que abrir el insertador, desplazarte por las categorías y localizar manualmente el contenedor.
También resulta recomendable aprender los nombres de tus bloques habituales, ya que de esta manera puedes construir páginas completas prácticamente sin abandonar el área de contenido.
📱 ¿Los bloques de Spectra funcionan dentro de cualquier página?
Puedes utilizar los bloques de Spectra en prácticamente cualquier entrada o página donde tengas disponible el editor de bloques de WordPress.
Además, dependiendo del tema y de la configuración de tu web, también puedes encontrarlos en otras áreas compatibles con bloques.
Spectra está pensado para integrarse con el sistema nativo de WordPress, por lo que no necesitas abrir un editor independiente cada vez que quieras modificar uno de sus elementos.
Esta integración es precisamente una de las características que hacen que Spectra resulte interesante si quieres potenciar Gutenberg sin abandonar el flujo de trabajo habitual de WordPress.
✅ Conclusión
Acceder a los bloques de Spectra en Gutenberg es tan sencillo como abrir una página o entrada, pulsar el botón “+” y buscar Spectra o el nombre del bloque que quieres insertar.
También puedes utilizar el comando “/” seguido del nombre del bloque para trabajar de una forma todavía más rápida.
Si Spectra está correctamente instalado y activado, sus elementos quedarán integrados dentro del editor y podrás utilizarlos prácticamente igual que cualquier bloque nativo de WordPress.
A partir de ahí solamente tienes que experimentar con sus opciones para crear diseños más completos, flexibles y visualmente atractivos sin salir de Gutenberg.
