349 | Q&A: 5 hacks en WordPress para hacer más de lo permitido
21 Dec 2022 · 14 min
Episodio 349 del podcast WordPress Semanal, presentado por Gonzalo Navarro, en el que responde cinco preguntas de oyentes sobre cómo lograr en WordPress funcionalidades no disponibles de forma nativa: permitir subir tipos de archivo no permitidos (p.ej. GPX), proteger descargas de PDFs para cursos (LearnDash), mostrar contenido condicionalmente (bloques ocultos en móvil), modificar la duración de la sesión 'Recuérdame' y quitar el modo pantalla completa del editor de bloques. Incluye recomendaciones de plugins, alternativas por código y referencias a vídeos y recursos adicionales del autor.
Chapters
En el episodio 349 de WordPress semanal respondo dudas sobre cómo subir archivos no permitidos a WordPress, cómo puedes proteger las descargas de los archivos de tu web, qué hacer para mostrar contenido condicionalmente en tus páginas o tus entradas, cómo modificar el tiempo que se recuerda la sesión de un usuario y cómo puedes quitar el modo pantalla completa del editor de WordPress. Vamos allá. Hola, Hola, soy Gonzalo Navarro y Bienvenidos al episodio 349 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Hoy voy a hablar de 5 modificaciones que puedes hacer en tu web con WordPress para lograr cosas que de forma nativa no se puede, ya sea explicándote cómo llegar al camino con una configuración o utilizando algún plugin para lograrlo, o incluso alguna pequeña modificación por código que te permita encontrar la solución en un momentito. Vamos con todo ello, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues como siempre, como cada semana, tenéis nuevo vídeo de la Zona Código. Es el vídeo 299, nos acercamos peligrosamente al vídeo 300 y en él te enseño a marcar pedidos de WooCommerce como completados. Y tú dirás, pero bueno, lo normal es que si se efectúa, se hace el envío y demás, si, se marque como completado. Sí, pero hay determinados productos, como por ejemplo los productos virtuales que woocommerce no los marca como completados, los tienes que marcar tú, o por ejemplo los productos que se pagan con cheque. En algunos tiene sentido porque hasta que tú no recibas el dinero pues no lo vas a marcar como completado, pero hay veces en los que queremos que esto sea automático, que en cuanto ya se produzca esa compra, ese proceso a través de tu tienda con woocommerce se marque como completado. Pues esto vemos cómo hacerlo con un poquito de código, ya digo, en el vídeo más reciente publicado. Ya sabes que la Zona Código te enseño a modificar tu web sin utilizar plug y sin que sepas nada de desarrollo ni de diseño o lenguajes de diseño ni nada. Está incluido con la suscripción, así que si eres miembro ya puedes ir a ver este enlace directo que te dejo o a la parte de snippets de código y ahí lo tendrás disponible. Recuerda que todos los enlaces que vaya dejando o todo, incluso el resumen de este episodio lo tienes en las notas a las que puedes acceder desde tu app para escuchar podcast, si es que te permite ver las notas y si no, pues ya sabes que tienes todo en Gonzalo Navarro es 349 que es el número de este episodio. Gonzalo es 399 y ahí también te voy a dejar cursos relacionados, te voy a dejar el curso más reciente publicado que es el de Velocidad en WordPress, que está rehecho desde cero, renovado y otros cursos y contenidos relacionados con las preguntas que vaya respondiendo hoy. ¿Qué más te vas a encontrar ahí en las notas del episodio? Pues el plugin de la semana que se llama Product bundles for WooCommerce, que como su nombre indica lo que te permite es crear grupos de productos para venderlos con descuento o con alguna oferta especial. El plugin está activo en unas 20.000 webs con WordPress, se actualiza bastante regularmente y alguna vez lo he recomendado a algún usuario que algún miembro, vamos, que quería algo por el estilo. Tiene una demo en vivo que puedes ver cómo funciona el plugin antes de instalarlo y una documentación que está bastante bien, tiene vídeo. En fin, es un plugin que yo creo que va a ir creciendo, que bueno, que ya tiene su público, ya digo, está activo en 20.000 webs, así que echadle un vistazo si buscáis algo por el estilo. Sí, Fantástico. Pues ahora ya sí, vámonos con vuestras preguntas y mis respuestas. Y comenzamos con la de Manuel, perdón, José Manuel, que va sobre cómo subir archivos no permitidos a WordPress. Me dice, Buenas Gonzalo, estoy intentando subir a mi wor WordPress archivos de tracks de GPS, básicamente XML o GPX y WordPress no me los deja subir por motivos de seguridad. ¿Me puedes ayudar a solventarlo? ¿Se trata de meros tracks de GPS? Gracias por tu ayuda. Sí, a ver, esto lógicamente es por seguridad, porque si se pudiera subir, básicamente alguien que hackeb pudiese subir o alguien que tuviese algún acceso que no debiera pudiese subir este tipo de archivos que son de configuración, pues podría hacer auténticas barbaridades en una web. Entonces por seguridad no se permite subirlos. Imagínate que te lo suben a través de un plugin de formulario o alguna historial estas. Entonces puedes permitir la subida de otro tipo de archivos, lo puedes hacer por código, esto te lo enseño en el vídeo 220 de la zona código, te lo dejo enlazado justo debajo de esta pregunta, o lo puedes hacer también con un plugin que se llama WP Extra File Types. Básicamente lo que te permite es aumentar la lista de extensiones que permite la librería o WordPress en este caso de subida y puedes añadir lo que quieras. Ya digo esto cuidado porque si algunos archivos no están permitidos es por algo. Sí, fantástico. Vamos ahora con la pregunta de Alberto que va sobre cómo proteger la descarga de archivos archivos de tu web. Me Hola Gonzalo, ¿Qué tal estás? Tengo una escuela montada con learndash y me surge una duda respecto a los materiales del curso. Tengo algunos archivos PDF para los alumnos añadidos desde la pestaña ajustes del curso. El problema es que cualquiera que no sea alumno puede ir a la URL donde está alojado cada archivo PDF y descargárselo sin estar logueado. Acabo de ver la lección 13 del curso del ENDAS, la de restringir contenido, pero no acabo de saber cómo tengo que hacerlo. ¿Puedo restringir los PDF que incluyo como materiales del curso para que no se lo descargue cualquiera que tenga la URL? Muchas gracias, Saludos. Sí, a ver, básicamente Alberto aquí habla de curso lendash, que ya sabéis que es para crear una escuela de cursos online. Puedes venderlo por separado, puedes venderlos agrupados o a modo de suscripción y el alumno tiene toda esta experiencia en el que ve, pues puede ver materiales, puede hacer cuestionarios, exámenes. Es como una experiencia más tipo academia online. Tenéis un curso completo sobre cómo utilizar este plugin y cómo crear una academia online desde cero. Una de las partes que tiene es la posibilidad de añadir material adicional, que básicamente es poner enlaces. Tienes una pestañita, pones enlaces y el que está viendo una clase o un curso puede darle a más recursos y ahí ve esos enlaces que tú pones. Pero claro, si tú subes esos PDF a tu librería multimedia de WordPress, esos enlaces están ahí, están libres. Entonces cualquiera que tenga, como dice Alberto, la URL, pues que alguien se la pase a alguien o que la lleguen a encontrar por Google o lo que sea, puede ver ese contenido y entonces pregunta cómo protegerlo. Me hace mención de la clase 13. Yo la clase 13 explico cómo combinarlo con un plugin de restricción de contenidos o cómo utilizar la propia restricción que te ofrece Learn Dash, que te ofrecen unos shortcodes para restringir contenido, pero eso da igual porque como dice Alberto, si se tiene la URL se va a poder seguir accediendo. ¿Entonces, qué se puede hacer? Aquí hay varias opciones, lo puedes subir por ejemplo a un servicio aparte que te permita poner contraseña por ejemplo a la descarga puedes utilizar para este caso hay un plugin que está muy bien que te permite prevenir el acceso directo a contenidos, entonces cualquier contenido de tu librería multimedia tú lo puedes automáticamente marcar como protegido, ya no se va a poder acceder ni desde Google, ni desde una URL ni nada. ¿Lo que pasa que para que se proteg para los no logueados y quede abierto para los logueados hay que utilizar una extensión de pago, vale? Entonces bueno, ya ahí podéis ver si os interesa o no. Os dejo el enlace de todas formas al plugin. ¿Qué más opciones tienes? Puedes utilizar un plugin de gestión de descargas más completo como Download Manager, que también te permite proteger descargas y demás, pero creo que trae demasiadas opciones para en este caso lo que me pide Alberto. Luego también tenéis en el curso de productividad en WordPress tenéis un vídeo en el que os hablo de cómo mejorar la gestión de descargas y utilizamos también otro plugin que se llama Attachment algo, no me acuerdo muy bien del nombre y es parecido, para poder mostrar las descargas como en una tabla de forma más bonita y también con extensiones puedes proteger esos archivos. Pero vamos, yo creo que la mejor opción, la más fácil y la más certera para este caso que busca Alberto es utilizar el plugin Prevent Direct Access o un servicio aparte donde tú subas los contenidos y que puedas protegerlos con contraseña y luego pones el enlace donde sea y listo. Perfecto. Vamos con la tercera que de otro Alberto y que va sobre cómo mostrar contenido condicionalmente. Me Hola Gonzalo, tengo una duda. Utilizo el thing generate 3 y quiero ocultar algunos bloques desde la versión móvil. ¿Cómo puedo hacerlo? Bien, aquí también hay dos aproximaciones, si estás editando un contenido desde el editor de Gutenberg normal o desde WordPress, el editor clásico, desde donde sea. Primero hay que ver si el propio editor que estés usando permite esto. Por ejemplo desde el editor de Guttenberg puedes añadir un plugin que te permite mostrar contenido condicional, se llama Content Visibility, lo dejo enlazado y está muy chulo. Porque a nivel de cada bloque del editor puedes decir si quieres, pues condicionalmente, si quieres que se muestre en móvil, en grande, en no, si quieres que se muestre solo para usuarios conectados o no. En fin, tiene bastantes opciones, está muy bien, está interesante. Pero si buscas también puedes hacer una aproximación sin plugin. En este caso, como lo que quiere Alberto es bastante sencillo, es que algunos bloques no se vean en móvil, pues puedes crear una clase de CSS que se llame Ocultar en móvil, por ejemplo con la propiedad Display None, es decir, con la propiedad no mostrar. Y luego lo lo que haces es que como a nivel de cada bloque tú le puedes asignar una clase de CSS, pues a los que quieras ocultar le pones esa clase de CSS. Esto es muy fácil de hacer y te voy a dejar tres vídeos que te van a ayudar. Uno es cómo ocultar cualquier elemento por CSS, otro es cómo aplicar CSS al responsive de la web y otro es cómo añadir CSS a los bloques del editor de Gutenberg. Sí, pero vamos, si no queréis complicaros con código, aunque ya digo que esta opción es bastante sencillita, pues tenéis el plugin que además trae un montón de opciones más. Perfecto. Vámonos con la cuarta pregunta, que es de Fran y que va sobre cómo modificar el tiempo que se recuerda la sesión de un usuario. Me dice hola, tengo un cliente con un membership site con paid membership pro y le resulta pesado que cada vez que le llega un email con el contenido desbloqueado de la semana tenga que ingresar sus credenciales a la web para acceder. Es decir, que lo que me pide si se puede quedar la sesión abierta en el dispositivo para que no tenga que hacer eso. Cosas de clientes. ¿Tienes alguna idea de cómo hacer esto? Sí, a ver, realmente aquí depende un poco del tipo de navegador. Si el navegador recuerda la cookie, pues va a estar hasta dos semanas recordándote la sesión, siempre y cuando el usuario la haya dado a la casillita de recordar. De todas formas puedes aumentarlo o disminuirlo con un poquito de código. Tenéis un vídeo publicado en la zona código que os voy a dejar enlazado. Y luego hay un plugin. No está demasiado actualizado, pero lo que he podido investigar creo que se sigue manteniendo, lo que pasa que ya el soporte lo llevan aparte, no lo llevan desde el propio WordPress y se llama Remember Me. Entonces este pues te trae bastante control, por ejemplo si quieres que la parte de Recuérdame cuando alguien va a iniciar sesión, la típica casilla Recuérdame, puedes hacer la que directamente no funcione y que no haga que no haga caso cuando un usuario la usa o puedes hacer que se le recuerde por más tiempo o puedes hacer que tú como administrador lo controles si quieres que a los usuarios se les recuerde o no. Entonces está bastante bien, pero vamos que se puede hacer con un poquito de código que ya digo lo tengo cubierto en un vídeo, así que tenéis ambas opciones disponibles debajo de la pregunta 4 de Fran. Vámonos con la quinta y última que es de Maxi y que va sobre cómo quitar el modo pantalla completa del editor de WordPress. Hola Gonzalo, ¿Cómo estás? Me gustaría saber si se puede cambiar la W que aparece en el margen superior izquierdo al abrir el editor de páginas de Gutenberg porque quiero poner el icono de una casa ahí porque tengo un cliente que se confunde al querer salir del mismo. Busqué ese icono por FTP pero no lo encuentro para reemplazarlo y también en la zona código, pero nada, muchas gracias. A ver, puedes hacer esto de cambiar el icono, de hecho creo que lo tengo cubierto en un vídeo pero se me olvidó ponerlo, lo voy a poner también en los enlaces relevantes, pero en este caso que dice Maxi es mejor quitar el modo a pantalla completa para la mejor experiencia de su cliente, así lo pienso yo al menos. Entonces yo tengo un vídeo que publiqué en Instagram explicando cómo puedes hacer esto, cómo puedes quitar el modo a pantalla completa, lo que pasa que cuando lo quitas, por cierto os dejo enlace a este vídeo de Instagram, es muy rápido, es darle una opción y quitarlo, digo que cuando lo quitas se quita a nivel de ese usuario, entonces si accedo yo con mi usuario lo quito y me va a recordar que lo he quitado, pero cualquier otro usuario que acceda lo va a tener por defecto. ¿Que es el modo a pantalla completa? Bueno, no lo he dicho, pero el modo a pantalla completa lo introdujeron hace ya algún tiempo y es básicamente cuando estás editando en WordPress, no ves la barra de menú de la izquierda, te pone todo a pantalla completa para que te centres en la edición del contenido y si quieres volver a la parte del escritorio de administración, le tienes que dar al icono que sale en la esquina superior izquierda, que es un icono de WordPress, le das y te lleva ya a la pantalla de atrás. Esto a mucha gente no le gusta, a mí particularmente no me gusta porque yo soy de por ejemplo tener siempre el menú a la izquierda y muchas veces voy abriendo nuevas pestañas para ir haciendo varias cosas a la vez, entonces esto no me gusta, me lo complica. Entonces yo lo tengo quitado, pero ya digo que es a nivel de usuario, te recuerda lo que has hecho tú a nivel de tu usuario. Si quieres quitarlo para todo el mundo hay un plugin que se llama Full Screen Mode Begone, que me gusta el nombre y hace eso, está activo en unas 500 webs con WordPress y ahí lo tienes. Tiene otro plugin muy chulo que se llama Welcome to the Block Editor Begone que este lo que hace es que no sé si te pasa muchas veces que cuando creas una web o un usuario accede, hay una actualización de WordPress por ejemplo, y vas al editor de entradas o el editor de páginas, te sale un cuadro, un diálogo explicándote cómo se usa el editor, que la verdad que yo que creo webs todo el rato, webs de prueba y webs tal, es un rollo tener que estar dándole a quitar. Bueno, pues este plugin te lo quita y bueno, no era, no es, no tiene nada que ver, pero es del mismo autor y está bastante bien. En fin, os dejo enlaces a todo esto que he comentado. Recordad en Gonzalo Navarro es 349 y con esto terminamos con estas cinco implementaciones que puedes hacer para lograr cosas que de forma nativa no se pueden hacer en WordPress. Recuerda que si quieres soporte como este personalizado y directamente conmigo está incluido si eres miembro en Gonzalo Navarro es además de 70 cursos más una renovación o publicación de uno nuevo al mes, prácticamente 300 vídeos de la zona código ya publicados más uno nuevo a la semana y todo por 10 euros al mes y sin permanencia. Tienes toda la info en Gonzalo Navarro Es. Por último darte las gracias por escuchar, por compartir, si no lo has hecho, piensas que alguien le puede ayudar este episodio, pues compártelo, así llegamos a más gente y este podcast sigue creciendo. Por supuesto, si aún no te has suscrito en tu plataforma de podcast donde escuches los podcasts, pues suscríbete para no perderte ni uno. Nada más por este episodio. Nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)