Reseña del plugin Spectra: la extensión perfecta para el editor Gutenberg

Última actualización: | written by Foto del avatar Casper

Gutenberg, el editor visual de WordPress, estuvo en el origen de un acalorado debate hace unos años. Algunos miembros de la comunidad de WordPress se mostraron reticentes sobre su papel. A día de hoy, está claro que Gutenberg no es perfecto, pero mejoró cómo se construyen los sitios web de WordPress. Es un paso más hacia una mejor experiencia para los webmasters.

Los desarrolladores y agencias de WordPress se dieron cuenta de que Gutenberg es perfectible y se centraron en aportar mejoras. El plugin Spectra es una de las principales contribuciones a una experiencia mejorada para los usuarios de WordPress. Considerar Spectra la extensión perfecta para el editor Gutenberg no es ninguna exageración.

Si eres un usuario habitual de WordPress y quieres mejorar tu flujo de trabajo, echa un vistazo a esta reseña. Spectra podría ser el complemento sin el que no querrá vivir.

Introducción rápida al complemento Spectra

Además de sus numerosas y atractivas funciones, Spectra ofrece más de 40 bloques que agilizan la creación de sitios web. Los bloques tienen un aspecto similar a los bloques de Gutenberg y construyen eficazmente sitios web modernos. Teniendo en cuenta el número, la calidad y la utilidad de los bloques, cabría esperar que Spectra fuera un plugin premium. Por suerte, ¡este plugin es gratuito! No pierdes dinero por instalarlo en tu sitio web.

Brainstorm Force ha desarrollado el plugin Spectra. Quizá el nombre de la empresa no te suene, pero es el mismo equipo que está detrás del tema Astra. En este contexto, la profesionalidad y la experiencia de los desarrolladores del plugin están fuera de toda duda.

No te preocupes; Spectra no sólo es compatible con Astra; ¡funciona con todos los temas de WordPress! No hay ninguna restricción para utilizar este plugin, ¡así que tienes todas las razones para probarlo!

Características dignas de mención

Spectra es un complemento complejo que incluye numerosas funciones útiles. A pesar de su complejidad, muchos usuarios pueden utilizarlo a la primera. Sin embargo, antes de instalar el plugin, es mejor que conozcas las siguientes características que merece la pena mencionar.

Potente constructor visual

No es necesario ser un programador para aprovechar todo el potencial de Spectra: ni siquiera es necesario escribir una sola línea de código. Sólo tienes que arrastrar y soltar bloques en el lienzo y jugar con los ajustes hasta que estés satisfecho con el resultado final. Algunos bloques son estructuras complejas, pero la mayoría de los usuarios no tienen problemas para utilizarlos, gracias a la intuitiva interfaz.

Los usuarios de WordPress disponen de muchos constructores de páginas visuales para crear sitios web sin codificación. En conjunto, Spectra es probablemente el más compatible con el editor Gutenberg. Con la integración nativa de WordPress, muchos usuarios no se dan cuenta de si están usando Gutenberg o Spectra. Además de la compatibilidad natural, Spectra impresiona por su estabilidad y comportamiento sin retrasos. No tiene que esperar a ver cómo su acción afecta al diseño del sitio web. Los usuarios tienen un poder ilimitado para crear el diseño deseado, ¡y la experiencia de construcción es genial!

Cientos de opciones de diseño

Tanto los aspirantes como los usuarios experimentados de WordPress aprecian el plugin Spectra. Esto es posible porque el uso de este plugin es sencillo, lo que atrae a los usuarios menos entrenados. Al mismo tiempo, viene con un amplio conjunto de estilos que satisface los requisitos de los usuarios experimentados. Con Spectra, tiene un control total sobre cada píxel de cada bloque añadido a una maqueta. Cada bloque tiene tres secciones (dependiendo del tipo de bloque, puede variar ligeramente):

  • General
  • Estilo
  • Avanzado.
Spectra-Block-Settings

En la sección General , seleccione la orientación de la maquetación, la alineación, la posición y el preajuste de cada bloque. La sección Estilo es más compleja; aquí se eligen los colores, las fuentes, el tamaño, los bordes, los fondos y los márgenes. No pasa nada si no tienes una idea clara de los ajustes de estilo que requiere tu proyecto. Seleccionar los colores, márgenes, bordes y tamaño adecuados es sólo deslizar el cursor a izquierda y derecha. Lleva tiempo afinar todos los ajustes, pero el proceso es fácil de usar e intuitivo. La sección Avanzado sirve para crear mejores experiencias móviles gestionando las condiciones de visualización de los bloques. Además, puede añadir código CSS personalizado.

Diseños flexibles

