320 | Astra theme: review y opinión

En el episodio 320 de WordPress semanal voy a hacer una review, voy a dar mi opinión sobre el tema Astra. Te explicaré por qué está considerado uno de los mejores temas de WordPress. Vamos allá. Hola, hola, soy Gonzalo Navarro y Bienvenidos al episodio 320 de WordPress Semanal en el podcast en el que aprendes WordPress en profundidad. Hoy, como digo, vamos a hacer un monográfico, vamos a hablar en profundidad, de forma detallada del tema Astra. Este es un theme de WordPress por el que me preguntáis mucho, así que se merece su propio espacio y vamos a hablar, ya digo, en detalle de él. Qué tipo de theme es. A mí ya sabéis que me gusta hablar de tipos de temas, tipos de themes, cómo puedes empezar a usarlo, qué características tiene para personalizar la web, qué integraciones trae, qué tal es en cuanto a rendimiento de carga, en cuanto a si es un tema rápido o un tema lento. Y por último, mi opinión de si lo debes usar o no, que imagino que para cuando llegue a ese punto, pues ya sabrás si lo recomiendo o no lo recomiendo. Pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues precisamente hay nuevo curso y oh sorpresa. Es el curso del tema Astra. En él te enseño a instalarlo, a configurarlo y a sacar partido de todas sus características. Y como siempre, de principio a fin, viendo todos los detalles, pero ya sabes que sin relleno, vamos directo a a lo que funciona, a configurarlo y a explicar cada una de sus opciones. En esta primera entrega, en este mes, el curso se compone de todas las cosas que puedes hacer con la versión gratuita de Astra. Y en el mes siguiente, ya sabéis que voy sacando un curso nuevo cada mes, o una renovación o rehago a veces también los cursos y se quedan obsoletos. Pues lo que voy a hacer es ampliarlo con sus opciones premium, porque realmente son dos cursos, pero prefiero dejarlo todo dentro del mismo para que sea más cómodo de consumir, porque hay veces que las opciones premium de algo lo que hacen es dar alguna mejora más de algo de la parte gratuita. Entonces me parece mejor tenerlo todo dentro de un curso muy completo de Astra. Pero como es muy largo, pues tenéis esta primera entrega con la parte gratuita y el mes que viene sacaré todos los vídeos relacionados con la parte de pago. Así que si estáis suscritos, ya lo tenéis disponible, lo dejo de todas formas en las notas del episodio, ya Sabéis Gonzalo es 320, que es el número de este episodio. Y ahí vais a lo que voy a comentar ahora en audio, pues lo tenéis escrito en texto y además pues podéis ver todos los enlaces que voy mencionando. Al igual que también vais a ver la siguiente novedad, en este caso de esta semana, que es el nuevo vídeo de la Zona Código, es el vídeo 270 y en él aprendes a esconder métodos de pago de WooCommerce en función de una clase de envío. ¿Esto qué te permite hacer? Pues esto es súper útil porque no sé si recuerdas o si tienes una web con WordPress, seguramente una web con WooCommerce, perdón, seguramente lo tengas más o menos claro, pero hay una posibilidad dentro de las opciones de pago de WooCommerce, dentro de los ajustes donde puedes crear clases de envío. Esto es por ejemplo, si tú envías productos, no lo sé, que tienen características diferentes o que son más pesados o que a ti te cuesta más caro enviarlos, pues puedes crear clases de envío en las que le asignas unas características, por ejemplo, para envíos pesados, pues a lo mejor el envío va a costar un euro más, pues tú puedes crear estas clases que luego se las añades a tus productos y se aplica eso que tú has dicho, por ejemplo, eso que cueste un un euro más el envío u otras opciones que hay. Bien, pues lo que hacemos en este vídeo es aprovechar esa funcionalidad de crear una clase de envío para luego nosotros a través de un poquito de código poder decirle, los productos que tengan esta clase de envío no se van a poder comprar con esta pasarela de pago, por ejemplo paypal, que es muy habitual, porque a lo mejor paypal te cuesta a ti más caro porque por la comisión que se quedan, pues para los productos muy baratitos voy a decirle que no le voy a poner esta clase y cuando la gente vaya a comprarlo no va a poder pagar con Paypal. Con Paypal o lo que sea, o Stripe o o contra reembolso, cualquier pasarela de pago de las que ofrece WooCommerce o de las que tú tengas habilitadas en WooCommerce, vas a poder decirle que no, que si un producto lleva esa clase que no se pueda comprar con esa pasarela de pago. Y Además te enseño a hacerlo a nivel de que si solo un producto lo lleva, pero tienes otros productos y tú quieres que con que sólo haya uno que lo lleve, que ya no se pueda comprar con X pasarela de pago, te enseño a hacerlo, o que tienen que ser todos los productos del carrito los que contengan esa clase para que no se pueda comprar con esa pasarela de pago, pues también te enseño a hacerlo. Ya lo sabéis, en la zona código os enseño a hacer modificaciones por código sin que sepáis desarrollar, sin que sepáis código, veis el vídeo, copiáis, pegáis y lo tenéis. Así que ya sabéis, nuevo vídeo disponible para suscriptores. Por cierto, si no estáis apuntados en Gonzalo Navarro es podéis ver todo lo que incluye la suscripción, que es básicamente acceso a todos los cursos, acceso a todos los vídeos de la zona, código a soporte conmigo y muy prontito a comunidad. Fantástico. Esto en cuanto a las novedades. Vamos ahora con el plugin de la semana que se llama Lucky WP Table of Contents. El este plugin te permite crear tablas de contenido, índices de contenido de forma dinámica o digamos medio automática para las entradas del blog. Básicamente está pensado para eso. Imagínate como yo ahora mismo yo tengo súper estructurado este episodio del podcast, pues uno de los títulos es qué tipo de cima es Astra, otro es cómo empezar a usar Astra, otro es cómo personalizar Astra, por ejemplo aquí tengo a su vez mini títulos contenidos dentro de un título y si te fijas cuando tú vas a las notas de este episodio en gonzalo es 320 a hay una especie de índice, está colocado por orden y si yo le doy a uno de los elementos me lleva a esa zona concreta por si quiero revisar un aspecto específico de este contenido. Pues eso mismo te permite hacer este plugin, ya digo, Lucky WP Table of Content, que es yo creo el más popular para hacer esto. Si tienes el plugin de Yoast, creo que en su versión Pro, porque yo tengo la versión Pro también te permite hacerlo, así que si ya lo usas y tienes la versión Pro, no instales un plugin aparte, pero si no lo usas, pues puedes instalar este plugin que es el mejor, es de hecho para mí un poco mejor que lo que te ofrece Yoast para hacer esto, para hacer tablas de contenido, índices de contenido. Sí, por cierto, en la zona código yo enseñé a hacer esto manualmente, pero es un poco rollo porque tienes que crearle un identificador a cada título que vas poniendo y luego tú ir poniendo los enlaces digamos de forma manual, entonces es muy lento y con esto pues se hace automático, detecta ya los títulos que tú pone, te crea los enlaces automáticos y te genera el índice automáticamente, así que ahorras un montón de tiempo. Para mí no tiene mucho sentido hacerlo manualmente, que es como lo hacía antes porque me negaba a instalar un plugin, pero bueno, merece la pena, es uno de esos plugins que merece la pena instalar. Este u otro, hay más. Este es uno de los, ya digo, de los más populares, lo tenéis en las notas del episodio. Gonzalo Navarro es 320 Venga, perfecto. Vámonos ahora sí al tema central de este episodio. Review del Cimastra en su versión gratuita de Bien, ¿Qué tipo de Theme es Astra? Ya sabéis que yo siempre hablo de tipos de Theme, no suelo hablar de Themes minimalistas, frameworks, como por ejemplo Genesis Framework, luego están los Themes que son compatibles con Page Builders, como por ejemplo Astra, que se podría catalogar dentro de esos temas. Es un tema que tú instalas y que luego es compatible con plantillas hechas con cualquier constructor visual, incluido Gutenberg, no hace falta que uses Elementor, no hace falta que uses Vives, usar simplemente editor nativo de WordPress, que es el editor de Gutenberg. Bien, características de Astra Es rápido, es ligero y es muy personalizable. Esta es como el santo grial, la combinación que buscan o que intentan hacer todos los themes. Es un tema del estilo Agenerate Press, del estilo A Cadence Theme, a Ocean WP, aunque Ocean WP es más cargado, trae más cosas y realmente es un muy buen punto de partida para crear cualquier tipo de web. Como te he comentado, es compatible con Page Builders, así que puedes añadir play, plantillas prediseñadas, pues eso, o de Gutenberg o de Elementor o de Vivo Builder y a partir de ahí y su versión gratuita, que es de la que vamos a hablar básicamente en este episodio, es muy muy muy completa. Bien, tenemos claro que es un tipo de Theme que nos vale para cualquier web, que es un muy buen punto de partida porque es rápido, ligero y nos trae muchas opciones de personalización. Ahora, ¿Cómo lo empiezo a utilizar? Bueno, realmente como cualquier thing, lo instalas, lo buscas en la parte de temas de WordPress, porque ya digo, es gratuito, pero ellos te van a recomendar nada más instalarlo, que añadas un plugin que tienen para importar plantillas prediseñadas y yo también te lo recomiendo. Bueno, a mí es que me gusta, yo prefiero trabajar así, prefiero trabajar de algo, aunque yo lo vaya después a modificar mucho, pero me gusta tener una estructura inicial, seguramente porque en diseño pues no sea yo ninguna ninguna maravilla, entonces prefiero tener un punto de partida y ya si tengo que modificar cosas que seguro que sí, pues las modifico. Pero si tú no pones ninguna plantilla tienes el típico aspecto de tema muy vacío, muy limpio, sin nada, como por ejemplo el Genesis Sample Thymnal que viene con Genesis, el de GeneratePress, el que te viene de primeras, por eso pesan tan poco de primeras, porque no traen nada. Lo bueno es que tú luego vas añadiendo solo lo que vas necesitando. Bien, pues como digo, añades su plugin de plantillas y ya cuando lo añades pues te aparece una pantalla y te dice ¿Tú qué usas? ¿Usas Gutenberg, usas Elementor o usas Vivo Builder? Que son los tres de constructores visuales en principio con los que tiene compatibilidad, no es tanto que te haga compatibilidad, sino que las plantillas que te va a ofrecer son de estos tres constructores, pero tú luego puedes usar otro, si usas otro no pasa nada, lo puedes usar, lo que pasa que no te va a ofrecer el propio Astra las plantillas ahí en su plugin. Bien, entonces tú eliges el que usa, yo por ejemplo en el curso pues elijo Gutenberg, que es el que sé que tenemos todos y el que particularmente yo elegiría para no tener que añadir otro plugin extra de construcción o de constructor visual. Bien, pues nada, ahí eliges la plantilla que más se adecue de forma general a lo que quieres crear, pues que te gusten cómo están los anchos de las páginas, que te guste un poco la estructura del menú, aunque veremos después que se puede cambiar, que tú veas que en general es la línea que buscas, porque luego ya, y este es el siguiente punto que te voy a comentar, puedes personalizarlo con muchísimo control, así que ¿Cómo se personaliza una web con Astral? Bueno, básicamente tienes un panel, tú te vas a la parte de apariencia, Personalizar y ahí te van a aparecer todo lo que lo que puedes editar, personalizar en tu web con Abstract, que es mucho, pero yo te voy a destacar lo más importante. Primero tienes control sobre el diseño, lo que comúnmente se llama layout, comúnmente no en inglés, pero ya sabemos que cogemos esas palabras siempre, y básicamente pues puedes personalizar desde ahí, desde las opciones y viéndolo directamente en la previsualización en pantalla, pues el ancho máximo de páginas, de entradas, de archivos, de la página de blog, de la cabecera, del pie de página, incluso de la barra lateral, es decir, el ancho máximo de cualquier zona estructura de tu web, algo muy útil en un diseño. Pero además después podemos profundizar mucho más y por ejemplo podemos diseñar a medida zonas como el header, la cabecera y el footer. El pie de página ¿Cómo? Bueno, en primer lugar puedes controlar las filas y las columnas que se van a mostrar, por ejemplo puedo tener para la cabecera dos filas arriba, a lo mejor poner como enlaces muy pequeñitos, no lo sé, que lleven a iniciar sesión a la documentación de la web, a una página de ayuda, me lo invento, ¿No? Y debajo tener el logo en el centro, a la izquierda tu menú de navegación principal y a la derecha un botón de apúntate y puedes hacerlo, puedes mover los elementos, puedes arrastrar y soltar, puedes añadir un botón, puedes añadir un elemento de HTML para poner algo a medida, por supuesto el logo, iconos de redes sociales y todo esto lo puedes ir añadiendo y lo puedes, ya digo, ir moviendo y puedes crear hasta tres filas, más allá de que puedas poner por columnas cada una de esas filas, pero puedes usar hasta tres espacios, digamos en fila, o sea que podrías tener tres niveles si quieres, de cabecera, por ejemplo, o de footer, que también puedes hacer lo propio. Cambian algunos elementos que puedes añadir, porque digamos que tú en cada espacio, en cada columna o en cada fila puedes añadir ciertos elementos que el propio Astra te ofrece, por ejemplo, en la cabecera no puedes añadir widgets, pero en el pie de página sí, y luego tú haces clic en cualquiera de esos elementos y tiene sus propias opciones de configuración y de diseño, con lo cual puedes controlar el tipo de letra, no sé, el tamaño, me lo invento, cada parte tiene sus propias opciones, es muy similar, si lo habéis usado alguna vez, a lo que ofrece el theme Cadence, Cadence Theme, sí. Pues como ves hasta aquí ya pues digamos, aparte estructural, que es muy importante el diseño general y el diseño o disposición de elementos, tanto en la cabecera como en el pie de página, lo tenemos controlado. ¿Qué más? Pues algo muy útil pero que no todos los themes traen, que es control sobre colores y tipografía. Puedes elegir la paleta de colores a nivel global en tu web y también colores a nivel particular. Lo típico que dependiendo de lo que estés editando, pues vas a tener opciones de elegir colores diferentes. Y lo mismo con la tipografía y el estilo de la misma, no solo elegir una tipografía, que además puedes elegir entre Google Fonts, entre distintas fuentes de Google y lo típico, pues una tipografía para los párrafos y otra para los títulos y luego le vas dando estilos a cada uno. Esto quiero que sea más en negrita o lo que sea. Por cierto, ahora que comento lo de Google Fonts, tienen una opción de rendimiento en la que puedes hospedar la fuente de Google que hayas elegido de forma local. De modo que esto de cara cuando tú vas a hacer después un Test en Google PageSpeed y estos pues. Pues te sale que la carga es más rápida porque no estás llamando a Google, sino que lo haces directamente desde ahí. Después hablaremos del rendimiento, que es uno de los puntos fuertes de este tema. Bien, ¿Qué más puedes hacer? Pues hemos hablado antes del diseño a medida del header y del footer, pero es que también puedes hacer lo propio con la página de blog y la página de las entradas. Es cierto que en su versión gratuita, por ejemplo, la página de blog donde se muestran todas las publicaciones de tu blog no la puedes editar mucho, tienes algunas opciones pero muy limitadas. Donde sí tienes más opciones en su versión gratuita es digamos, la estructura de las entradas en sí, las entradas del blog cuando ya vas a leer un contenido, un artículo o lo que sea. Aquí estructuralmente puedes controlar algunas cosas como ya hemos visto, el ancho, se puede controlar el contenido de la información meta, si por ejemplo quieres que se muestre la fecha o no, si quieres que se muestre la categoría en la que está esa entrada o no, si quieres que se muestre el autor o no, este tipo de cosas. Y además puedes ordenarlas, puedes hacer que primero se muestre una, que después se muestre otra, que se muestren encima de la imagen destacada, que se muestren debajo. Ese tipo de cositas las puedes editar, sí. Bueno, y hay más opciones en cuanto a la personalización, pero estas son las que más destacan. Vamos a hablar ahora de integraciones de Astra con plugins, sobre todo de e commerce, porque Astra ofrece gran integración. Y esto es que si tú tienes uno de estos plugins que voy a comentar activo, te va a aparecer un menú de personalización entre todas estas opciones que yo te he comentado antes, que están en apariencia personalizar, te va a aparecer un menú nuevo de personalización si instalas o si tienes instalado WooCommerce, Easy Digital Downloads, LearnDash o Lifter LMS. Estos dos últimos son plugins para crear webs de formación online. De LearnDash tienes un curso de Lifter LMS, no, Easy Digital Downloads ya lo conocéis, es el mejor plugin para venta de productos digitales. También tenéis un curso súper completo que he ido renovando y ampliando durante estos años. Y WooCommerce, por supuesto que todos lo conocemos, el gran plugin de e commerce de de WordPress, que también tenéis un curso muy completo. Bien, pues si usas alguno de estas opciones, Astra te ofrece opciones de personalización un pelín limitadas en su versión gratuita, pero no en vano las ofrece tanto por ejemplo si instalas WooCommerce, tanto para la página de la tienda como para las fichas de producto. ¿De hecho en el curso de Astra vemos esta casuística, si tenemos instalado woocommerce, qué opciones de personalización tenemos? Y las vamos repasando por supuesto, y son muy similares, cuando instalas EDD son prácticamente idénticas, puedes editar prácticamente lo mismo. Y con los otros plugins, LearnDash y Lift LMS, pues hombre, no son lo mismo, pero la idea es la misma, te permite hacer personalizaciones a nivel de la página donde se muestran todos los cursos y hacer alguna personalización a nivel de la página concreta de curso. Sí, fantástico. Vamos ahora con uno de los puntos fuertes que es el rendimiento de Astra. Ellos se ponen como que son el más rápido y el más ligero, pero bueno, esto lo hacen todos los temas similares, te ponen lo mismo, Generic Press pone lo mismo, kdenswp pone lo mismo, Skyden WP creo que no se llama Skyden me parece nada más. ¿Y bueno, todos tienen razón y no son todos muy ligeros, muy rápidos, cuando los instalas está muy bien en cuanto a rendimiento y si vas añadiendo cosas, lo bueno es que puedes activar y desactivar, por ejemplo si instalas la versión Pro de los mismos, no tienes que tener todo instalado, solo activas lo que vayas a usar como por módulos y esto está bien, que tú puedas controlar lo que se va a cargar y lo que no, si no lo necesitas, para qué voy a tener eso extra cargándose en mi web? Porque cada vez que instalas algo pues lógicamente va a haber estilos, va a haber archivos para que tú puedas controlar las opciones de eso que instalas y eso pues va añadiendo peso y hace que la web pese un poquito más y tarde un poquito más en cargar. Esto es normal. Bueno, Astra es uno de los temas, o el que está considerado uno de los mejores temas en cuanto a rendimiento. No usa jQuery, esto también lo hacen otros temas, es decir, no usa una librería, esta librería tan popular de JavaScript, sino que escriben su propio JavaScript, de modo que solo escriben el JavaScript que es necesario, que tienen ahí una librería con mucho código que a lo mejor no se usa. Esto lo hacen para ejemplificar que ellos cuidan mucho cada línea de código que utilizan para desarrollar el tema y que no te van a poner nada extra, que estés tranquilo en ese sentido. Ellos dicen que su thin pesa menos de 50 kb, yo he visto por ahí reviews de gente especializada en WPO como Raúl González, que es especialista en WPO, él tiene una comparativa, una tabla, si vais a su twitter buscadlo, Raúl González WPO y en su twitter pues en uno de los tweets que tiene destacado pues hace reviews de los temas, te dice cuáles son los más rápidos, él dice de hecho que Astra es uno de sus favoritos porque es uno de los más rápidos. En fin, está muy bien considerado entre la gente que de verdad se pone a analizar esto y de verdad se pone a ver si carga o no carga rápido y cómo se cargan los distintos archivos que pueda incluir un tema y básicamente si tú no añades nada, pues Astra te carga en menos de un segundo, en medio segundo o por ahí. Incluso como te comentaba antes, trae alguna opción de rendimiento, tiene una pestañita que se llama rendimiento que tú le das y te piensas que van a tener mil opciones, pero no, sólo tiene una y es poder, ya digo, hospedar a nivel local las fuentes de Google que estés usando para que no se haga la petición a Google, sino que estén directamente en tu servidor. Así que en cuanto a rendimiento no hay duda, tampoco la hay, tampoco la tengo en cuanto a generatePress y y cadence son muy similares en cuanto a rendimiento, pesan prácticamente lo mismo, si tú haces el análisis de carga sin instalar nada, también cargan súper rápido, no sé si más o menos, pero en la línea. Así que mi opinión de Astra es que sin duda es uno de los mejores temas que hay para WordPress dentro de este tipo de tema. Yo siempre me gusta hablar de tipos de temas porque no todo el mundo necesita lo mismo. En este caso pues es cuando buscas tener personalización, muchas opciones, pero pero además que sea ligero y rápido, que es una combinación muy potente. Entonces, sin duda, si yo fuese a crear cualquier tipo de web ahora Astra sería uno de los temas que podría utilizar perfectamente. Ya digo, para mí están en la misma liga que Generic Press o Cadence Theme. Es un poco para mí, desde mi punto de vista, el que te guste más a la hora de usarlo por dentro, que se parecen mucho también, no sé quién copia a quién, pero son muy parecidos por dentro y en la forma de que cuando añades por ejemplo la versión Pro, que puedes añadir y quitar módulos según lo que usas y lo que no. Muy similares en cuanto a funcionamiento, características y rendimiento. Pero sin duda Astra Theme es uno de los temas que recomiendo. Y como tal, ya digo, tenéis un curso completo de momento en su versión gratuita, donde vemos todas y cada una de las opciones que ofrece y que ya tenéis disponible junto a otros 66 cursos por ser suscriptores de Gonzalo Navarro. Es Por cierto, no lo comenté en el episodio anterior, pero estamos estrenando Portada del Podcast ya hecha por un profesional, no como las dos anteriores que ha tenido la portada de WordPress semanal, que estaban hechas por mí y yo creo que se notaba bastante. Si no lo habéis visto, bueno, si estáis escuchando el episodio seguro que la estáis viendo ahora mismo. Así que nada, espero que os guste y como siempre, muchísimas gracias por escuchar, muchísimas gracias por tomar la acción que toméis para ayudar a que el podcast crezca. Si queréis dejar una reseña en Apple Podcast, pues ya sabéis que os lo agradezco mucho, si queréis dejar las estrellitas Spotify, pues también el Me gusta y el comentario en ivoox, o si no, pues compartir el podcast con gente a la que penséis que le pueda gustar en vuestras redes sociales, donde sea. Cualquier acción que toméis, ya sabéis que lo agradezco muchísimo. Nada más por este episodio, nos seguimos. Escuchando Adiós.