Revisión del complemento Spectra: la extensión perfecta para Gutenberg Editor

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 función. Hoy en día, está claro que Gutenberg no es perfecto, pero mejoró la forma de construir sitios web de WordPress. Es un paso más hacia una mejor experiencia para los webmasters.

Los desarrolladores y agencias de WordPress notaron que Gutenberg es perfectible y se enfocaron en traer mejoras. El complemento Spectra es una de las principales contribuciones a una experiencia mejorada para los usuarios de WordPress. No es exagerado considerar a Spectra como la extensión perfecta del editor de Gutenberg.

Lea atentamente esta revisión si es un usuario habitual de WordPress que desea mejorar su flujo de trabajo. ¡Spectra podría ser el complemento sin el que no querrás vivir!

Introducción rápida al complemento Spectra

Además de sus muchas características geniales, Spectra ofrece más de 40 bloques que agilizan la creación de sitios web. Los bloques se parecen a los bloques de Gutenberg y son efectivos para crear sitios web modernos. Teniendo en cuenta la cantidad, la calidad y la utilidad de los bloques, esperaría que Spectra sea un complemento premium. ¡Afortunadamente, este complemento es gratuito ! No pierdes dinero al instalarlo en tu sitio web.

Brainstorm Force desarrolló el complemento Spectra. Tal vez el nombre de la empresa no suene familiar, pero es el mismo equipo detrás del tema Astra. En este contexto, la profesionalidad y la experiencia de los desarrolladores de complementos están fuera de discusión.

No te preocupes; Spectra no solo es compatible con Astra; funciona con todos los temas de WordPress! No hay restricciones para usar este complemento, por lo que tiene todas las razones para probarlo.

Características dignas de mención

Spectra es un complemento complejo que incluye muchas funciones útiles. A pesar de su complejidad, muchos usuarios pueden utilizarlo a primera vista. Sin embargo, es mejor que aprenda más sobre las siguientes características que vale la pena mencionar antes de instalar el complemento.

Potente constructor visual

No es necesario ser programador para usar todo el potencial de Spectra; ni siquiera necesita escribir una sola línea de código. Simplemente arrastre y suelte bloques en el lienzo y juegue con la configuración hasta que esté satisfecho con el resultado final. Algunos bloques son estructuras complejas, pero la mayoría de los usuarios no tienen problemas para usarlos, gracias a la interfaz intuitiva.

Los usuarios de WordPress tienen muchos creadores de páginas visuales para crear sitios web sin codificación. En conjunto, Spectra es probablemente el más compatible con el editor de Gutenberg. Con la integración nativa de WordPress, muchos usuarios no se dan cuenta 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 para ver cómo su acción afecta el diseño del sitio web. Los usuarios obtienen un poder ilimitado para crear el diseño deseado, ¡y la experiencia de construcción es excelente!

Cientos de opciones de estilo

Tanto los usuarios aspirantes como los experimentados de WordPress aprecian el complemento Spectra. Eso es posible porque usar este complemento es simple, lo que atrae a usuarios menos capacitados. Al mismo tiempo, viene con un amplio conjunto de estilos que satisface los requisitos de los usuarios experimentados. Con Spectra, tiene control total sobre cada píxel de cada bloque agregado a un diseño. Cada bloque tiene tres secciones (dependiendo del tipo de bloque, puede diferir ligeramente):

• General
• Estilo
• Avanzado

En la sección General , seleccione la orientación del diseño, la alineación, la posición y el ajuste preestablecido de cada bloque. La sección Estilo es más compleja; aquí, usted elige los colores, las fuentes, el tamaño, los bordes, los fondos y los márgenes. Está bien si no tiene una idea clara de la configuración de estilo requerida por su proyecto. Seleccionar los colores, márgenes, bordes y tamaño adecuados es simplemente deslizar un cursor hacia la izquierda y hacia la derecha. Se necesita tiempo para ajustar todas las configuraciones, pero el proceso es fácil de usar e intuitivo. La sección Avanzado es para crear mejores experiencias móviles mediante la gestión de las condiciones de visualización de los bloques. Además, puede agregar un código CSS personalizado.

Diseños flexibles

El complemento Spectra se creó teniendo en cuenta los principios de compatibilidad con dispositivos móviles y ayudó a garantizar una excelente experiencia de usuario, independientemente del dispositivo utilizado. El complemento se basa en contenedores flexibles para que los sitios web respondan y sean fáciles de personalizar. La mayoría de los bloques tienen dimensiones ajustables, por lo que no tiene limitaciones si opta por un diseño de diseño inconformista. Los elementos espaciadores también son intuitivos. En estas circunstancias, tiene todo el arsenal necesario para crear un diseño excepcional para su sitio web.

Plantillas asombrosas

Spectra y Gutenberg son la combinación perfecta para los creadores de sitios web. Sin embargo, empezar de cero no es tan sencillo y lleva mucho tiempo. Spectra lo respalda: la biblioteca de plantillas está llena de plantillas de primer nivel. Las plantillas de la biblioteca se dividen en tres categorías:

