463 | Scroll infinito donde sea y otras Q&A

En el episodio 463 de WordPress Semanal hablamos de cómo utilizar el scroll infinito en cualquier parte de tu web, de cuál es el plugin de contacto más ligero, de cómo sincronizar los usuarios de varios WordPress y de otras dudas técnicas. Vamos allá. Hola, hola. Soy Gonzalo Navarro y Bienvenidos al episodio 463 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y hoy resolvemos dudas. Es un episodio de preguntas y respuestas. Si ya eres asiduo al podcast, pues sabes que saco uno cada cierto tiempo, una vez al mes aproximadamente, y lo que hago es seleccionar preguntas que recibo a través del soporte, que el soporte está incluido para miembros de pago en Gonzalo Navarro es al igual que todos los cursos y cualquier otro contenido que haya. Y hoy he escogido cinco preguntas que creo que os pueden ser de utilidad. ¿Pero antes de adentrarnos en ellas, como siempre, novedades qué está pasando en Gonzalo Navarro es esta semana? Pues hay nuevo vídeo de la zona código y en él aprendes a cambiar el color de la zona de administración de tu web según el rol de usuario. Esto de cambiar el color es algo que tú puedes hacer a nivel individual como usuario, tú te vas a tu perfil dentro de la zona de administración de WordPress y decides que el color en general de los paneles de la administración de WordPress sean los que tú quieras. Puedes poner un fondo rojo, puedes combinar un azul con otro como azul más clarito para los contrastes y demás. Hay como varias opciones, pero hay gente que a nivel de administración, sobre todo si trabajas con varios tipos o roles de usuarios, por ejemplo administrador, un editor, hay veces que los suscriptores tienen acceso a panel de administración, pues en esos casos hay veces que para diferenciarlo, sobre todo si tú mismo lidias con varios roles y no te quieres equivocar, interesa que de forma automática cambie el color de atrás para que en todo momento tú lo asocies al tipo de rol y te sea pues todo más sencillo. Bueno, esto es lo que vemos cómo hacer en este vídeo, es muy facilito, un poquito de código que copias y pegas tal y como te muestro y lo tienes. La zona código, si no lo sabes, es una parte incluida en la membresía y cada semana voy publicando un vídeo acompañado de un trocito de código y está pensado para que gente que no sabe código lo pueda aprovechar, de modo que vas a poder hacer cosas mucho más avanzadas y sobre todo te vas a ahorrar un montón de plugins, porque no dependes de tener que instalar un plugin para cualquier cosa que necesites. En tu web en GonzaloNavarro es y te vas a la parte de códigos, puedes verlos todos, puedes buscar, puedes filtrar y si hay algo que echas en falta, como siempre desde tu cuenta, si eres miembro, en la pestaña de sugerencias, pues me pides lo que necesites. Vamos con más novedades. El curso de WordPress gratuito ya lo comenté la semana pasada, pero lo he renovado para este 2025. Algunas clases pues no hacía falta renovarlas, pero les he mejorado el audio, por ejemplo. Otras clases las he sustituido, reorganizado un poco para que sea todavía más sencillo de seguir y he añadido vídeos nuevos también. Por ejemplo en la clase última en la que está dedicada a los plugins, he añadido un vídeo con mis plugins preferidos, así que échale un vistazo. Si tú eres miembro de pago, puedes acceder también a este curso, no tienes que apuntarte ni nada, simplemente está incluido. Si has sido miembro anteriormente, tanto de pago como gratuito, puedes iniciar sesión y ver el curso, no tienes que registrarte de nuevo. Y si nunca te has registrado, pues puedes hacerlo y así ves el curso gratuito. Si necesitas empezar desde cero es ideal. Si necesitas repasar los conceptos fundamentales de la creación y gestión de webs con WordPress, que mucha gente a pesar de que lleva tiempo, no los tiene claros, también te lo recomiendo. Y si quieres ver un poco, pues cómo explico cómo son mis clases, pues es un buen punto de partida. Si estás pensándote en apuntarte a la membresía, puedes ir directamente escribiendo en tu navegador Gonzalo Navarro es gratis y ahí ves todas las clases que incluye, pero vamos, como es gratis, apúntate y descubre por ti mismo si te interesa. Y si lo tuyo son contenidos más al estilo de este podcast, entonces te va a gustar mi newsletter de mismo nombre, WordPress semanal, donde cada jueves por la mañana, aunque estoy probando distintas horas, pero vamos, básicamente es por la mañana en horario de España, envío consejos sobre creación y gestión de webs con WordPress muchas veces son una clase en sí misma explicando algún tema de un área concreta de WordPress. Y además por apuntarte recibes la guía de más de 30 trucos WordPress y el ebook Cómo crear una web con WordPress desde cero. Para apuntarte solo tienes que ir a Gonzalo Navarro. Es lista por cierto, últimamente está creciendo bastante, ya nos acercamos a los 8.000 suscriptores. Perfecto, pues una vez vistas las novedades, vámonos ahora con el plugin de la semana que se llama Asset Cleanup Page Speed Booster. Este plugin está muy bien, sobre todo porque es gratuito y lo que te permite hacer es bastante avanzado. Básicamente puedes optar la velocidad de carga de tu web desactivando scripts y estilos, es decir, archivos que cargan los plugins pero a nivel de página específica. Y una de las preguntas de esta semana va relacionado con esto, o bueno, yo lo he relacionado en mi respuesta, pero básicamente hay veces en las que determinados plugins se usan solo en páginas muy concretas, sin embargo sus archivos se cargan en todos lados, en todas las páginas de tu web. Pues con un plugin como éste puedes decir a ver, los archivos de este plugin quiero que solo los cargues aquí, aquí, aquí. Y esto pues optimiza mucho la velocidad de carga de tu web si lo haces bien. Hay opciones similares como Perf Matters pero son de pago. Esta de las gratuitas es la mejor y de hecho es la que utilizo en el curso de WP o ya sabes de cómo optimizar el rendimiento web que te lo dejo enlazado también en la zona de contenidos recomendados hay dos clases básicamente dedicadas a este plugin que ofrece muchísimas opciones. Venga, pues ahora sí, vámonos con el tema central del episodio que son tus preguntas y mis respuestas. Y comenzamos con la primera que es de Claudio y que va sobre cómo cargar más elementos o hacer scroll infinito y en cualquier lugar de tu web. Me Buenos días Gonzalo, estoy desarrollando esta web en WordPress con una plantilla de Yo Theme al final de la página el cliente quiere desplegar más formadores dándole a ver más. ¿Conoces alguna herramienta que me permita hacerlo? Gracias. Bueno, en la pregunta de Claudio me manda una URL donde se ve la plantilla concreta del thing que quiero utilizar y salen como unas cajitas donde se ven profesores y quiere que se pueda dar a ver más para que no se muestren todos juntos. Claudio me menciona la palabra desplegable pero yo creo que él se refería a el típico botón de cargar más este scroll que llega a un punto que no se ven más opciones pero tú puedes seguir desplegándola, seguir viendo más si le das a un botón o lo que sea. A veces se carga solo y se suele conocer como infinite scroll en inglés o scroll infinito. Entonces para esto hay un plugin que está bastante bien que se llama Load more anything y que utiliza la tecnología AJAX para detectar qué hay en la página y a partir de cierto punto tú poner que se cargue más. Es muy muy muy completo, funciona con cualquier tipo de contenido, funciona en las páginas de blog, funciona bastante bien, hay veces que pues tienes que trabajarlo un poco hasta llegar a conseguir lo que quieres, pero está bastante bien. Esto es si queréis esa opción de que se carguen más automáticamente o dándole un botón o lo que sea, pero si realmente lo que se quiere es un desplegable, yo últimamente lo que hago es hacerlo por HTML, porque por HTML se puede hacer puro y duro, es muy fácil y lo explico en un vídeo de la zona código, así que también os lo dejo enlazado por si os interesa. Por cierto, no lo he dicho, pero cualquier enlace que en este episodio voy a comentar un montón o si queréis repasar una pregunta en concreto, queréis ver en el minuto en el que hablo de ella, que también os lo dejo, lo tenéis en las notas del episodio donde lo vais a ver más bonito, mejor ordenado y demás, pues es en mi web y tenéis un enlace cortito para llegar que es GonzaloNabarro es 463 que es el número de este episodio. Gonzalo es 463 Venga, vámonos con la segunda pregunta que es de Jesús y que va sobre el plugin de formulario de contacto más ligero del mundo. Este título es mío, pero vamos con su pregunta. Hola Gonzalo, una pregunta breve. ¿Qué plugin me recomiendas para un formulario de contacto? Sin más, suelo usar contact form 7x aunque no tiene muchas instalaciones. Gracias. Bueno, aquí la propia pregunta de Jesús da la respuesta. Contact for Seven x es de los más ligeros que hay y además es completo si lo que quieres es un formulario de contacto. Es de Jeff Star, uno de los desarrolladores que más me gustan a mí porque es como es él solo, no está detrás de una gran empresa, sin embargo le va muy bien, tiene plugins súper populares y como tiene plugins de seguridad y de rendimiento y demás, todos sus plugins, incluido este que es de contacto, pues vienen preparados también por ejemplo vienen preparados para el anti spam, puedes usar el Google recaptcha u otras opciones y es un enfoque un poco diferente, más como por su configuración y hay una parte que es con que configuras el formulario y entonces tú dices de todos los campos que te deja tener, que son nombre, web, email, asunto, campo personalizado, pregunta trampa, que esto es para el spam, mensaje, google recaptcha, acepto los términos y alguno más, pues tú básicamente dices este es opcional, este no quiero que aparezca, este es obligatorio y así luego lo personalizas, le das la apariencia, trae como unas plantillas y te muestra el css de las plantillas por si tú quieres modificar algo, vale, pero vamos, no tienes por qué, tú vas modificando entre las plantillas, si no quieres tocar nada no tocas nada y ya está, es como muy sencillito, es súper ligero y si lo que quieres es un formulario de contacto y ya está, pues este yo es el que suelo utilizar. Es cierto, decía Jesús que no está activo en demasiadas webs, es verdad, está activo en más de 400 webs, pero a mí me gusta. Si quieres otra opción como más popular, pues está el mítico Contact Form Seven. ¿Qué es lo que ocurre? La única pega que le veo yo a Contact Form Seven, primero que crear los formularios en sí es un poco más rollo porque se hace como a través de shortcode, pero bueno, si es de contacto ya te viene como creado de primeras, pero lo que tiene es que sus archivos se cargan en todos lados, entonces yo ya publiqué un vídeo de la zona código donde te enseño que cargues solo los archivos de Contact Form Seven en las páginas donde tengas sus formularios creados. Por cierto, tienes un curso completo de Contact Form 7 donde vamos desde cero hasta avanzado, cómo vender a través de este plugin y hacer mil historias que no te puedes ni imaginar, porque este es un plugin tan popular que hay un montón de addons además gratuitos, que lo convierten prácticamente en un plugin premium al estilo de Gravity forms y demás. Pero a lo que íbamos, si quieres que solo se carguen en determinadas páginas puedes hacer dos cosas, utilizar el plugin que te he recomendado para plugin de esta semana, tienes en las notas del episodio un vídeo donde te explico cómo usarlo, o utilizar un poco de código recomendado por el propio Contact Form Seven para hacer que solo se cargue donde tú quieras. Y esto lo explico en un vídeo de la zona código que dejo enlazado justo debajo de la pregunta 2 de Jesús. Estas son las dos opciones que yo utilizaría si quiero algo sencillo, simplemente un formulario de contacto. Venga pues vámonos con la pregunta 3 que es de Matías y que va sobre cómo sincronizar usuarios entre distintos WordPress. Me Hola Gonzalo, tengo una web que va a tener en el dominio un periódico digital y en un subdominio una intranet, quisiera saber cómo podría hacer para sincronizar todas las credenciales. Pues yo para esto cuando lo he necesitado he utilizado un plugin que se llama Remote Sync Users, está activo en más de 8.000 webs con WordPress, tiene buen rendimiento y en general funciona bien. Hay veces que puede haber algún plugin que interfiera, porque ten en cuenta que es algo complejo, estamos cogiendo que usuarios que haya en una instalación de WordPress pues se creen también en otra automáticamente con la misma información, el mismo usuario, el mismo password y todo, pero vamos, en general funciona bastante bien, es la mejor solución que he encontrado para esto, que es algo un poco bastante técnico, os lo dejo en las notas del episodio el enlace, pero vamos, se llama WP Remote Users Sync y en el caso de Matías es como el dominio principal y luego un subdominio, que son instalaciones distintas, son webs distintas, pero si tú tienes dominios totalmente distintos va a funcionar igual. Esto se hace mucho cuando hay una web un poco más de cara al público, pero luego hay otra que es como de formación o como en el caso de Matías de intranet, entonces pues interesa tenerlo vinculado. Venga pues dejamos la pregunta de Matías y vamos con la cuarta que es de David y que va sobre cómo imprimir una parte específica de una página web y no toda la pantalla. Me Muy buenas Gonzalo, estoy creando un SAS con Elementor y tengo una duda que no consigo solucionar. Me gustaría que el usuario pueda imprimir un código QR que se genera en un popup. El problema es que cuando le das al botón de imprimir te genera un archivo PDF que hace una captura de pantalla de toda la web, no solo del popup en el que está el QR. Sé que hay un estilo CSS llamado media print con el que puedes seleccionar qué quieres imprimir, pero No consigo implementarlo. ¿Sabes cómo podría hacerlo? Gracias. Bueno, sí, aquí David lo que quiere es aprovechar que. Bueno, esto lo vemos en la zona código, se puede hacer por código. Tú puedes aprovechar las características de un navegador para crear un botón de imprimir o un enlace de imprimir, se coge lo que hay en la página y la persona puede imprimir. Pero claro, cuando quieres imprimir solo una zona concreta es un poquito más complicado. Y la base es que tú tienes que lograr detectar una clase CSS que tenga específica ese elemento o algo que lo identifique del resto de elementos de la página y luego implementarlo. Yo prefiero usar un plugin que se llama print page blog porque antes utilizaba uno que se llama print o matic pero desapareció. Y luego el que más me parece que además es incluso más sencillo de usar es este. Hay un montón, si tú buscas print o imprimir en la sección de plugins de WordPress hay un montón, pero este me gusta porque es sencillito y permite imprimir por secciones y lo único que tienes que hacer es descubrir la clase de CSS del elemento que quieres imprimir. Si no la tienes, se la puedes dar y la copias y la pegas en la configuración del plugin y ya está. Tú lo añades en el propio editor de WordPress, lo puedes añadir de forma sencilla, si no te genera un widget que puedes añadir en tu constructor visual o donde quieras. Si no sabes encontrar, por cierto, la clase de CSS de un elemento, te recomiendo el vídeo, uno de los vídeos esenciales de la zona código, que es cómo editar CSS en WordPress, que básicamente te enseño cómo inspeccionar tu página para encontrar cosillas, cómo modificar cosas sencillas y demás. Y esto es algo que cualquiera que use una web debe conocer porque es lo básico y te permite pues cosas como esta, poder encontrar, aunque tú no vayas a usar código luego, pero poder encontrar una clase de CSS o lo que sea. Entonces dejo debajo de esta pregunta número 4 de David, dejo todos los enlaces para que los tengas a mano y venga, vámonos con la quinta y última que es de Carlos y que va sobre dónde guardar los archivos que envían tus visitantes a través de un foro de tu web. ¿Me Hola Gonzalo, necesito hacer una web donde el usuario pueda llenar un formulario con información y además poder subir archivos PDF, jpg, etc. Mis preguntas serían cómo hacer que suban los archivos? Creo que Gravity Forms tiene una opción para ello. ¿Dos dónde guardar esos archivos en el mismo hosting que estoy usando siteground o utilizar otro como Dropbox u otro hosting de archivo? ¿Y en ese caso cómo lo hago? ¿Tres después de resuelto lo anterior te pregunto qué me recomiendas para poder hacer que mi cliente, el que va a administrar la web, vea todos esos datos y los archivos subidos? De antemano muchas gracias por la ayuda que me puedas dar. Bueno, gracias a ti Carlos. Son todas preguntas relacionadas con cómo crear básicamente un sistema, un formulario en el que los visitantes puedan subir archivos, cuál es la mejor forma de almacenarlos y después de consultarlos desde la parte de administración. Carlos me menciona Gravity Forms, sí, por supuesto que lo puedes hacer, pero también lo puedes hacer con soluciones gratuitas como Contact Form Seven, de hecho en el curso lo vemos también en el curso de Gravity Forms lo vemos, pero lo digo por si prefieres una opción gratuita. Y esto de subir los archivos es un campo normal en prácticamente cualquier plugin de formulario, es simplemente un campo que tú pones, en el caso de Gravity Forms es parte de los campos avanzados y ahí mismo pues tú configuras qué tipos de archivos se pueden subir, de qué tamaño máximo, si se puede subir simplemente de uno en uno o se pueden subir varios a la vez. En muchos casos se puede arrastrando y soltando, no hay que darle a seleccionar archivo, esto ya depende del plugin. Yo por ejemplo uso Gravity Forms y hace un tiempo incluí en el formulario de soporte la posibilidad de que incluyas capturas de pantalla o vamos, archivos vaya, quité PDF porque hay veces que alguno se pasaba un poco y me mandaba una pregunta kilométrica, pero es arrastrando y soltando. En mi caso, si le queréis echar un vistazo, esta es la parte fácil, que ya digo, con cualquier plugin de formulario más o menos puedes hacerlo, puedes configurarlo. ¿Ahora, dónde se guarda eso? Normalmente lo que hacen los plugins es crear una carpeta que suele estar dentro de los archivos del plugin y ahí se van almacenando. De todas formas tú cuando recibes el mensaje tienes la posibilidad de ver la URL, pulsarla y ver el archivo. ¿Y esto se puede hacer desde la zona de administración? Se puede hacer si lo tienes configurado para recibir un aviso por correo con toda la información y digamos que lo almacenas tú en tu web, en tu hosting, vamos. Pero si lo quieres separado, no quieres que se almacene en tu servidor, lo quieres tener en Dropbox o donde sea. Esto sobre todo puede ser interesante si son archivos muy pesados, si no, no, si no da igual, vamos, lo que tú prefieras. Pero para estos casos pues ya depende del plugin de formulario que uses. En el caso de Gravity Forms pues tiene extensiones por ejemplo para vincularlo con Dropbox, que te dejo un enlace y en Contact Form 70 tienes extensiones para vincularlo con servicios de hospedaje aparte y hacer que se guarden ahí los archivos. Bueno, dejo enlaces a los cursos, a los addons y a todo debajo de esta. Quinta y última pregunta de Carlos. Fantástico, pues con esto cerramos las preguntitas. Recuerda que si necesitas soporte personalizado conmigo está incluido. Si eres miembro en gonzalonabarro es además de acceso a la comunidad privada en Telegram donde puedes hablar con el resto de miembros, lanzar tus consultas, ayudar si sabes la respuesta o si quieres dar tu opinión. Por ejemplo, hace poco uno de los miembros publicó su web para que el resto pues diera un poco sus impresiones. En fin, un sitio donde nos ayudamos entre todos, además de por supuesto toda la formación que tienes con los más de 90 cursos, los más de 450 vídeos de la zona código, los talleres en vídeo que estoy sacando ahora en la sección nueva de recursos con plugins también personalizados creados por mí que solo puedes descargar desde esa zona. En fin, todo lo necesario para crear y gestionar tus webs y tus negocios online de forma profesional. Nada más por este episodio, nos seguimos escuchando. Adiós.