El plugin de Spectra se creó teniendo en cuenta los principios de la facilidad de uso móvil y contribuyó a garantizar una gran experiencia de usuario independientemente del dispositivo utilizado. El plugin se basa en contenedores flexibles para que los sitios web sean receptivos y fáciles de personalizar. La mayoría de los bloques tienen dimensiones ajustables, por lo que no tendrá limitaciones si opta por un diseño inconformista. Los elementos de espaciado también son intuitivos. En estas circunstancias, dispone de todo el arsenal necesario para crear un diseño excepcional para su sitio web.

Plantillas increíbles

Spectra-Templates

Spectra y Gutenberg son los combos perfectos para los creadores de sitios web. Sin embargo, empezar de cero no es tan sencillo y lleva mucho tiempo. Spectra le cubre las espaldas: la biblioteca de plantillas está repleta de plantillas de primera categoría. Las plantillas de la biblioteca se dividen en tres categorías:

  • Páginas
  • Patters
  • Wireframes

Las páginas son complejas y se adaptan a una gran variedad de proyectos, tanto sitios web generales como de nicho. Hay demos para agencias digitales, blogs, portafolios personales, academias de aprendizaje en línea y restaurantes. Algunas demostraciones son más exóticas y adecuadas para nichos de mercado como organizadores de fiestas, artistas de la caligrafía, trabajadores de mantenimiento de jardines o asociaciones benéficas.

Los patrones son componentes completos de su diseño que sólo necesitan una personalización básica. Por ejemplo, puede importar fácilmente elementos como botones de llamada a la acción, secciones de preguntas frecuentes, formularios de suscripción, testimonios y encabezados. En lugar de crearlo completamente desde cero, se inserta un elemento de este tipo y se personaliza.

Los wireframes son el comienzo perfecto para los usuarios creativos de WordPress. Son la estructura básica de las páginas web. No tienes que empezar de cero, pero las páginas web no son complejas, así que tienes mucha libertad para expresar tu estilo.

De este modo, Spectra satisface a todo tipo de usuarios. Las personas que no tienen tiempo o tienen menos experiencia pueden apreciar las Páginas que les proporcionan sitios web completos. ¿Busca un componente para su sitio web, como una sección de testimonios o un formulario atractivo? Comprueba los patrones. ¿Tienes la habilidad suficiente para crear un sitio web original en WordPress? Los wireframes pueden ser el punto de partida de un sitio web genial.

Bajo impacto en la velocidad de carga

¿Es de esperar que un plugin tan complejo aumente el tamaño de los archivos de su sitio web? Por suerte, Spectra tiene un bajo impacto en la velocidad de carga. Eso es posible gracias a los siguientes aspectos:

  • No se utiliza jQuery. Aunque jQuery es una potente biblioteca JavaScript, los temas y plugins modernos no la utilizan porque ralentiza la velocidad de carga.
  • Código HTML, CSS y JavaScript optimizado y minificado. Menos líneas de código significan mayor velocidad de carga, lo cual es una gran ventaja hoy en día.
  • Carga las fuentes de Google localmente. El navegador y el servidor que aloja los archivos del sitio envían y reciben peticiones para procesar las páginas web. Enviar y recibir peticiones lleva unos milisegundos, pero éstos se suman a la velocidad general de carga. Puede reducir el número de peticiones cargando las fuentes localmente, y su sitio se cargará más rápido.

Apto para motores de búsqueda

Spectra tiene un bajo impacto en la velocidad de carga de un sitio web, lo que afecta a la clasificación de búsqueda. La velocidad es un factor de clasificación para los motores de búsqueda, por lo que cuanto más rápido sea un sitio web, mejores posiciones obtendrá. Además de la velocidad, otras funciones de Spectra ayudan a que su sitio sea fácil de encontrar en los motores de búsqueda, como:

  • Código limpio y conforme a las normas. Un plugin bien codificado ayuda a las arañas de los motores de búsqueda a rastrear los sitios web.
  • Los bloques SEO-friendly de Spectra, como How-to y FAQ, son ideales para los fragmentos enriquecidos. Son de vital importancia para los sitios web de reseñas o los negocios locales.
  • Centrarse en la UX. No está claro si la UX es un factor de clasificación para el algoritmo de Google, pero es un factor indirecto. Una buena experiencia de usuario hace las delicias de los visitantes, que permanecerán más tiempo en su sitio web. El tiempo de permanencia (cuánto tiempo permanece un visitante en su sitio tras llegar desde los resultados de Google) es, con toda probabilidad, un factor de clasificación.

Bloques útiles

Spectra-Blocks

Es bastante lógico preguntarse si los bloques de Spectra son de auténtica necesidad o sólo son un bonito conjunto de bloques que pueden ayudarle. Las preferencias y expectativas de los usuarios varían, pero los bloques despertarán su interés. Por supuesto, puede probar los bloques usted mismo instalando el plugin. He aquí algunos bloques destacados que captaron nuestra atención.