• Paginas
• patrones
• Estructuras alámbricas

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

Los patrones son componentes completos de su diseño que solo 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, inserta dicho elemento y lo personaliza.

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

De esta forma, Spectra satisface a todo tipo de usuarios. Las personas que no tienen tiempo o tienen menos experiencia pueden apreciar las páginas que les brindan sitios web completos. ¿Está buscando un componente del sitio como una sección de testimonios o un formulario atractivo? Revisa los patrones. ¿Eres lo suficientemente hábil para crear un sitio web original de WordPress? Los wireframes pueden ser el punto de partida para su sitio web genial.

Bajo impacto en la velocidad de carga

¿Esperaría que un complemento tan complejo inflara el tamaño del archivo de su sitio web, no es así? Afortunadamente, Spectra tiene un bajo impacto en la velocidad de carga. Eso es posible gracias a los siguientes aspectos:

• Sin uso de jQuery . Si bien jQuery es una poderosa biblioteca de JavaScript, los temas y complementos modernos no la usan porque ralentiza la velocidad de carga.
• Código HTML, CSS y JavaScript optimizado y minimizado . Menos líneas de código significan una velocidad de carga más rápida, lo que es una gran ventaja en estos días.
• Cargue las fuentes de Google localmente. El navegador y los archivos del sitio de alojamiento del servidor envían y reciben solicitudes para mostrar páginas web. Enviar y recibir solicitudes toma una cuestión de milisegundos, pero esto se suma a la velocidad de carga general. Puede reducir la cantidad de solicitudes cargando las fuentes localmente y su sitio se cargará más rápido.

Compatible con motores de búsqueda

Spectra tiene un bajo impacto en la velocidad de carga de un sitio web, lo que afecta el ranking 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 es un sitio web, mejores posiciones obtiene. Además de la velocidad, otras características de Spectra ayudan a que su sitio sea amigable con los motores de búsqueda, tales como:

• Código limpio y compatible con los estándares . Un complemento bien codificado ayuda a las arañas de los motores de búsqueda a rastrear sitios web.
• Los bloques compatibles con SEO de Spectra, como How-to y FAQ, son ideales para fragmentos enriquecidos. Estos son de crucial importancia para los sitios web de reseñas o las empresas locales.
• Enfócate en UX . No está claro si UX es un factor de clasificación para el algoritmo de Google, pero es claramente un factor indirecto. Una buena UX deleita a los visitantes del sitio y permanecerán en su sitio por más tiempo. El tiempo de permanencia (cuánto tiempo permanece un visitante en su sitio después de llegar a los resultados de Google) es, muy probablemente, un factor de clasificación.

Bloques útiles

Es bastante lógico preguntarse si los bloques de Spectra son una necesidad genuina o son solo un buen conjunto de bloques que podrían ayudarlo. Las preferencias y expectativas de los usuarios varían, pero creemos que los bloques despertarán su interés. Por supuesto, puede probar los bloques usted mismo instalando el complemento. Aquí hay algunos bloques notables que captaron nuestra atención.

Cronología del contenido

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

Tabla de contenido

Una tabla de contenido es esencial para el contenido de formato largo. Necesitará un bloque de este tipo si publica artículos de blog detallados, trabajos de investigación o estudios de casos. El bloque es altamente configurable y permite:

• Elegir los encabezados para generar la tabla;
• Esconderse en el móvil y la tableta;
• Personalización de la alineación y la posición;
• Selección de colores y tipografías.

Cómo esquematizar

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

• Los datos estructurados cumplen con 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 agregar imágenes, seleccionar los colores y el espaciado y determinar las condiciones de visualización.

La capacidad de atención de las personas se reduce constantemente. Por lo tanto, un bloque de procedimientos es una gran herramienta para brindar mucha información en un formato conciso y fácil de recordar.

Deslizador

Es difícil creer que no necesita un control deslizante para su sitio web. Por supuesto, hay sitios web geniales sin controles deslizantes, pero ciertamente, es una gran herramienta para mostrar contenido y deleitar a los visitantes del sitio. Puede usar cualquiera de los muchos complementos de control deslizante o el bloque Control deslizante de Spectra. Al elegir la última opción, tiene muchas configuraciones para ajustar el control deslizante y combinar con el estilo de su sitio. Funciona para mostrar varias imágenes, pero también para presentar productos, servicios, descuentos, las últimas noticias o publicaciones de blog.

Lista de taxonomía

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

A ti

Spectra es un gran complemento que amplía las posibilidades de Gutenberg. Los bloques y las plantillas son similares a un complemento premium, pero Spectra (todavía) es de uso gratuito. En este sentido, ¡será mejor que lo instales y lo pruebes! Estamos ansiosos por conocer tu impresión, así que deja un comentario con tus experiencias.