159 | GeneratePress y otros buenos themes para implementadores WordPress

En el episodio 159 de WordPress semanal te hablo de algunos de los mejores Themes para implementadores WordPress y pondremos especial atención en GeneratePress. Vamos allá. Hola, hola, soy Gonzalo de Gonzalonabarro. Es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress principio a fin. Porque ya lo sabes, no hay mayor satisfacción ni mejor inversión que la de crear y gestionar tu propia web con WordPress. Y si además de gestionar tu propia web quieres hacerlo también para otros, o quieres poder tener un control extra en la creación de tu web sin necesariamente tener conocimientos de desarrollo, pues este episodio te va a interesar mucho. Pero antes de adentrarme de lleno te voy a comentar las novedades que está pasando en Gonzalo Navarro es esta semana. Y tenemos dos grandes novedades. Una es un nuevo curso, ya sabéis que cada mes saco un curso nuevo o una renovación completa de un curso anterior. Y este mes tenemos el curso de GeneratePress, que es un curso enfocado a creadores de páginas web que buscan la combinación entre posibilidades a nivel de diseño, pero sin renunciar a la ligereza, al buen desarrollo y a la seguridad de un buen thing. Es un curso completísimo que se compone de 14 lecciones y del que tenéis el enlace en la parte dedicada a ello, en la parte de enlaces de las notas del episodio. Os voy a hablar mucho de GeneratePress en este episodio del podcast, así que tampoco quiero repetirme si os interesa. Como digo, una vez escuchado el episodio, pues vais a las notas del programa y veis el curso, las lecciones de las que se compone y demás. ¿Más novedades? Pues como cada semana tenemos un nuevo vídeo de la zona código. En este caso os enseño a poner patrones SVG de fondo de tu web. Y lo hacemos en lugar de con imágenes normales, entre comillas, pues lo hacemos con SVG. Se dice en inglés SVG, que es un formato de imagen muy muy muy optimizado para la web, pensado de hecho para la web, que te permite a través del código modificar esa imagen. Puede sonar un poquito complejo, pero como vemos en el vídeo hay herramientas que nos lo facilitan y que no tenemos que andar toqueteando mucho código para conseguir resultados increíbles. ¿Entonces, con esto qué consigues? Pues puedes crear patrones muy chulos y y ponerlos de fondo de tu imagen manteniendo un rendimiento de la web súper óptimo, el más óptimo posible. Y cuando digo patrones de fondo me refiero pues por ejemplo un fondo con nubecitas, un fondo con estrellitas, un fondo con una línea pues que no sé, que corte la mitad de la pantalla o incluso distintos dibujitos, ¿De acuerdo? Bueno, vemos varios ejemplos en este vídeo que te recuerdo es el vídeo 110 de la zona código y que al igual que los cursos está incluido si eres suscriptor. Así que si quieres echar un vistazo a esto y mucho más, pues puedes ir a gonzalonavarro es cursos y ahí tienes toda la información. Fantástico. Pasamos ahora al plugin de la semana que es para permitir a los usuarios que se registran en tu web elegir el rol que van a tener. Ya sabéis que WordPress nos permite crear usuarios con distintos roles, incluso si añadimos más plugins o con ciertos plugins que podamos utilizar como Yoast, pues se nos añaden roles extra de usuarios. Y cada rol tiene una serie de accesos a la web y tiene una serie de capacidades. No va a tener el mismo acceso ni la misma capacidad un suscriptor de tu web que un editor, o que un colaborador, o que un autor, o que un administrador. Y entonces este plugin, el plugin WP Rows at Registration, permite a las personas que quieran registrarse en tu web poder elegir un rol de usuario concreto, pero solo se van a mostrar los roles que tú quieras. El usuario que se vaya a registrar pues va a tener una lista de opciones de los roles, pero tú habrás preseleccionado esos roles. Con esto pues tendrás control total y bueno, tiene más opciones para aceptar estos registros o no. Es un plugin que está muy bien si por ejemplo tienes una web de suscripción o sobre todo si tienes una intranet o una web donde accede personas del equipo. Para este tipo de cosas puede llegar a ser un plugin muy, muy muy útil. De nuevo se llama WP Rose at Registration, pero tienes el enlace en las notas del programa. Recuerda que este es el episodio 159. Y ahora ya sí, vamos con el tema Central del Programa, GeneratePress y otros buenos themes para implementadores. Y en primer lugar, para asegurarme de que estamos todos en la misma página, vamos a hablar de qué es esto de implementadores. ¿Qué quiere decir un thing para implementadores y por qué se hace esta distinción? Bueno, implementador es un concepto que cada vez se usa más, está popularizando mucho para diferenciar las distintas capacidades de la gente que se dedica a crear webs. Entonces, como WordPress tiene un componente muy fuerte, además de haz las cosas tú mismo, porque tiene un panel de gestión muy fácil de usar, porque cada vez hay más themes y más plugins que te permiten tener un control sobre el diseño brutal, pues entonces se ha ido haciendo esta distinción entre los que son capaces de, a través de código, desarrollar una página web desde cero y los que por el contrario son capaces de hacerlo pero sin usar el código. Entonces ahí se engloba un poquito a la gente pues que conoce WordPress muy bien, con lo cual sabe cómo funciona todos y cada uno de sus ajustes, sabe que WordPress requiere un mantenimiento y cómo hacer ese mantenimiento correctamente, sabe que WordPress requiere una seguridad y cómo llevarla a cabo correctamente, sabe diferenciar entre un theme que te puede dar problemas porque tiene demasiadas opciones o que te puede dar problemas porque no está muy bien optimizado de uno que sí lo está. Sabe diferenciar de cuándo se puede necesitar instalar un plugin o cuándo simplemente con copiando y pegando un poquito de código se soluciona. ¿De acuerdo? Es alguien que tiene experiencia en la creación de páginas webs, que domina mucho WordPress, pero que no necesariamente debe saber desarrollar páginas webs desde cero a través de PHP, JavaScript y CSS o lo que sea. Se podría pensar que en estos casos en los que uno es implementador web hay que usar herramientas visuales para poder elegir el aspecto que queremos y que ello puede llevar a que esas herramientas estén poco optimizadas. Pero no es el caso, porque hay buenos themes que te dan opciones de control sobre el diseño y el funcionamiento y que además están bien desarrollados. Y un muy muy muy buen ejemplo es generatePress, que además suele casar bien con constructores visuales como puede ser Elementor, del que tenéis un curso, aunque no suponen un requisito indispensable. Entonces, cuando digo theme para implementadores me refiero a themes, a temas de WordPress que vienen muy bien para todos aquellos que os dediquéis o os queráis dedicar a crear páginas web sin sin desarrollarlas desde cero. Y como es muy difícil discernir lo bueno de lo malo, te voy a hablar de algunos de estos teams que yo pienso que rinden muy bien si eres implementador. En primer lugar comentarte que en la cuarta clase del curso de WordPress básico ya comento, creo que todos los que te voy a comentar aquí ya los menciono y especifico que son buenos teams por ejemplo si los quieres casar con un constructor visual, aunque no es necesario porque además estos themes te vienen ya con sus opciones para modificar la web y demás. Y algunos de estos themes que seguro que me dejo por el camino son en primer lugar generatePress que tiene un desarrollador que es muy muy top, se llama Tom Osborne, bueno también tiene otros productos interesantes, tiene un plugin que me gusta mucho que se llama WordPress Show Post que ahora mismo ya es muy bueno pero que he visto la fase beta digamos o lo que tienen previsto para siguientes mejoras y desde luego va a ser una auténtica pasada. Pero bueno, su buque insignia es Generate Press. Este theme hiperpopular es muy muy pop utilizado y pone el foco en la ligereza, de hecho su llamada a la acción cuando entras a la web es el thing ligero perfecto para tu siguiente proyecto, esa es su llamada a la acción o digamos su propuesta de valor y combina como digo pues un desarrollo muy bueno con muchas posibilidades de edición e incluso de añadir funcionalidades más fácilmente con su sistema de hooks y filtros del que hablaremos un poquito más adelante. Más además de Generate Press tenemos Storefront que es un fin también gratuito, es de la gente de WooCommerce, de Automatic y también te ofrece muchas posibilidades para crear tus páginas web, en concreto tiendas online suele ser mi primera opción cuando voy a crear una tienda online, así que un zinc muy recomendable del que he dedicado algún episodio del podcast y del que tenéis un curso. Después más en la línea de Generate Press tenemos dos que también se suelen utilizar mucho por este perfil implementador que te comento, uno es Astra que también hace mucho hincapié en su buen rendimiento, pero sobre todo está muy enfocado al que quiere crear webs a través de constructores visuales, de Page Builders o utilizando webs ya prediseñadas, en definitiva la edición sin utilizar código, está muy muy enfocado y ellos así lo explican en su página de venta digamos o su página de promoción del thin apelan claramente a este tipo de público, incluso una de las cosas que ponen es hecho para Page Builders, o sea que te recomiendan que si vas a trabajar con un Page Builder pues este es un thing que te va a facilitar eso y que lo van a tener muy en cuenta Otro theme que también se enfoca a este público objetivo es Ocean WordPress, y este yo lo separaría un poquito porque este sí es un thing ya multipropósito, pensado para que lo uses para crear distintos tipos de web partiendo de este mismo theme, y para mi gusto trae demasiadas opciones. Es cierto que están enfocados también a este perfil de creador de páginas web más implementador, pero para mí incluye cosas que no debería, que se podrían después incluir con plugins o de otra forma, para mí tiene demasiadas opciones, pero sí que lo quería incluir dentro de este tipo de themes porque es muy muy popular, al igual que generatePress y astra por supuesto se integra a la perfección con los Page builders que te he comentado, de hecho lo destacan también en su web que dice que incluso Ocean WordPress es mejor cuando lo usas en combinación con un constructor visual. Pues bueno, estos son los más populares, quizás me esté dejando alguno bueno en el camino, pero son los que digamos más controlo, los que más me he encontrado y con los que si no creando una web desde el principio sí que he trabajado o los he visto todos en webs mías o de clientes. Así que recapitulando, GeneratePress con un desarrollador muy top, Storefront, pensado para tiendas online, Astra, que no lo he comentado, pero una de sus características que quizás lo diferencie del resto es que tiene muy buenas integraciones con plugins de terceros y Ocean WordPress que quizás para mí tiene demasiadas opciones. Y como te digo, en la clase del curso de WordPress, la clase 4 del curso de WordPress básico, comento también algo sobre estos themes, sí, pero como digo, me quiero centrar más en GeneratePress y en pocas palabras es un theme que tiene versión gratuita, pero con una extensión de pago que te añade módulos extra y opciones extra, tiene grandes posibilidades en cuanto al diseño, pero sin renunciar a la ligereza, al buen desarrollo y a la optimización de un buen fin. Yo muchas veces lo pienso como el Génesis, no sé si ya sabéis que yo utilizo Genesis para muchas de mis web, mi web está hecha con Genesis, pues podríamos decir que es el Génesis de los no desarrolladores, aunque por supuesto también puede usarse por desarrolladores, de hecho tiene una opción de hooks y filtros que es genial, que es fantástica. Sí, bueno, esto es un poco generatePress a grandes rasgos y luego te voy a destacar algunas cosas que me gustan. Primero solo vas a usar o solo vas a activar lo que necesites. Esta aproximación me encanta porque como digo en la parte si te descargas o compras la extensión para hacer GeneratePress Premium pues te da la opción de activar una serie de módulos, pero esto es clave, te da la opción, tienes tu versión gratuita totalmente funcional y con opciones suficientes de personalización pero luego si quieres ir más allá pues vas activando los módulos que te digo conforme los vayas necesitando. ¿Y qué componen esos módulos? ¿Hasta dónde podemos llegar con generate 3? Bueno, en primer lugar trae opciones increíble de diseños de pantalla. Puedes diseñar cómo se van a mostrar las partes más importantes de tu web, la cabecera, el cuerpo, los menús, las barras laterales, el footer, el blog, las entradas concretas. Eso en cuanto al diseño, dónde se va a mostrar, qué ancho va a tener, qué espaciado le vas a dar. Pero después tienes muchísimas opciones para personalizar colores, tipografías y fondos de toda la web, de todas estas partes que te he comentado antes, cabecera, body, menús, también puedes coger y personalizar como te digo colores, tipografías y fondos. Después también a nivel de página y post individual tienes ajustes, por ejemplo imagínate que haces un diseño general, personalizas los colores generales y luego a nivel de una página pues quieres que algo sea distinto pues lo puedes controlar también ahí. Si por ejemplo creas una tienda online también tiene un módulo que puedes activar y te permite editar la página de tienda y la página de producto de WooCommerce, algo que es muy muy útil. Otra parte que me encanta tiene una parte que se llama Elements y que está compuesta de tres cosas básicamente te permite por un lado crear cabeceras a medida para que se muestren solo en las partes que tú quieras de la web. Te he dicho al principio que te permite diseñar la cabecera, pero imagínate que por ejemplo en el blog quieres una cabecera diferente, pues te vas, la creas, le dices que solo se va a mostrar en la página de blog y a lo mejor en las entradas y ahora pues siempre en tu cabecera pues a lo mejor puedes poner una llamada a la acción para que la gente se descargue tu ebook o para lo que sea y que sólo se muestre en el blog y en las entradas por ejemplo, o en una determinada categoría o en las páginas de categoría, si ves el poder de esto. Y eso es solo la cabecera, pero también lo puedes hacer con los layout, es decir con la disposición de una página entera, por ejemplo si en las páginas del blog quieres que salga una barra lateral, pero en el resto de páginas no quieres que salga, pues aquí también tienes esa opción para controlarlo. Y luego la opción que te decía más avanzada y es que te permite utilizar hooks y filtros que vienen con generate fresh pero sin escribir PHP, los seleccionas de un listado y ya lo he comentado alguna vez, pero los hooks a mí me gusta explicar lo que son, bueno su traducción a español sería ganchos y me parece bien explicarlo así, son como pequeños ganchos que tienes en toda tu web, por ejemplo un gancho en la parte de la cabecera de la web, otro gancho debajo de la cabecera, otro gancho antes del footer, otro gancho después del contenido, otro gancho antes del contenido, otro gancho después del título del contenido, otro gancho antes del título del contenido. Y todos esos ganchos que están en tu web, tú puedes decidir si quieres colgar ahí cosas y puedes colgar pues más contenido. Por ejemplo lo que te comentaba de si quieres poner una llamada a la acción para que se descargue en tu ebook, pues por ejemplo esto, con un hook o con un filtro tú puedes decir que en todos tus post que sean de la categoría, pues no lo sé, especial, imagínate que tienes unos post que le das una categoría que se llama especial, pues que todos los post que tengan la categoría especial que después del contenido abajo salga una llamada a la acción para que se apunten a tu lista de correo o para que te compren un producto, pues con estos hooks, con estos ganchos tú puedes decir quiero colgar en este gancho, quiero colgar esto, pero después con la lógica condicional le dices pero solo cuélgamelo en ese gancho cuando se trate de la categoría especial de las entradas Y todo esto pues bueno, por supuesto que se puede hacer por código, pero GeneratePress te lo facilita y no tienes que escribir todo ese código PHP para llegar a tener ese control. Y otra de las opciones increíbles de GeneratePress es su biblioteca de sitios prediseñados, y digo sitios y no plantillas porque tienes sitios completos que puedes importar y activar y no me refiero a un child theme, ni como digo a una plantilla de una página de la página principal o de la página de About o de la página de contacto, no, no. Sitios completos. Entonces importas ya una serie de opciones de GeneratePress, porque ¿Como nos permite GeneratePress a través de sus opciones ir controlando todo esto? Pues cuando tú importas un sitio, lo que hace es que importas las opciones para que la web se muestre como debe mostrarse sin que tú hayas tenido que ir cambiando todas esas opciones dentro del personalizador de GeneratePress. Así que también esta forma de hacerlo también es muy óptima, porque no te importa un theme entero extra, sino que simplemente te hace ese autoajuste de las opciones. Hombre, luego si tiene que importar alguna imagen para que se vea igual que digamos en la página de muestra que te ponen, pues te la importan, pero siempre desde un punto de vista del buen rendimiento y de añadir lo mínimo posible. Una opción fantástica que también vemos en el curso. Y por último, si usas un Page Builder, también se integra a la perfección con GeneratePress, sobre todo con Elementor y con Beaver Builder, que actualmente digamos son los que mejor considerados están desde el punto de vista de rendimiento, más prestaciones. Y esta biblioteca de sitios prediseñados, por ejemplo, que te digo, si tú utilizas por ejemplo Elementor, puedes también importar un sitio completo hecho con Elementor, si no los usas no pasa nada, puedes importar sitios hechos simplemente con generatePress, pero luego también tienes toda esa biblioteca de, pues como digo, sitios prediseñados hechos bien con Elementor o bien con Beaver Builder. Y luego una de las opciones interesantes de GeneratePress, y que por eso casa también con los constructores visuales, es que te permite poner de forma muy sencilla para por ejemplo una página a pantalla completa, te permite ocultar el título también de forma muy sencilla, por ejemplo podrías crear un layout, una disposición específica para Page Builders que siempre te pusiese el ancho completo en las páginas en las que usas Page Builder y que siempre te oculte el título, algo que cuando se usa por ejemplo Elementor, pues se suele hacer, se suele ocultar el título que se autogenera para después tú crear tu título más bonito con el constructor y demás. Entonces todo esto te lo facilita generatePress porque te ahorra mucho tiempo a ese respecto. Sí, pues como digo, tienes un curso completísimo Vemos todas y cada una de las opciones de GeneratePress. Si estás apuntado, pues ya puedes ir a tu cuenta y tendrás el curso disponible. Y si te quieres apuntar o le quieres echar un vistazo, pues puedes ir a Gonzalo Navarro es cursos y ahí tienes este y el resto de cursos, todos los vídeos de la zona, código y por supuesto el soporte que también va incluido con la suscripción. Y ya sabes que te invito a que lo pruebes con 15 días de garantía. ¿Siempre te digo lo mismo, entras, lo pruebas, qué te convence? Pues no tienes que hacer nada. ¿Que por lo que sea no quieres seguir? Me contactas, oye Gonzalo, que no quiero seguir. Te hago la devolución de los 10 euros y sin problemas. Así que ya sabes que no hay que renunciar a themes bien optimizados por el mero hecho de no saber desarrollar desde cero un buen thing te va a ayudar. Pero también recuerda que es importante conocer WordPress bien. Te recomiendo el curso de WordPress básico para que empieces con una muy buena base o si ya habías empezado para que la recuperes o para que refresques cosas importantes, porque siempre está muy bien tener ciertos puntos claros para no acabar con una web pues cargada de cosas innecesarias o que no esté nada optimizada para tus visitantes. Y nada más, si te ha gustado el episodio de hoy y quieres ayudarme a que siga creciendo, a que siga creando episodios como éste, ya sabes que puedes aportar tu granito de arena dejándome una valoración en iTunes. No tardas nada, vas a tu aplicación de podcast, buscas WordPress semanal y dejas la reseña que consideres. Si No estás en iTunes pero estás en Ivoox, estás en cualquier otra plataforma también. Muchísimas gracias por la acción que puedas tomar, por un comentario, por un me gusta. Todo suma y te lo agradezco muchísimo. Nada más por este episodio, nos seguimos escuchando. Adiós.