429 | Q&A: contenido simulado, donaciones recurrentes, evitar !important en css, autocompletar en LearnDash y poner botón flotante

En el episodio 429 de WordPress Semanal hablamos de cómo crear contenido simulado en tu web, de cómo aceptar pagos recurrentes que no estén asociados a un producto, de cómo evitar el uso de important en CSS y para qué se usa esto, cómo puedes autocompletar las lecciones en LearnDash y cómo poner un botón flotante en tu web enlazado a lo que quieras. Vamos allá. Hola, Hola, soy Gonzalo Navarro y Bienvenidos al episodio 429 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y hoy tenemos un Q a un episodio de preguntas y respuestas, o como dicen los de YouTube, un ask. Y como siempre he rescatado 5 consultas que he recibido a través del formulario de soporte que tienen disponible los miembros y que si tú no eres miembro y quieres tener acceso a este soporte, pues solo tienes que apuntarte en Gonzalo Navarro, es porque está incluido con el resto de la formación y el acceso a la comunidad privada en Telegram. Así que vamos a ir con estas preguntas, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues hace muy poquito, ya lo comenté en el episodio pasado, pero tenéis nuevo curso, o mejor dicho, un curso actualizado, prácticamente rehecho desde cero, que es el curso de Protección de datos y cookies. Está actualizado a la interpretación más reciente de la norma y con cosas nuevas que han salido y que podemos aprovechar, como por ejemplo chat GPT que nos permite generar textos legales, por ejemplo. De hecho en la clase dedicada a ello, además de decirte qué profesionales te pueden ayudar con esto, si prefieres contratar un profesional, ya sea un abogado o un experto en protección de datos, pues además de eso te dejo un prompt para que puedas generar tus propios textos legales directamente con chat GPT. Por cierto, si te interesa este tema, en la newsletter de WordPress semanal a la que te puedes apuntar de forma gratuita en Gonzalo Navarro es lista. La semana pasada envié una lista de puntos, un checklist de lo que debe incluir tu aviso de cookies para que sea legal hoy en día, porque han ido actualizando no la norma, sino la interpretación de la misma. De todas formas, esto está cubierto también en el curso por si eres miembro. Si no estabas en la newsletter te puedes apuntar, ya digo en Gonzalo Navarro es lista y escríbeme y te reenvío ese correo porque ya no han recibido los suscriptores actuales. Y además te vas a llevar el ebook o la guía gratuita de los cinco pasos para construir una una web perfecta con WordPress. Así que no sé a qué esperas si aún no estás dentro. Bien, esto por un lado, también hay un nuevo vídeo de la zona código, pero no lo voy a comentar ahora porque tiene relación con una de las preguntas que he seleccionado, así que lo comentaré más adelante. Pero antes vámonos con el plugin de la semana que se llama Post Type Switcher. Este plugin te permite transformar cualquier tipo de contenido que tengas en tu web, una entrada, una página, una descarga, un producto, en otro tipo de contenido. Por supuesto tiene que ser un contenido que esté disponible en tu página web. Si Tú no tienes WooCommerce instalado ni nada para que tengas el tipo de contenido productos, no vas a poder transformar una entrada en un producto, pero siempre que digamos lo tengas disponible en tu web vas a poder transformarlo tanto a nivel individual, es decir, te vas a una entrada específica y le dices la quiero transformar en una página, como a nivel global, a nivel de forma masiva, quiero que todas estas entradas pasen a ser página. Si te interesa esto último, hace poco publiqué un vídeo de la zona código donde precisamente explicaba cómo convertir entradas en página, páginas y viceversa. En este caso es para hacer todo de forma masiva, que todas las entradas de una web pasen a ser páginas o que todas las páginas pasen a ser entradas. Si esto es lo que queréis hacer, pues con código lo podéis hacer muy fácil, realmente es con un comando en la base de datos y así os ahorráis un plugin, Pero si no es el caso, pues tenéis el plugin que os acabo de comentar de nuevo, Post Type Switcher, pero para acceder a su enlace de forma más sencilla ya sabéis que podéis ir a las notas del episodio y lo tenéis ahí, igual que el resto de enlaces y que este episodio en formato esquema, en formato texto, para que lo podáis consultar o anotar lo que necesitéis. Las notas del episodio ya sabéis que están en Gonzalo Navarro, es 429 que es el número de este episodio. Bien, pues ahora sí, vámonos con tus preguntas y mis respuestas. Y comenzamos con la primera de Josep, que va sobre contenido simulado para ver cómo quedaría un thing. Me dice, perdona Gonzalo, pero sigo tu curso y algo no habré hecho bien porque no sé cómo se rellena contenido simulado una vez ya estoy dentro de WordPress. Como no tengo contenido, no veo las diferencias entre los distintos teams. ¿Puedes orientarme sobre cómo poner contenido aleatorio en mi web? Muchas gracias, Josep. Bueno, es normal que no es que yousep aquí se haya perdido nada, sino que no es una característica que venga con WordPress, Entonces no lo puedo explicar en el curso de WordPress básico, ni siquiera en el WordPress intermedio. Es una característica muy concreta, pero se puede hacer. Se puede hacer con el plugin FakerPress, creo que ya lo he comentado en alguna ocasión, de hecho tengo un vídeo de hace bastante tiempo en mi perfil de Instagram que os voy a dejar enlazado, donde explico cómo se instala, cómo se configura, para qué sirve. Y está muy bien porque puedes generar, como dice aquí Josep, contenido aleatorio, contenido de prueba, entradas, páginas, comentarios, usuarios, decidir en cada contenido cuántos párrafos quieres que haya, si quieres que haya imágenes. Es muy completo, está muy bien y yo también lo uso a veces no tanto para el caso de Josep, de comprobar cómo quedaría un thing con contenido ya en lugar de un thing vacío, aunque esto ha mejorado bastante. Bueno, tú vas a la parte gratuita de probar los teams de, por ejemplo, marcas un theme y en lugar de activarlo, haces como una especie de vista previa, pues ahora los themes van trayendo como una demo que lo hace más visual. Antiguamente no, Entonces, si tú no tenías contenido en tu web, pasa lo que dice Josep, que no llegas a apreciar cómo se van a ver, por ejemplo, la página de blog o este tipo de cosas. Entonces, bueno, sea lo que sea, lo vais a usar para eso o para, como en mi caso, hay veces que en mis webs de prueba para las formaciones, pues me gusta rellenar con contenido, o si quiero comprobar alguna característica relacionada con usuarios, pues genero usuarios de prueba, este tipo de cosas como para pruebas mías o para rellenar en las webs en las que os explico las cosas de los cursos. De nuevo se llama Faker Press y recordad que lo tenéis en las notas del episodio. Perfecto. Dejamos la pregunta de Josep y nos vamos con la de Jose Antonio, que va sobre recibir donaciones recurrentes o un pago no asociado a un producto. Me hola Gonzalo, tengo un cliente que da clases de música a alumnos sin coste por así decirlo, y quiere poner una explicación de ello, lo que hacen, etcétera, para que empresas, gente en general, puedan pagar una cuota o suscripción mensual para ayudar a realizar dicha actividad. No es que quiera una suscripción para acceder o dar nada a cambio en la web, sino digamos que es como una donación pero con pago mensual recurrente. ¿Cómo lo puedo hacer? Bueno, hay varias formas de esto que quiere hacer Jose Antonio, que es básicamente tener una opción para cobrar no asociada a un acceso en particular y que además se puede hacer recurrente. Cada vez hay más opciones, por ejemplo, tú te podrías ir, si tienes una cuenta de Stripe, tú te puedes ir a Stripe y crear un enlace de pago recurrente, lo pones en la web y ya está. Pero también hay muchos plugins para aceptar donaciones que por ejemplo se vinculan con Stripe o con Paypal o con las dos, incluso algunos que tienen opciones un poquito más avanzadas para que la donación sea fija, o sea elegir entre varias donaciones o incluso sea una aportación elegida por la persona que va a donar. Todo esto lo explico en detalle en un episodio del podcast el 236, donde hablo de cómo aceptar donaciones en WordPress. Uno de los plugins que más me gustan a mí es uno que se llama Tip Yar, lo que pasa que no es tan popular como otros, entonces siempre me da, lo he usado para un par de clientes y siempre me da eso de este plugin no acaba de despegar en cuanto a instalaciones activas y no sé si en algún momento lo acabarán abandonando, pero de momento funciona, yo lo he usado y se vincula con Stripe. Está muy bien, muy sencillo de utilizar, pero vamos, en el episodio hablo del top 4 de plugins para aceptar donaciones en WordPress y también un poco en general de las diferencias entre aceptar donaciones o aceptar pagos normales y demás. Lo dejo enlazado, pero si queréis buscarlo en vuestra aplicación de audio, pues es el episodio 236. Por cierto, os dejo también el enlace al curso de Stripe donde se enseña a configurar vuestra cuenta. Y no vemos específicamente lo de los links de pago de Stripe, porque eso es una característica que sacaron más adelante, pero bueno, vemos toda la configuración y la parte de configurar los enlaces de Stripe pues no es demasiado complejo. Si queréis que amplíe el curso poniendo creando una clase para ello, contactadme desde vuestra cuenta y así lo tengo en cuenta. Perfecto, vámonos con la pregunta 3 que es de Mirko y que va sobre cómo evitar usar Important en CSS. Me Hola Gonzalo, a veces me encuentro con el problema de que no me coge el código CSS y en muchas ocasiones tengo que forzarlo con el Important, cosa que quiero evitar. ¿Alguna sugerencia? Gracias de antemano. Saludos. Sí, a ver, esto es un tema. Primero, Important se utiliza dentro del CSS para darle la máxima importancia posible, la máxima especificidad. Es como una trampita para saltarte todas las reglas de herencia y de especificidad del css y decir esta es la propiedad y el valor a los que quiero que le hagas caso y te saltas, digamos, las leyes del css, porque el CSS tiene en sus propias siglas la clave y la C es Cascading y luego es style sheet, hoja de estilo en cascada. Y esto de en cascada quiere decir que los estilos se van heredando de un elemento a otro. Por ejemplo, imagínate que yo tengo una página muy sencilla donde tengo las etiquetas body, que son el cuerpo que me dicen, pues aquí en todo esto va el contenido de mi web, y dentro de ese cuerpo imagínate que tengo un párrafo y debajo de ese párrafo imagínate que tengo una lista. Ahora imagínate que yo por css le digo quiero que el cuerpo tenga color rojo. ¿Qué es lo que va a hacer esto? Que todos los elementos que estén en el cuerpo van a estar en rojo, es decir, el párrafo va a estar en rojo, los elementos de la lista van a estar en rojo porque están dentro del body, están dentro del cuerpo. Ahora imagínate que yo dejando esa declaración de este Css, dejando eso que he puesto de que todos los elementos del body tengan un color rojo, ahora creo una nueva declaración de css donde digo que el párrafo quiero que sea azul. ¿Qué es lo que va a ocurrir? Pues hasta ahora el párrafo y las listas estaban heredando el color rojo del cuerpo, porque están contenidos dentro del cuerpo. Y si yo expresamente no le doy uno estilo va subiendo hacia arriba y va viendo qué elemento anterior tiene alguna regla de css aplicada para poder cogerla. Pero en este caso, como he sido más específico y le he dicho que el párrafo sea azul, pues el párrafo va a ser azul y el resto de los elementos van a seguir rojos porque no he sido específico. Pero si ahora voy y soy específico con la lista y le digo que los elementos de lista quiero que sean de color negro, pues por mucho que yo le haya dicho que los elementos del cuerpo sean rojos, como estoy siendo más específico, los elementos de lista van a ser negros. Y voy más allá, si a uno de esos elementos de lista le pongo una clase y lo llamo especial y luego a través de CSS le digo que los elementos que tengan la clase especial sean de color verde, pues ese elemento específico de lista, a pesar de que yo he dicho que los elementos de lista en general sean de un color, este en concreto especial al que le he dado una clase de Css, por la regla de la especificidad del Css va a tener otro color. Te acabo de resumir la clase del curso de Css donde hablo de herencia y especificidad, donde vemos todo esto de forma visual, hacemos ejemplos prácticos y te dejo documentos para que descargues y tengas mucho más claro pues todo esto de la herencia y la especificidad que es una característica fundamental dentro del CSS. Entonces, si tú estás editando CSS y te ves todo el rato teniendo que poner important, es que no está siendo lo suficientemente específico a la hora de declarar la parte a la que le quieres dar unos estilos determinados. Lo más fácil es meterle important porque digamos que te olvida, ¿No? Tienes que investigar, vale, este elemento justo, pues a lo mejor tiene una clase, pero además de una clase tiene un identificador específico donde ese identificador pues tiene unas clases y si no modifico el identificador pues no va a hacer caso. Entonces claro, o porque uno no sabe llegar porque no está acostumbrado a investigar el código de una web o porque no tiene muy en cuenta esto de la especificidad, pues coge y le pone important y a volar. Pero esto es un problema porque empiezas a llenar tu web de important y ya rompes la mecánica del CSS y va a llegar un momento en que va a ser totalmente insostenible. Recomiendo mucho este curso de CSS básico y sobre todo esta clase. Si ya tienes cierta idea, pues esta clase de herencia especificidad viene muy bien porque es uno de los conceptos que hay que entender para que empieces a manejarte mucho mejor con esto del lo dejo enlazado tanto la clase y luego también os dejo una calculadora de especificidad que también explico su uso en el curso. Pero vamos, tú vas poniendo ahí distintos elementos y te dice una puntuación para que tú sepas qué es más específico si una cosa u otra. Bien, dejamos la pregunta de Mirko, vamos con la 4 que es de Jorge y que va sobre cómo autocompletar clases de LearnDash. Me dice hola, ¿Cómo podría hacer que se diera como completada la lección automáticamente una vez finalizados los temas incluidos en ella? Tengo muchos usuarios que se pierden y una vez completados los temas no saben que tienen que volver a la lección y darle a completar. Hay mucho texto y tienen que bajar hasta el final de la lección y no es intuitivo que haya que hacerlo. ¿Cómo podría pasar a la siguiente lección finalizando con éxito los temas que están incluidos en ella sin tener que darle a completar la lección? Muchas gracias por la ayuda. Bueno, aquí primero Jorge me habla de learndash, que es un plugin para crear cursos. Te permite crear una plataforma de cursos en tu web. Puedes cobrar por ellos, puedes tenerlo dividido por lecciones, puedes poner cuestionarios, exámenes. Una de las soluciones más completas para crear una academia de cursos online. La parte de cobro, generación y gestión de los usuarios no es tan completa como la que pueda tener WooCommerce, por eso hay mucha gente que los usa los dos, pero en muchos otros casos es suficiente con el enlace y sus extensiones. Bueno, esto era por ponerte un poco por si no conocías el engagement. La pregunta de Jorge, LearnDash ofrece la opción de darle a completar y así vas a siguiente, lo que pasa que sus alumnos no le están dando a completar porque como cada lección tiene distintos temas, pues no le van dando y él tendrá puesto que no puedes ver la siguiente clase hasta completar la anterior. Entonces para esto hay varios plugins, por ejemplo el de Uncanny Toolkit, que es un plugin que añade un montón de características extra para LearnDash, trae esta opción. Pero si solo quieres esta característica sin tener que añadir todas las demás o sin tener que añadir el típico plugin con muchas opciones, pues he encontrado uno bueno, lo encontré en su momento cuando me preguntó Jorge, que se llama precisamente autocomplete LearnDash Lessons and Topics. Como su nombre indica, autocompletar lecciones y temas de LearnDash, así que es gratuito y los que necesitéis esto lo podéis probar. Perfecto, dejamos la pregunta de Jorge. Por cierto dejo también enlace al curso de LearnDash que es uno de los más populares de la membresía. Como digo, dejamos la pregunta de Jorge. Nos vamos con la quinta y última de Tomás. Bueno, me pone toma. Mucha gente escribe sus nombres sin tilde, no sé si porque en determinados países no se usa o porque lo hacéis así, me resulta. Me resulta raro. Bueno, yo de todas formas le voy poniendo tilde a todo lo que me mandáis sin tilde, como digo. ¿La pregunta quinta y última de Tomás cómo poner en WordPress una burbuja o icono flotante para llamar por teléfono? Aquí saco porque Tomás me hizo como varias preguntas en una, entonces saco expresamente la que me hacía acerca de esto. Me dice por último me gustaría encontrar un plugin que recomiendes para poner la burbuja flotante de llamar al teléfono de contacto sin Elementor Pro. Aquí me dice sin Elementor Pro porque me estaba hablando de que lo usaba Elementor y demás. Bueno, básicamente quiere el típico botoncito flotante o burbuja flotante que aparece en alguna esquina de la web para llamar por teléfono. Entonces esto es lo que te comentaba al principio. Acabo de sacar un vídeo de la zona código donde te explico cómo añadir un botón flotante por código sólo con CSS, bueno un poquito de PHP porque hay que crear el elemento, pero los estilos se lo damos todo con CSS, no usamos JavaScript, con lo cual es más sencillo esto si quieres hacerlo por código. Pero hay muchos plugins para esto. Hay uno que se llama bubble menu, es decir, menú flotante o menú burbuja y te permite poner pues o un elemento flotante o varios incluso y ya tú le pones el enlace que quieras. Para poner un enlace de llamar tienes que poner primero tel y luego el número de teléfono dentro de la parte del enlace. Esto lo explico en un vídeo de la zona código, si lo puedes buscar en Google también aparecerá seguro, pero en un vídeo de la zona código te explico cómo crear enlaces para llamar por teléfono, para enviar un SMS, para escribir un WhatsApp, vamos, para que te lo escriban a ti y también para poner para que te envíen un email y que se abra directamente el cliente de correo de la persona. ¿Todo esto tipo de enlaces que muchas veces queremos poner para contacto? Pues os explico cómo en este vídeo que dejo enlazado justo debajo de la pregunta los Q a los episodios de preguntas y respuesta. Los enlaces relevantes están debajo de cada pregunta para que los encuentres más fácilmente. Entonces, por recapitular, opciones para tomás usar el plugin Bubble Menu y ponerle un enlace de tipo teléfono o crear un botón con un poquito de código y poner un enlace de tipo teléfono. Sí, Fantástico. Pues con esto hemos cubierto las cinco preguntas. Recordad que si queréis soporte como este, formación paso a paso para crear y gestionar webs con WordPress de forma profesional y acceso a la comunidad privada de Telegram para recibir apoyo y apoyar a otros usuarios de webs con WordPress, pues solo tenéis que ir a Gonzalo es y ahí tenéis todos los contenidos y toda la info para apuntaros. Nada más por este episodio, nos seguimos escuchando. Adiós.