Calendario de contenidos

Contenido-Línea de tiempo

¿Quiere crear una hoja de ruta visualmente atractiva para su producto o mostrar la historia de su empresa? ¿Quieres crear una plantilla de cronograma de contenidos llamativa? Este bloque es perfecto para estos fines. Es fácil de usar y crea un gran efecto en los visitantes del sitio.

Índice

Tabla-contenido-bloque-espectro

Un índice es esencial para los contenidos de formato largo. Necesitará un bloque de este tipo si publica entradas de blog en profundidad, artículos de investigación o estudios de casos. El bloque es altamente configurable y permite:

  • Elegir los títulos para generar la tabla;
  • Ocultación en móviles y tabletas;
  • Personalización de la alineación y la posición;
  • Selección de colores y tipos de letra.

Cómo esquematizar

Cómo hacerlo

Este bloque es ideal para estructurar datos en un formato conciso. Tiene dos ventajas cruciales:

  • Los datos estructurados cumplen los requisitos de Google, por lo que su fragmento se mostrará en las búsquedas de Google;
  • Cada píxel del esquema es ajustable, por lo que puede añadir imágenes, seleccionar los colores y el espaciado, y determinar las condiciones de visualización.

La capacidad de atención de la gente disminuye constantemente. Por lo tanto, un bloque How-To es una gran herramienta para entregar mucha información en un formato conciso y fácil de recordar.

Deslizador

Bloque deslizante

Parece mentira que no necesites un slider para tu web. Por supuesto, hay sitios web geniales sin sliders, pero sin duda, es una gran herramienta para mostrar contenido y deleitar a los visitantes del sitio. Puede utilizar cualquiera de los muchos plugins deslizantes o el bloque deslizante de Spectra. Si elige esta última opción, dispondrá de numerosos ajustes para adaptar el control deslizante al estilo de su sitio web. Sirve para mostrar varias imágenes, pero también para presentar productos, servicios, descuentos, las últimas noticias o entradas de blog.

Lista de taxonomías

Taxonomía-Bloque

Este bloque muestra búsquedas personalizables sin necesidad de escribir secuencias condicionales de código. Funciona muy bien para mostrar taxonomías basadas en categorías y etiquetas. Las tiendas en línea, las revistas de noticias y los sitios web de reseñas son los principales beneficiarios de este bloque. Puede mostrar el recuento de entradas, taxonomías vacías y ocultar en móviles y/o tabletas. Además, el diseño del bloque también es personalizable.

Revisión del plugin Spectra pro

Spectra Pro: Libere todo su potencial

Aunque Spectra impresiona con sus ofertas gratuitas, la versión Pro lleva la creación de sitios web a un nivel completamente nuevo. Estas son algunas de las características más destacadas que encontrará en Spectra Pro:

Bloqueo del feed de Instagram

Integra tu contenido de Instagram a la perfección en tu sitio web, mejorando tu presencia y participación en línea.

Funcionalidad de contenidos dinámicos

Cree contenidos dinámicos y personalizados que respondan a las interacciones de los usuarios, mejorando la experiencia de usuario y la interactividad del sitio.

Bloque Temporizador de cuenta atrás

Genere expectación ante eventos, lanzamientos de productos o promociones con llamativas cuentas atrás.

Bloque deslizante de comparación

Muestre fácilmente comparaciones de productos o servicios con elementos deslizantes interactivos.

Creador de ventanas emergentes

Cree atractivas ventanas emergentes y superposiciones para captar clientes potenciales, promocionar ofertas especiales o transmitir mensajes esenciales a su público.

Creador de temas

Tome el control total del diseño y la distribución de su sitio web personalizando los elementos del tema, incluidos encabezados, pies de página y mucho más.

Spectra Pro está dirigido tanto a principiantes como a usuarios experimentados, y ofrece una serie de funciones avanzadas para que su sitio web destaque realmente. Si busca opciones de personalización mejoradas, funciones de contenido avanzadas o un potente control del diseño, Spectra Pro es la solución.

PreciosCon Spectra, puede elegir el plan de precios que se ajuste perfectamente a sus necesidades y presupuesto. Spectra ofrece opciones de precios flexibles que se adaptan a sus necesidades. Dispone de una versión gratuita y otra profesional. La versión Pro también ofrece suscripciones anuales y vitalicias, desde 49 $ hasta 649 $.

A su disposición.

Spectra es un gran plugin que amplía las posibilidades de Gutenberg. Los bloques y las plantillas son similares a los de un plugin premium, pero Spectra es (todavía) de uso gratuito. Así las cosas, será mejor que lo instales y lo pruebes. Estamos deseando conocer tu impresión, así que deja un comentario con tus experiencias.


Deja una respuesta

Hi there, all comments are reviewed & your email address will not be published. Let's have an awesome conversation.