Spectra (antiguamente llamado Ultimate Addons for Gutenberg) es un plugin gratuito para WordPress que permite agregar bloques visualmente atractivos a tu sitio web. Actualmente ofrece 28 bloques personalizables, incluyendo iconos, botones, barras de progreso, formularios de contacto, galerías de imágenes y más. El plugin es fácil de usar y está diseñado para funcionar con el editor Gutenberg de WordPress sin necesidad de instalar otros plugins.
Este plugin es de los mismos creadores del tema ASTRA.
Además, Spectra cuenta con una variedad de templates y conjuntos de bloques que se pueden usar para crear páginas y entradas de manera rápida y sencilla.
Los templates son diseños predefinidos que puedes utilizar para crear páginas o entradas. Estos diseños ya tienen bloques y configuraciones predefinidas, por lo que solo necesitas agregar tu propio contenido y personalizar algunos detalles para tener una página lista.
Los conjuntos de bloques son una colección de bloques que están diseñados para funcionar bien juntos y crear un diseño coherente. Estos conjuntos de bloques pueden incluir elementos como títulos, imágenes, botones, listas, columnas y más. Al utilizar un conjunto de bloques, puedes crear páginas o entradas que tengan un estilo coherente y se vean bien en conjunto.
Spectra ofrece varios templates y conjuntos de bloques, lo que te permite elegir el que mejor se adapte a tus necesidades y personalizarlo según tus preferencias.
Características de Spectra – WordPress Gutenberg Blocks
Spectra cuenta con varias características que lo hacen una excelente opción para aquellos que desean personalizar sus sitios web con bloques visuales. Estas son algunas de las características que ofrece Spectra:
- Amplia variedad de bloques: Spectra viene con 28 bloques personalizables que te permiten añadir diferentes elementos visuales a tu sitio web, incluyendo iconos, botones, barras de progreso, formularios de contacto, galerías de imágenes y más.
- Facilidad de uso: Spectra fue diseñado para ser fácil de usar para cualquier persona, incluso si no tienes conocimientos en programación. Los bloques son intuitivos y fáciles de personalizar, por lo que puedes crear páginas y entradas de manera rápida y sencilla.
- Compatibilidad con Gutenberg: Spectra está diseñado para funcionar con el editor Gutenberg de WordPress, lo que significa que puedes usarlo sin ningún problema y sin necesidad de instalar ningún otro plugin.
Cómo utilizar Spectra – WordPress Gutenberg Blocks
Utilizar Spectra es muy fácil. Una vez que hayas instalado el plugin en tu sitio web, puedes empezar a añadir bloques personalizados a tus páginas y entradas. Estos son los pasos para utilizar Spectra:
- Añade un nuevo bloque: En el editor de WordPress, selecciona «Añadir bloque» y busca el bloque que deseas añadir. Puedes elegir entre la amplia variedad de bloques que ofrece Spectra.
- Personaliza el bloque: Una vez que hayas añadido el bloque a tu página o entrada, puedes personalizarlo para que se adapte a tu sitio web. Puedes ajustar el tamaño, color, fuente y más.
- Guarda los cambios: Una vez que hayas personalizado el bloque, asegúrate de guardar los cambios para que se reflejen en tu sitio web.
Librería de BLOQUES
- Container: Con este bloque puedes crear diseños increíbles usando flexbox para el contenedor.
- Imagen: Agrega imágenes a tu página y personalízalas como quieras.
- Calificación con estrellas: Este bloque puede generar confianza en los clientes y atraer más visitas a tu sitio web. Puedes personalizar las estrellas y colocarlas en cualquier parte de la página.
- Formularios: Con este bloque es muy fácil crear formularios de contacto, para suscripciones, sugerencias, etc. Puedes agregar campos como nombre, correo electrónico, número de teléfono, casillas de selección y obtener más clientes potenciales.
- Pestañas: Con este bloque puedes mostrar contenido en pestañas, lo que permite colocar más información en un espacio más pequeño y mejora la experiencia del usuario.
- Animaciones Lottie: Agrega animaciones atractivas a tu diseño de página. Puedes controlar la velocidad de la animación, revertirla, cambiar el tamaño y mucho más.
- Reseñas: Agrega reseñas para libros, películas, cursos, aplicaciones de software o productos con calificaciones por estrellas. Además, puedes activar el soporte para la estructura de datos de reseñas con solo un clic para obtener un mejor posicionamiento en los resultados de búsqueda.
- Lista de Taxonomía: Con este bloque, puedes mostrar fácilmente categorías para publicaciones/páginas o tipos de publicaciones personalizadas. Además, puedes personalizar su diseño con una cuadrícula, una lista o un menú desplegable y ajustar los colores y la tipografía.
- Cómo hacerlo: Este bloque te permite crear páginas o artículos atractivos que describen procedimientos paso a paso para lograr ciertos objetivos. Lo mejor es que el bloque agregará automáticamente la estructura de datos de «cómo hacerlo» a tu página, lo que puede mejorar el posicionamiento en los resultados de búsqueda.
- Preguntas Frecuentes (FAQ): Este bloque te ayuda a responder preguntas comunes de los usuarios de una manera fácil y atractiva. Además, obtienes una opción de un solo clic para aplicar la estructura de datos de FAQ en la página. Eso ayuda a mostrar el contenido en un fragmento rico que puede atraer más tráfico a tu sitio web.
- Avisos en línea: A veces mientras escribes pasos o instrucciones para lograr algo, necesitas que los usuarios presten atención a algunas notas importantes. Con el bloque de Nota en línea, puedes agregar texto resaltado en una caja lista para usar.
- Encabezado: El bloque de Títulos avanzados te permite agregar una combinación de un título y un subtítulo con un separador en medio. Puedes seleccionar el tipo de etiqueta para el título y personalizar otras opciones y ajustes.
- Cita: Este bloque de Citas en bloque te permite mostrar texto citado en un formato moderno y con muchas opciones de personalización.
- Llamada a la acción: El bloque de Llamado a la Acción te ayuda a crear llamados a la acción atractivos con un título moderno, descripción y un botón llamativo que aumenta las conversiones en tu sitio web.
- Cronología: El bloque de Cronología te permite crear cronologías bonitas en tu sitio web. Esto podría ser útil para mostrar la historia o el progreso de tu empresa, listar tus logros personales, hoja de ruta o ciclo de lanzamiento de productos, etc.
- Mapa de Google: El bloque de Mapas de Google te permite mostrar ubicaciones con opciones de zoom que te encantarán probar.
- Lista de iconos: El bloque de Lista de Iconos te permite colocar una imagen o icono en un formato de lista. Puedes elegir tu icono o imagen favorita que se adapte a una lista y actúe como un punto para cada elemento de la lista.
- Caja de información: El bloque de Caja de Información te permite colocar una imagen o icono junto con un título y descripción dentro de un solo bloque. Puedes seleccionar la imagen o icono y personalizar el contenido dentro del bloque.
- Botón de marketing: El bloque de Botón de Marketing te permite crear llamados a la acción modernos que apuntan a atraer al público con un texto orientado a la conversión y un botón impresionante con muchas opciones de personalización. ¡A probarlo!
- Botones: Con este bloque de Gutenberg, puedes agregar múltiples botones dentro de un solo bloque. Puedes agregar desde 1 hasta 5 botones con un bloque de Multi-Button. Además, te brinda ajustes adicionales para cada botón y te permite administrar el espaciado y la configuración de respuesta también.
- Carrusel de entradas: ¿Quieres crear un deslizador de publicaciones en el que tus publicaciones de blog aparezcan en un carrusel? El bloque Post Carousel te permite mostrar publicaciones en un carrusel y administrar su configuración y el contenido que deseas mostrar dentro de ellas.
- Grid de entradas: El bloque Post Grid recupera las publicaciones de blog que puedas tener en tu sitio web y las muestra en un diseño de cuadrícula. Puedes personalizar el orden de tus publicaciones y administrar la configuración como la imagen destacada, el contenido, etc.
- Cronología de entradas: El bloque Post Timeline te ayuda a mostrar las publicaciones de blog en tu sitio web en una lista ordenada según las fechas en que se publican. Puedes personalizar el contenido que se ve para cada publicación de blog y administrar la fecha, la imagen destacada, etc.
- Lista de precios: Este bloque te permite diseñar una lista de precios fácil de manejar y con buen aspecto para tu sitio web.
- Redes sociales: El bloque Social Share te permite permitir que los usuarios compartan tu contenido en varias redes sociales.
- Tabla de contenido: El bloque Table of Contents te permite mostrar un índice o una lista de encabezados incluidos dentro de una publicación o página larga. Esto le da a los usuarios una visión general del contenido y enlaces a las secciones específicas de la página o publicación.
- Equipo: El bloque Team te permite mostrar a tu equipo. Agrega su foto, nombre, lo que hacen y enlaces a sus perfiles sociales.
- Testimonios: El bloque Testimonial ayuda a mostrar algunos comentarios increíbles de los clientes dentro de tu sitio web en un diseño de carrusel.
En resumen, si estás buscando una forma sencilla y efectiva de mejorar la apariencia y funcionalidad de tu sitio de WordPress, Spectra es definitivamente una herramienta a considerar. Con una amplia gama de bloques personalizados y características de alta personalización, este plugin puede ayudarte a crear diseños de contenido impresionantes y mejorar la experiencia de los visitantes de tu sitio.
Nos vemos en el siguiente tutorial.
Un saludo.