324 | Astra Pro y Gutenberg: ¿el combo perfecto?

En el episodio 324 de WordPress semanal te cuento las posibilidades que te ofrece combinar el tema Astra Pro con Guttenberg, el editor nativo de WordPress. Vamos allá. Hola, hola. Soy Gonzalo Navarro y Bienvenidos al episodio 324 de WordPress Semanal, el podcast en el que aprendes WordPress en profundidad. Hoy te voy a hablar de una combinación particular de tema de WordPress, de un theme, sin realmente tener que añadirle ningún constructor extra más allá del que viene de forma nativa con WordPress, que se llama Gutenberg. Primero te hablaré de por qué plantear este combo, esta combinación y no otra. Después nos adentraremos en las posibilidades que te ofrece Astra Pro. Mencionaré muy rápidamente lo que ofrece en su versión gratuita, porque tenéis una review completa de la parte gratuita de Astra, lo dejaré enlazado, es un episodio del podcast que publiqué hace un mes aproximadamente o menos. Y así me adentraré en las características de Astra Pro para que puedas conocer todo lo que ofrece y decidir si te merece la pena, pues la inversión, que también te hablaré del precio y demás. Por último te daré mi opinión de si realmente merece la pena utilizar Astra Pro. Y por último te mencionaré algunas alternativas por si prefieres ir por otro lugar o explorar otras opciones. En un momentito voy con todo esto, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues tenemos, iba a decir nuevo curso, pero tenemos ampliación del curso del mes pasado, que precisamente era el curso del Thim Astra. Y lo que he hecho para este mes es ampliarlo con todas las opciones premium del tema, es decir, añadir vídeos sobre el uso de Astra Pro, que por cierto lo tenéis disponible por si queréis para descargar y lo queréis probar. Yo siempre aconsejo que si ya vais a hacer o vais a usar la versión Pro de algo en un proyecto real, que compréis la licencia o que vayáis a la web oficial y compréis en este caso la extensión para convertir Astra en un tema Pro. Os dejo un enlace al vídeo de presentación del curso y para que podáis ver todo el índice de lecciones. Ya sabéis que para ir a los enlaces o en general al contenido escrito de cada episodio, solo tenéis que escribir en vuestro navegador GonzaloNavarro es y el número del episodio, que en este caso es 324. Así que Gonzalonabarro es 3 24. Ahí también encontraréis el vídeo de la zona código más reciente publicado, es decir, el que he publicado esta semana en la que ha salido este episodio, que es el vídeo 274 y en él aprendes a crear y mostrar como un cartelito de producto agotado le puedes poner realmente el nombre que tú quieras para los productos de WooCommerce. ¿Por qué hacemos esto? Bueno, en WooCommerce tienes varias formas de manejar o de lidiar la experiencia del usuario para cuando hay un producto que está agotado en tu web, que no queda stock, es Entonces, por un lado tienes opción de mostrar a los visitantes que efectivamente ese producto está agotado, pero si lo haces de la forma en la que WooCommerce te permite hacerlo, hasta que el cliente no llegue a la ficha de producto, es decir, a la página de producto del producto en cuestión, vamos, no va a haber un mensaje de que el producto está agotado. Otra opción que tienes es que cuando haya un producto agotado no se muestre directamente en tu tienda, quede oculto. Esto se puede hacer desde los ajustes de WooCommerce, pero en muchas ocasiones no quieres hacer esto porque quieres que el cliente sepa que lo tienes, lo que pasa que no te queda y pues lo vas lo volverás a tener en el futuro. En este caso si lo pones así es porque lo vas a volver a tener en el futuro, si no, pues directamente lo quitas de la tienda. Entonces para que la experiencia del visitante sea mejor y no quede frustrado cuando hace clic en el producto. Y ya una vez que ha hecho clic en el producto ve que está agotado, pues una buena solución es mostrar por ejemplo un cartelito encima de la imagen destacada del producto que muestre pues no hay existencias agotado o lo que le quieras poner. Y eso es precisamente lo que te enseño a hacer con un poquito de código sin plugins en este vídeo de la zona código. Ya sabes que ahí te enseño a usar código sin que sepas código, solo copias, pegas y obtienes el mismo resultado que te muestro yo en el vídeo. Ya sabes que tanto para acceder a los cursos, que hay más de 65, como a los vídeos de la zona Código, que saco uno nuevo cada semana, como al soporte conmigo, como a ofertas y descuentos exclusivos de servicios relacionados con el mundillo de creación y gestión de webs con WordPress y otras otras características que prefiero que descubras por ti mismo, pues puedes suscribirte en Gonzalo Navarro ES. Ahí tienes toda la info, el precio, todo lo que incluye y demás. Bien, una vez vistas las novedades, vámonos ahora con el plugin de la semana que se llama Cool Timeline. Como su nombre indica, te permite crear una línea de tiempo cool. ¿Imagínate, no lo sé, que quieres mostrar? Pues el histórico de los cambios que has hecho en un producto digital que estás vendiendo. Pues puedes hacer esta línea de tiempo. Tiempo que la puedes poner o vertical u horizontal y que te queda como animada y es un recurso visual interesante o que quieres poner en la página de Sobre Mí, por ejemplo, la página de nosotros. Si eres una empresa, pues la típica historia de cómo empezaste y hasta dónde has llegado ahora, pues lo puedes hacer. Es una forma chula visual de mostrarlo. Entonces, este plugin además es bastante popular para lo específico que es. Está activo en más de 20.000 webs con WordPress y además tiene muy buenas valoraciones. Así que echadle un vistazo si buscáis algo de este estilo. Si, de nuevo, se llama Cool Timeline, pero ya sabéis que lo tenéis disponible en Gonzalo Navarro es 324. Perfecto. Ahora sí, vámonos con el tema central de este la combinación de Astra Pro y Gutenberg para el diseño de tu web. Y comenzamos con el por qué. ¿Por qué os planteo este combo, esta combinación de la versión Pro de Astra más Gutenberg? Bueno, la planteo así porque realmente se complementan. El editor de Gutenberg, seguramente ya lo conocerás, es el editor que viene ahora con WordPress y que busca que puedas crear contenidos de una forma mucho más visual. ¿Y como realmente vamos construyendo? Pues se considera un Page Builder, un constructor de páginas. ¿Qué pasa? Que realmente, en cuanto a constructor de páginas tiene muchas limitaciones si lo comparamos con plugins específicos pensados para construir páginas de forma visual en WordPress, como pueden ser Elementor Pro y otros muchos. La semana pasada publiqué un episodio sobre cómo elegir el mejor constructor visual y ahí menciono los más populares, digo qué características tiene cada uno, entonces no me voy a adentrar mucho en ello. Entonces, ¿Qué pasa? Que muchas de estas limitaciones, si tú tienes la versión Pro de Astra, pues dejan de ser tales, dejan de ser limitaciones porque Astra Pro las incluye. Por ejemplo, con Astra Pro puedes diseñar partes estructurales de la web qué son partes estructurales, la cabecera, el pie de página, páginas de archivo, como puede ser la página de blog, diseñar cualquier cosa y colocarla en cualquier lugar, puedes decir pues voy a diseñar una llamada a la acción y voy a hacer que aparezca debajo del menú de navegación en todas las páginas de mi web. Esto puedes hacerlo por ejemplo con la versión Pro de Astra, que es una cosa que constructores visuales como Elementor Pro te permiten hacer. Entonces si tú prefieres no utilizar un Page Builder de estos como te digo, Elementor Pro u otros, pero quieres tener estas posibilidades de diseño estructural o de mostrar contenido condicional, por ejemplo esto que te decía de crear cualquier cosa para mostrar donde sea, puedes hacerlo condicional, puedes decir que solo quieres que se muestre en las entradas o en las páginas de archivo o en la página de inicio. Entonces esta parte seguramente en la mayoría de casos sea lo que la gente que está acostumbrada a utilizar este tipo de características no se decante por utilizar el editor de Gutenberg y si otras soluciones diferentes. Entonces voy a hacer un poco un repaso por todo lo que te ofrece Astra Pro, por si estás, porque me consta que hay mucha gente pensando en hacer este cambio o que no tiene muy claro qué camino tomar en este sentido de qué elegir para empezar a poder diseñar su web, construirla y demás. Entonces a ver si con este repaso y mi opinión final pues te sirve para que tomes tu decisión. Bien, ¿Qué te ofrece Astra Pro? ¿Esta versión Pro de Astra? Primero es interesante que conozcas lo que te ofrece la versión gratuita y ya digo que publiqué un episodio, el 320, que os dejo enlazado con una review completa de la versión gratuita de Astra. Comencé explicando cómo es un Thing rápido, ligero y con muchas posibilidades de diseño y luego ya fui hablando de todas las opciones de personalización que tiene, las integraciones que tiene con plugins de ecommerce, sobre todo lo bueno que es en cuanto al rendimiento y mi opinión que es muy positiva de Astra, Así que si quieres escucharlo, ya digo, es el episodio 320, puedes buscarlo o ir a las notas de este programa y ver un enlace directo o ir a GonzaloNabarro es 320. Pero más allá de eso, ¿Qué características te ofrece si compras la versión Pro? Bueno, en primer lugar te va a dar más variedad del diseño general de tu web, por ejemplo, tienes mucha más variedad de tipografías con más de 800 fuentes de Google que puedes utilizar en cualquier lugar y con mucho más control que en la versión gratuita. Lo mismo que ocurre con las tipografías, te va a pasar con los colores. Si bien la versión gratuita trae opciones para que elijas colores en determinadas partes, cuando te pasas a la versión Pro te encuentras con muchísima más variedad y control en cuanto a los colores de cada una de las zonas de tu web. Básicamente vas a poderlo controlarlo a nivel global con mucho más detalle. Lo mismo con los fondos, lo típico, si quieres poner una imagen o un color de fondo en distintas zonas de tu web con mucho más control, con la versión Pro de Astra lo vas a poder hacer. Entonces digamos que la versión Pro de Astras lo que te va ofreciendo es que tengas control granular sobre el diseño de la web. Por eso digo que sustituye o podría sustituir si así lo quieres, características que normalmente vienen con constructores visuales que añadimos aparte, ya digo, como Elementor Pro, etcétera. En esta línea te ofrece también, y esto es una de las cosas de las que estoy seguro por la que la gente que a lo mejor duda si pasarse a la versión Pro de Astra, digo cuando ya está usando la gratuita, y es el diseño del blog. ¿Por qué? Porque puedes controlar el diseño de la página de blog donde muestras las entradas, las últimas publicaciones y esto es algo que la gente siempre quiere hacerlo. Entonces esto sí que viene limitado en la parte gratuita, pero en la parte Pro tienes control sobre cómo se va a mostrar, por ejemplo la lista de entradas, si va a ser una lista normal, si va a ser en formato cuadrícula, lo típico en columnas o en formato masonery, lo típico que dependiendo del espacio que ocupa cada una de esas publicaciones, pues se va adaptando como si fuese un Tetris, en lugar de quedar siempre con la misma altura y el mismo espaciado. Otra de las características que estoy seguro que hace mucha gente decantarse por la versión Pro es la posibilidad de crear megamenús, los mega menús. Ya sabéis que son los menús, los más típicos, son los que te puedes encontrar en las tiendas online, muy potentes en cuanto a cantidad de productos, que están muy categorizados. Entonces tú te vas a la parte de menú y como que se te abre prácticamente en toda la pantalla un menú enorme en Amazon pasa esto por ejemplo, y tú pues ahí puedes ir viendo todas las categorías, dentro de una categoría otra categoría. Esto es un mega menú, un menú muy grande y Astra Pro te trae la característica para que los puedas crear, los puedas diseñar con control total, además combinado con la posibilidad de poner colores, tipografías, fondos y demás, pues imagínate todo el control que tienes a la hora de crear o de diseñar tus mega menús. Por cierto, todo esto que estoy comentando lo vemos en el curso de Astra. Luego en líneas generales mejora características que venían en la versión gratuita. Por ejemplo la versión gratuita podemos diseñar tanto la cabecera de la web como el pie de página, pues con la versión Pro tenemos más opciones en cuanto a control. La gratuita es súper completa, no es como por ejemplo la característica de diseñar el blog que te viene muy limitada en la gratuita, sino que en este caso para, ya digo, el diseño de la cabecera, que ya sabes que es la parte de arriba que compone la parte de el logo o el título de tu web con el menú de navegación y luego puede que haya algún menú encima, algún menú debajo, toda esa zona es la cabecera de la web. Y el footer, pues el pie de página donde solemos poner los típicos enlaces a redes sociales, los enlaces a políticas de privacidad, a veces incluso para el SEO se ponen enlaces a otras zonas de la web, lo que serían menús de navegación que también se pueden poner abajo, etcétera. Pues la versión Pro desata más características como tener más opciones de layout, como por columnas o por disposiciones, poder elegir entre más opciones y luego en la parte de la cabecera pues cosas como por ejemplo dejarla fija, hacerla transparente, ese tipo de detalles. Después tienes una característica muy interesante que se llama cabeceras de página y esto se utiliza mucho para, imagínate que en una landing page, en una página de venta, quieres poner al principio la típica imagen que va a pantalla completa, que ocupa todo el ancho con un vídeo o un botón para que alguien se apunte a lo que sea, lo típico. Pues esto la versión Pro de Astra te trae una zona que te permite diseñarlo y después mostrarlo en las páginas que tú quieras. Pero en este sentido de crear lo que quieras y mostrarlo donde quieras, seguramente la joya de la corona. Lo que a nivel de control de diseño estructural puede empezar a competir con, pues ya digo, Elementor Pro, Divi, etc. Es la característica de diseño del sitio. Aquí yo lo que digo es que puedes crear lo que sea para mostrarlo donde sea y además de forma condicional. ¿Por qué? Porque puedes aprovechar lo que se conoce como hooks, que son, la traducción sería gancho y viene bien para explicarlo porque básicamente Astra Pro crea, digamos a nivel interno, a nivel de código, unos ganchos que están colocados por toda la web. Entonces puedes tener por ejemplo un gancho encima de la cabecera, otro en la cabecera, otro en la parte del logo, otro antes del contenido, otro en el contenido, otro cuando termine el contenido, y tú dirás y bueno ¿Y para qué quiero estos ganchos? Pues para colgar lo que quieras. Cuando digo lo que quieras me refiero a diseños que tú crees, a contenidos que tú crees. Entonces más allá de poder estar en una página, editarla y ponerle lo que quieras, aquí digamos tenemos control sobre el diseño general de la web, sobre todo nuestro thing, de modo que es como si estuviésemos desarrollando a nivel de código, pero lo estamos haciendo visual y colocándolo en zonas estructurales de nuestra web a la que no tenemos acceso cuando damos a editar un contenido. Por ejemplo, imagina que quieres poner una llamada a la acción para que la gente se apunte a tu newsletter después del cuarto párrafo de todas las entradas de tu blog. Con Astra Pro la puedes crear, puedes crear esta llamada a la acción para que la gente se suscriba a tu newsletter, además de forma visual y luego con las opciones le dices quiero que me muestres esto solamente en las entradas y eso después del cuarto párrafo y se te muestra en todas, no tienes que ir lógicamente una a una a ponerlo. Y esto es sólo un ejemplo. Otro ejemplo es que tú puedes poner por ejemplo, imagínate la típica barra que te sale cuando hay una oferta en una web, que accedes a la web y ves arriba del todo, encima de la cabecera, encima del menú de navegación, del logo y de todo eso, una barra y pone durante 24 horas 50% de descuento en mi producto, haz clic aquí. Pues esto lo puedes hacer también con Astra Pro, además con la parte del tiempo puedes poner que esté solo disponible hasta X día y ya después deja de aparecer, o si tienes woocommerce puedes mostrarlo en la página de tienda, lo que quieras, donde quieras o en la página de producto también, lo que quieras, donde quieras. Si tienes muchas posibilidades. Le dedico una clase en el curso de Hasta Pro a esto, por si quieres profundizar. Vamos, si estás suscrito y quieres profundizar y es muy potente, por ejemplo, Generate Press Pro también tiene esto, pero no es tan visual. Puedes crearlo, tienes una zona donde lo haces, pero lo haces con HTML, no hay tanto control condicional. Hasta Pro tiene esto mejor conseguido. Y bueno, y muchas más características, como por ejemplo la posibilidad que te comentaba antes de dejar la cabecera fija. Lo típico, que puedes poner un iconito para que cuando alguien hace scroll va mucho hacia abajo de la web, le pueda dar a ese botoncito y subir hacia arriba. Tienes mucho más control, ya que te comentaba antes sobre tipografías, colores, fondos. Pues también de espaciado, que esto es muy importante. En la versión gratuita puedes controlar el padding y el margin, pero no de todo, todo, todo. Con la versión Pro esta característica se te incluye en prácticamente todos lados. Y luego, pues las integraciones que trae para WooCommerce, para Eddy, para Lifter LMS, para LearnDash, vienen mejoradas. Con la versión Pro tienes más opciones. Tienes una opción si te dedicas a hacer web, a convertir el tema Astra en marca blanca, es decir, que puedes hacer como si fuese un desarrollo tuyo propio a medida y presentárselo así al cliente. En fin, así muchos detallitos que están muy interesantes. Y por cierto, cada una de estas características es un módulo que activas y desactivas en función de si lo quieres o no. De modo que si tú no vas a usar los Mega menús, no tienes por qué tenerlos activos. Y esto también es una cosa que me gusta mucho, porque no tienes que tener sí o sí todas las funcionalidades habilitadas, salvo que las uses, con lo cual en cuanto a rendimiento es mucho mejor. Bueno, entonces, ¿Merece la pena utilizar Hasta Pro o no? Vale, para esto puedes valorar cosas como por ejemplo el precio, que es desde 49 dólares. Y luego si quieres más opciones, sobre todo en cuanto a plantillas prediseñadas, que básicamente te dan 180 plantillas premium extra, pues tienes un bundle que vale 169. Y luego tienen otro plan que es para si quieres más de sus plugins, quieres añadirlos, pues tienes otro que bueno, que si queréis podéis ir a la página de precio de Astra y verlo, pero eso ya se sale, digamos que te trae como cosas extra, pero vamos, desde 49 dólares lo puedes utilizar, o sea que es al año, o sea que es un precio asequible. Luego tiene una opción Lifetime, es decir que la pagas una vez y lo tienes para siempre, que esto cada vez más lo quitan, los plugins, los themes y eso cada vez más lo quitan y a mí me gusta mucho las empresas que lo dejan, porque al final si lo vas a usar mucho y sobre todo para muchas webs, tener una opción de pagar una vez y luego utilizarlo para siempre, pues es una pasada. La opción Lifetime por ejemplo es de 239 dólares en adelante, tienes la de Astra Pro y luego los bundles que te digo, entonces es un detalle que puedes tener en cuenta si te merece la pena según tu caso el precio o no. Después si le das importancia a la parte del diseño estructural, ya sea pues eso de toda la cabecera, de poder poner el diseño que sea donde sea, pues aquí es donde empieza a merecer la pena utilizar Astra Pro, pero no siempre, porque por ejemplo si tú tienes Elementor Pro y usas Elementor Pro y quieres utilizar Elementor Pro, esas características ya te las da Elementor Pro, entonces aquí no merece ya tanto la pena. Sin embargo si quieres usar como digo todo esto estructural y lo vas a combinar con Gutenberg, pues ahí ya sí sería una combinación ideal. Gutenberg Max, Astra Pro te dan muchísimo control en cuanto al diseño. Después no quería dejar terminar este episodio sin hablaros de alternativas, porque no es que Astra Pro sea el único en su especie, hay temas similares que ofrecen cosas similares y de los que además también tenéis cursos, por ejemplo Generate Pro, Generate Press Pro, que ya lo he mencionado, okdenswp, la versión Pro también es muy similar a Astra, de hecho cuando lo crearon estoy seguro de que se fijaron en Astra para hacerlo, lo que pasa que han ido diferenciandose un poco, cambiando algunas cosas, pero en general son similares. Tengo contenido, si vais a Gonzalo Navarro podcast y buscáis GeneratePress o Kadens WP, ahí tengo contenidos gratuitos en el podcast donde hablo de ello y si los queréis saber cómo funcionan más a fondo, pues también tenéis un curso de cada uno dentro de la suscripción. Bueno, espero que esto te sirva para hacerte una idea de lo que te puede ofrecer hasta Pro y de si merece la pena que lo compres, de hecho incluso si quieres lo puedes probar primero ya sabes que si estás suscrito para que puedas seguir el curso te dejo la versión pro para que la instales y lo pruebes y si aún no lo estás, pues ya sabes, pásate por Gonzalo Navarro, es ahí vas a poder ver toda la relación de cursos, toda la relación de vídeos de la zona código y la posibilidad de apuntarte por solo 10 euros al mes sin permanencia y encima te doy 15 días de garantía. Si estás esos días y decides que no es para ti, me contactas y te hago la devolución del dinero sin preguntas. Nada más por este episodio. Nos seguimos escuchando. Adiós.