398 | Review del theme Spectra One

En el episodio 398 de WordPress semanal te cuento qué puedes hacer con el theme Spectra One, veremos sus diferencias con el tema Astra y la confusión que existe con el plugin de mismo nombre Spectra. Vamos allá. Hola hola, soy Gonzalo Navarro y Bienvenidos al episodio 398 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y en este episodio me voy a centrar en el theme Spectra, pero también contrapuesto a otro tema de la misma empresa que se llama Astra y a un plugin del mismo nombre que se llama Spectra. En concreto te contaré qué es exactamente Spectra One, qué es Astra y qué diferencias tiene con Spectra One, cuándo puedes utilizar Spectra One, cuando es buena idea utilizarlo, responderé a la pregunta de si es mejor utilizar usar Spectra One o el Z Mastra y por último hablaré del plugin de bloques de Spectra. Espero que después de este episodio queden todos los conceptos claros. ¿Sí? Pues en un momentito vamos con todo ello, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues por un lado tenemos nuevo curso, ya sabéis que cada mes saco un curso nuevo o una renovación de uno existente o una ampliación también de alguno de los cursos existentes, pero en este caso es curso nuevo. Y es el curso precisamente de Spectra One, este tema basado en bloques con el que puedes aprovechar el full site editing, es decir, diseñar por completo todo tu fin, toda tu web, aprovechando o utilizando el editor de bloques de WordPress. Y el curso es básicamente pasar por todas las opciones de este tema, por sus estilos globales, por cómo se configura la cabecera y los menús de navegación, cómo se configuran todas las zonas de pie de página y también sus posibles elementos como menús de navegación verticales y ese tipo de cosas, cómo se configuran las plantillas de página, tanto las que vienen con el propio Spectra One como las nuevas que tú puedas crear. Veremos todos los patrones que te ofrece Spectra One, que básicamente son composiciones ya creadas que tú puedes utilizar en cualquier diseño que estés implementando. Y luego opciones también que este tema trae y que a lo mejor otros temas de bloques no traen, como la posibilidad de ocultar los títulos y otras opciones interesantes específicas de Spectra One, ya tienes disponible el curso. Para acceder a él, recuerda que debes ser miembro en Gonzalo Navarro es y tienes acceso a este y el resto de 80 cursos que ya he publicado, más, ya digo, los nuevos, las renovaciones y todo lo que vamos publicando mes a mes, pero es que hay más. También tienes acceso a los más de 340 vídeos de la Zona Código, que precisamente esta semana tenemos vídeo nuevo también. En él te enseño a crear una animación por CSS, que en inglés se llama pulse, pero es básicamente el efecto como que un elemento aumenta y disminuye de tamaño, por eso se llama pulse, como pulso, como un latido de un corazón. Y te sorprendería saber lo sencillo que es crearlo con un poquito de código. No tienes que saber absolutamente nada de código, copias el código que te dejo yo, como te lo muestro en el vídeo, lo pegas y obtienes los resultados. Con este tipo de vídeos de la Zona Código, la idea es que sin saber desarrollo, sin que sepas escribir código ni nada, puedas ahorrarte muchísimos plugins, puedas hacer cosas que a priori sólo podrías hacer con un constructor visual o con un plugin muy pesado. Y fíjate que ya digo, hay publicados más de 300, yo creo que estamos por los 350 o así, porque hay también vídeos que no tienen numeración, porque son vídeos esenciales que recomiendo ver antes de que empieces con este proceso de copiar y pegar código. Así que hay infinidad de recursos que puedes aprovechar. Todas estas novedades que acabo de comentar, el curso nuevo, el nuevo vídeo de la Zona Código, lo tenéis en las notas de este episodio, en la parte de los enlaces, a las que podéis acceder escribiendo en vuestro navegador Gonzalo Navarro es 398, que es el número de este episodio, Gonzalo Navarro es 398, pero vamos, si no, pues vas a Gonzalonabarro es, si eres miembro, pues vas a tu cuenta y ahí puedes acceder a todos los contenidos, y si no eres miembro, pues te puedes apuntar también desde Gonzalo es y acceder a toda esta formación. Y por supuesto también a soporte, para que resuelvas tus dudas del día a día con la gestión y creación de webs con WordPress, e incluso que comentes tu andadura, tu experiencia, que preguntes sobre la experiencia de otros en la comunidad privada de Telegram. Perfecto, pues ahora sí, vámonos con la siguiente sección del episodio, que es el plugin de la semana, que se llama WP Dark Mode. Este es un plugin que cuando lo activas, tus visitantes van a ver tu web en modo oscuro o modo claro en función de las preferencias de su sistema operativo. Es decir, si ellos tienen configurado en su, por ejemplo, iPhone, el modo oscuro, pues van a ver tu web en modo oscuro. Si lo tienen configurado con el que viene por defecto, que suele ser el modo claro, pues lo verán así. Sí es básicamente adaptarte, como por ejemplo con muchas aplicaciones, creo que con Twitter es así, o con otras, dependiendo de cómo tú lo tengas en la configuración de, en este caso, pues tu iPhone, tu Android o lo que sea, pues vas a ver las aplicaciones de una manera u otra, pero claro, las aplicaciones tienen que estar preparadas para ello. Así que este plugin te permite preparar tu web para esta casuística. También dejo el enlace del plugin, se llama WP Dark Mode, pero lo dejo enlazado en la parte de plugin de la semana, recuerda en las notas del episodio. Perfecto, pues ahora sí, vámonos con el tema central, Spectra One Theme versus Astra Theme versus Plugin Spectra Y comenzamos por la base. ¿Qué es Espectra One? Bueno, es un tema de bloques, que recuerda que hay diferentes tipos de temas en WordPress. Tenemos los temas clásicos, que son los de toda la vida, donde las partes estructurales de la web, como las cabeceras o los pies de página, se diseñan desde las opciones del tema, si es que el tema lo permite, algunos ni siquiera lo permiten. Y luego los contenidos individuales con el editor de WordPress. Después tenemos los temas de bloques, que permiten el diseño global del sitio mediante el uso del editor de bloques. Es decir, es un enfoque más integral, ya puedes personalizar o aplicar diseños a toda la web desde el propio editor. Y luego en el episodio que dediqué a explicar los tipos de themes, que os lo dejo también enlazado, ahí hablaba yo de un tercer tipo, que son los Teams, y los definía como los que además de opciones para el diseño, pues incorporan funcionalidades como venta, creación de cursos y demás. Los llamo peligrosos porque son muy atractivos, un paquete que te incluye todo, pero normalmente son unos monstruos en cuanto a rendimiento y seguramente puedas ir añadiendo lo que vas necesitando con un tema clásico, un tema de bloques, sin necesidad de mezclar diseño con funcionalidad, que al final es un lío y te ata usar ese tema. Y ya digo, normalmente no son buenas opciones. Pero bueno, no me quiero adentrar demasiado en esto porque ya digo, tenéis un episodio donde hablo de ello en profundidad, incluso de más tipos de temas, que estos son los tipos, los fundamentales, los clásicos y los de bloques, pero hay más y hablo de ellos en el episodio, se llama Tipos de themes de WordPress, pero vamos, lo dejaré enlazado también en las notas. Bien, entonces, con Spectra One y este tipo de temas que son basados en bloques, pues la gracia es que puedes maquetar estructuralmente tu web directamente con el editor. Por ejemplo, las plantillas de página las puedes editar en su totalidad, es decir, puedes definir, por ejemplo, cómo se van a ver todas las páginas de tu web, todo el contenido, páginas, qué estructura general va a tener, cómo va a ser de ancho, si va a haber una llamada a la acción en todas ellas, por ejemplo, el tamaño del tipo de letra para las páginas, para los títulos, para todo esto. Y después puedes definir otra plantilla diferente para las entradas del blog, pues a lo mejor las quieres más estrechas porque son lecturas más largas y quieres que esté todo más concentrado, o quieres poner abajo siempre la opción de que se apunten en el newsletter o lo que sea, o los botones de compartir en redes sociales, que esto es muy típico, la caja de comentarios. Todo esto lo puedes definir desde una plantilla general y luego cada vez que publiques una entrada tendrá esa estructura. Y todo con el editor nativo de WordPress. Después también puedes editar plantillas generadas automáticamente, como la página de error 404, la página de búsqueda, las páginas de archivo, que estas son las de categoría, las de etiquetas, las del blog. Todo esto lo puedes también definir o maquetar con el propio constructor nativo de WordPress, el editor de bloques. También puedes diseñar partes de plantilla a la cabecera, el pie de página o elementos personalizados que tú puedes colocar donde quieras. Ya digo, esto son características de todos los temas de bloques y Spectra One, como es uno, pues lo permite. Pero además, como te comentaba en la promoción del curso que acaba de salir, pues Spectra One tiene características adicionales, como por ejemplo, la capacidad de esconder títulos de cualquier página, pues si vas a hacer, no lo sé, una landing de algo y no te interesa que salga el título por defecto, sino que lo quieres colocar de otra forma, con un diseño más chulo, pues desactivas el título por defecto para que no se muestre en pantalla y lo creas tú, pues de otra forma. También te permite esconder el header o el footer a nivel de página concreta. Y luego, bueno, pues en concreto este tema trae sus patrones, lo que te comentaba antes, los patrones son como diseños de zonas concretas ya creadas, pues por ejemplo de una llamada a la acción, y te trae distintos diseños que tú puedes usar y reaprovechar. Esto sí es algo específico de cada tema de bloques, cada uno incorpora los que ellos consideran. En el caso de Spectra One, pues bueno, tienen diseños bastante chulos. Por último comentar que Spectra One es un tema de la misma empresa que el Thing, Astra, que es un tema hiperpopular y que esto me da pie a explicarte las diferencias entre Astra y Spectra One. Bien, como te decía, ambos son de la misma empresa, se llama Brainstorm Force, también tienen un plugin de plantillas súper popular. También tienen algunos plugins para constructores visuales como Elementor, tienen uno que se llama Elementor Header and Footer, que es bastante popular, que te permite diseñar el header y el footer de Elementor sin tener la versión Pro. Y bueno, hay más más productos relacionados todos con WordPress y este ecosistema. Pero bien, vamos a las diferencias puras y duras entre Astra y Spectra One. Astra es un tema clásico y Spectra One es un tema de bloques. Esta es la principal diferencia. Ya te he comentado antes lo que es un tema clásico y un tema de bloques, así que en este sentido ya te haces una idea. Con Astra, por ejemplo, puedes usar el editor de WordPress nativo si quieres, o puedes también añadir un constructor visual aparte como Elementor. Con Spectra One, sin embargo, solo puedes usar el editor de WordPress y son tiene sentido usar el editor de WordPress, porque si vas a usar un tema de bloques es para construir toda la parte visual de tu web con el editor de bloques de WordPress, de lo contrario no elijas este tipo de temas. Y en esta misma línea, pues con Astra, por ejemplo, las partes estructurales como cabecera, ancho de página y este tipo de cosas, las controlas desde sus opciones del tema. Tienes bastante control, es cierto, pero es desde sus opciones, no es, digamos, con las opciones nativas de WordPress y por su parte con Spectra One pues lo haces todo como decía, desde el editor de WordPress. Estas son básicamente las diferencias que se resumen en lo que he dicho al principio, Astra es un tema clásico y Spectra One es un tema de bloques, cada uno en su ámbito son de lo mejorcito que hay, pero es que son dos formas diferentes de aproximarte al diseño de una página web o digamos a la implementación de un diseño en una página web. Bien, vamos con Las preguntas difíciles, ¿Cuándo utilizar Spectra One? Pues básicamente cuando quieres implementar el 100% del diseño de tu web desde el editor de bloques de WordPress, y cuando te gusta Spectra One claro, porque hay más temas de bloques. Sí, se resume en eso básicamente. ¿Otra pregunta difícil, es mejor Spectra One o Astra? Pues el mejor es el que más te guste, porque no tiene sentido compararlos desde el momento en el que las opciones de maquetación no tienen nada que ver, así que pregúntate cómo quieres maquetar tu web, si lo quieres hacer todo con el editor de bloques, pues entonces Spectra One u otro tema de bloques. Si te gusta las opciones que trae Astra para sus partes de configuración estructural y luego los contenidos de las propias páginas los quieres hacer o con el editor de bloques de WordPress o con cualquier otro que instales, pues entonces Spectra One no tiene sentido para ti tendría sentido Astra u otro tema clásico. Así que la pregunta no es Spectra One o Astra, sino tema clásico o tema de bloques. Bien, por último quiero comentar las características de algo que tiene el mismo nombre que el tema del que estamos hablando en este episodio, y es el plugin de bloques Spectra, que antes creo que se llamaba Ultimate Addons for Gutenberg o algo por el estilo, pero lo renombraron a Spectra hace ya bastante tiempo, de hecho antes de que saliese el theme Spectra One, este plugin ya se llamaba Spectra. Entonces ¿Qué es Spectra? Pues Spectra a secas es un plugin que mejora el editor de bloques de WordPress, te da más opciones de tipografía y de color, te ofrece contenedores más flexibles, es decir, lo típico de poner cosas en columnas con más o menos ancho, más o menos espaciado, te da más flexibilidad que los bloques que vienen de forma nativa, es como más opción en ese sentido, control sobre la disposición de los elementos y digamos definir de primeras todo lo que es el contenedor de lo que luego vas a meter. Pero no solo esto, sino que te aporta 28 bloques extra, también te aporta patrones extra, es decir, conjuntos de bloques prediseñados. Esto recuerda que es un plugin, o sea que da igual el thing que uses, siempre y cuando utilices el editor nativo de WordPress puedes instalar este plugin, no tiene que ir exclusivamente en conjunción con un tema de la misma empresa como pueden ser Spectra One o Astra, lo puedes usar con cualquier tema que tengas instalado. Y luego otra característica interesante que se me ha pasado comentar es que tienes la posibilidad de copiar y pegar estilos. Esto sin duda es súper útil. Esto la verdad lo traen casi todos los plugins de bloques así más o menos avanzados, pero esto es muy útil que tú estés por ejemplo diseñando un botón y luego vayas a añadir más botones, pues que puedas copiar y pegar estilo y lo tienes. A ver, puedes duplicarlo, pero imagínate que ya tienes todos los botones en una página y que haces un pequeño cambio porque al final el color de fondo lo quiero un poquito más oscuro, pues lo cambias en uno, copias el estilo y simplemente lo pegas en el resto de bloques y te ahorras mucho tiempo. Pues eso te aporta el plugin de bloques de Spectra. Y con esto concluimos esta comparativa de este posible lío que puede haber entre estos conceptos. También te digo una cosa, esto así escuchado, si no has usado ni Astra, ni Spectra One, ni el plugin de bloques, te puede aclarar conceptos, pero hasta que no te pongas a utilizar alguno de ellos, por ejemplo, algunos suscriptores me preguntan muchas veces y yo noto que realmente no lo han usado, entonces más que una explicación de las diferencias entre cada uno, hasta que no te pongas con ello digamos, no vas a entender del todo. Si por ejemplo no has usado nunca un tema de bloques, por mucho que yo te lo explique aquí, difícilmente vas a llegar a comprender el grado de control que tienes con el editor a nivel estructural. Pero bueno, creo que así desde fuera de punto de partida te sirve para hacerte una idea general y sobre todo diferenciar bien que Astra es un tema clásico, Spectra One es un tema de bloques y Spectra Secas es un plugin que simplemente potencia las posibilidades del editor de WordPress y que lo puedes utilizar independientemente del tema que tengas instalado, siempre y cuando pues esté enfocado a que diseñes tus páginas con el editor nativo. Fantástico. Recuerda que tienes el curso de Spectra One ya disponible. También tienes un curso genérico sobre el Full Site Editing, es decir, la edición global del sitio, cómo diseñar tu web completa gracias al editor de WordPress. Así que si este es el camino que quieres seguir, la combinación de estos dos cursos es la que necesitas. Además estate atento porque si te interesa el tema por ejemplo de Spectra, próximamente sacaré también el curso del plugin Spectra, de este plugin que le da súper poderes al editor nativo de WordPress. Mi idea era hacerlo junto Spectra One más el plugin, pero al final solo la parte de Spectra One me da para un curso completo porque es un tema con bastantes opciones y he preferido separarlo para que sea de consumo más sencillo. Además que no todo el mundo que quiere utilizar el plugin de Spectra quiere utilizar el tema Spectra One, así que tiene más sentido que estén separados. Así que atento porque próximamente tendrás también ese curso disponible. Mientras tanto en Gonzalo Navarro es puedes apuntarte a la mejor formación sobre WordPress con Comunidad y con soporte. Nada más por este episodio, muchísimas gracias por estar ahí al otro lado. Nos seguimos escuchando. Adiós.