458 | Feeds sociales, mapas con marcadores, fichas de usuarios y otras Q&A

En el episodio 458 de WordPress semanal resuelvo dudas sobre cómo incrustar feeds de redes sociales en tu web, cómo mostrar mapas con información, cómo sustituir la página de archivo de un contenido autogenerada por otra creada por ti, cómo crear un sistema de usuarios con su inicio de sesión, su registro y su directorio, y cómo resetear la información meta para que se recoja de nuevo al compartirse en cualquier red social o sistema de mensajería como WhatsApp o Telegram. Vamos allá. Hola, Hola. Soy Gonzalo Navarro y Bienvenidos al episodio 458 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y hoy, como ves, tenemos un Q A, un episodio de preguntas y respuestas que están sacadas, como ya sabéis, y si no, pues te lo recuerdo, del soporte que ofrezco a los que sois miembros en Gonzalo N. Ya sabéis, además de toda la formación con los cursos, con los vídeos, pues tenéis acceso, si sois miembros, a soporte conmigo. Y entonces lo que hago es que selecciono cinco preguntas aproximadamente, saco un episodio de estos una vez al mes, pero los que sois miembros, pues tenéis acceso a preguntarme cuando lo necesitéis. Por cierto, si no sois miembros y queréis ver todo lo que incluye en Gonzalo Navarro es tenéis toda la info. Venga, pues en un momentito vamos con vuestras preguntas. Pero antes, como siempre, novedades. ¿Que está pasando en Gonzalo Navarro es? Esta semana, pues tenéis nuevo vídeo de la Zona Código. La Zona Código es esa sección de mi web donde tenéis más de 400 vídeos ya publicados en los que os explico cómo podéis copiar y pegar un trocito de código para que obtengáis el mismo resultado que yo. No tenéis que saber código, sin embargo podéis usarlo. Y en este caso aprendes a añadir una barra de progreso de lectura en las entradas de WordPress. ¿Qué es esto? Pues que cuando alguien esté navegando por una entrada de tu web, por un artículo, una publicación, pues va a ver que conforme navega hacia abajo, conforme va leyend, se va rellenando una barra en la parte superior de la pantalla. Esto da la sensación a la persona, pues dice venga, voy por aquí, me queda menos, voy avanzando. Se suele utilizar como estrategia de retención y además puede quedar muy chulo, porque además te voy a enseñar si quieres hacer esa barra, pues un poquito más gruesa, un poquito más fina, ponerle tu color corporativo, así que es muy fácil, copias y pegas un poquito de código, modificas como te explico en el vídeo y lo tienes. Te lo dejo enlazado en las notas del episodio. Esto en cuanto a las novedades. Vámonos ahora con el plugin de la semana que se llama Real Time Find and Replace. Este plugin es bastante interesante, es como un Search and Replace, el típico plugin en el que buscas algo y lo sustituyes por otra cosa. Por ejemplo, si quieres hacer grandes modificaciones en la base de datos, pues se suele utilizar un plugin como estos para que no tengas que entrar a la base de datos, que es un poco técnico, pues utilizas un plugin y modificas la base de datos. Este plugin no es así, no estás modificando la base de datos, ni estás modificando archivos de plugins ni de themes, sino que se hace al vuelo, es decir, tú haces algún cambio de lo que sea, imagínate que en el footer en lugar de que ponga creado con amor y el nombre de la empresa del theme que uses, pues tú quieres poner Creado con amor por Gonzalo Navarro. Esto habitualmente lo que se hace es modificar la cadena que arroja ese theme y poner tú lo que tú quieras y esto ya se queda guardado, que puede estar en un archivo del propio theme o a veces puede venir de la base de datos, esto depende. En cualquier caso, con este plugin lo que hacemos es una búsqueda y una sustitución al vuelo, es decir, nosotros a través del plugin le decimos que queremos hacer este cambio pero no estamos modificando ni la base de datos ni el propio archivo, entonces todo se carga normal, pero antes de que sea renderizado por el navegador y mostrado al visitante final se produce ese cambio. ¿Qué utilidad puede tener esto? Bueno, que no tienes que estar modificando los propios archivos o cuando quieres hacer una comprobación de si algo va a funcionar o no, pues lo puedes hacer. Bueno, es un poco para evitar tener que hacer eso o para evitar modificar lo que viene de forma original y que simplemente sean cosas cosméticas o que se hace el cambio al vuelo. Es un plan que he descubierto hace bastante poco, que para mi sorpresa tiene bastantes instalaciones, está activo en más de 90.000 webs con WordPress y me parece interesante, así que lo dejo en las notas del episodio. Recordad, para ir a las notas del episodio de cualquier episodio del podcast que yo publique, solo tenéis que ir a GonzaloNavarro es y el número del episodio, que en Este caso es 458 458. Así que Gonzalo Navarro es 458. Venga, y ahora sí, vámonos con vuestras preguntas y mis respuestas. Y empezamos con la de Nacho que va sobre cómo mostrar feeds de redes sociales en su web. Me dice, Buenas, estoy buscando un plugin, a ser posible uno solo, para mostrar los feeds de Instagram, Twitter y Tik Tok y que se lleve bien con Elementor. ¿Como he visto muchas opciones, conoces alguno que sepas que va bien? No me importa que sea de pago. Muchas gracias por todo. Bueno, gracias a Nacho, realmente no hay muchas opciones, pero no hay tantas que digamos acumule lo que pide Nacho. En este caso él quiere que desde un solo plugin se puedan mostrar feeds, es decir, publicaciones que él tenga en su Instagram, en su Twitter y en su TikTok. De hecho yo no he encontrado ninguno que traiga esos tres juntos, porque por ejemplo hay uno que está muy bien que se llama Social Slider Feed, que trae YouTube, Instagram y Facebook y puedes mostrar los tres desde el mismo plugin. Y este además tiene un buen rendimiento, es de los más populares, lo voy a abrir aquí. Está activo en 50.000 webs y las estadísticas iniciales de rendimiento del plugin están bien. Entonces yo para su caso, al final la única opción que veo es que los utilice individualmente. Generalmente el que más problemas va a dar es Twitter X, porque dependiendo de la época pues son súper restrictivos, pero vamos, la empresa Smash Balloon o el grupo Smash Balloon están especializados en plugins de estos sociales, así que os dejo el link a todos sus plugins y ahí está el de X, el de TikTok y el de Instagram, que es el más popular que tienen ellos y que está activo en más de un millón de webs. ¿Así que no es un solo plugin, pero bueno, son de la misma empresa, de acuerdo? Dejo el de Social Slider Feed también en los enlaces, porque si es tu caso que quieres vincular YouTube, Insta y Facebook un poco más, a lo mejor enfocado a vídeo, pues bueno, puede ser buena opción, pero para TikTok tendría que usarse el que viene separado, que ya digo, smashballoon lo tiene y yo creo que son las mejores opciones. Venga, dejamos la pregunta de Nacho y nos vamos con la segunda que es de César y que va sobre cómo mostrar un mapa con marcadores y descripciones. Hola Gonzalo, necesito montar una web para una pequeña empresa de construcción en la que participo como socio y quisiera poder mostrar un mapa con múltiples direcciones donde la empresa ya ha llevado a cabo obras de rehabilitación, de manera que los visitantes de la web vean el mapa y las chinchetas me dice, no sé cómo se llaman, y que al hacer clic en cada chincheta se abra un pop up con la dirección y se visualice una o dos fotos de la obra ya realizada. ¿Sabes si existe algo ya hecho en Elementor Pro? ¿Alguna sección, algún plugin? ¿Cuál sería tu criterio? La mejor forma de montar esto, teniendo en cuenta que me gustaría ir añadiendo siempre y poco a poco las nuevas direcciones de donde esta empresa vaya trabajando. Como ves es una idea similar a la de un portfolio, pero mostrando un mapa que se pueda mover con los dedos, ampliar y hacer clic en las chinchetas para ver un pequeño detalle de cada obra. Muchas gracias Gonzalo por tu ayuda y un cordial saludo. Bueno, gracias a César que básicamente lo que necesita César es la forma adecuada de poder buscar lo que quiere, por eso en la pregunta he puesto mostrar un mapa con marcadores y descripciones. Esto es lo que quiere César, marcadores son las chinchetas y descripciones es la posibilidad de rellenar información para cada pues punto para cada marcador que tú pongas en el mapa. Yo tengo un episodio del podcast publicado, es el 248, que se llama los 16 mejores plugins para mapas en WordPress o para insertar mapas en WordPress y los que le vienen bien en este caso a César son los que comento en el punto 3 y en el punto 5 de este episodio los digo, aunque bueno, se llaman todos muy parecidos, así que os voy a dejar el enlace a este episodio y ahí tenéis el nombre del plugin en las webs en la que está activo, una pequeña descripción de lo que te permite hacer y el enlace directo para que vayáis a ver el plan son Los que le pueden valer son, si es que los quiere, vinculados con el sistema de Google Maps, son WP Google Maps, que es uno de los más populares, está activo en más de 400.000 webs con WordPress WP, Google Maps Plugin, Map Press y Google Maps Easy. En estas cuatro opciones, ya sea en su versión gratuita, en su versión premium, te van a permitir poner los marcadores, ponerle descripciones, incluso vídeos, imágenes, hacer que se muestren en pop up o mostrarlos con un shortcode. Tienes muchas opciones. Luego para los que no queréis vincularlo con la API de Google Maps, también podéis utilizar otra tecnología que suele ser OpenStreetMaps y para esto hay otros plugins como son Osmaper, Simple Map, No API y Out of the Block. Ya digo, así por audio no lo vais a sacar, así que os lo dejo el episodio 248 y ahí tenéis toda la lista con el enlace a cada plugin y la información y demás. Venga, dejamos la pregunta de César, vamos con la 3 que es de Jesús y que va sobre cómo mostrar una página de archivos archivo personalizada para un CPT y no la que se genera de forma automática. Hola Gonzalo, tengo una duda, a ver si me puedes ayudar. Te He creado un CPT proyectos, después he creado una página donde muestro todos los proyectos utilizando el bloque de query de Generate blocks. Hasta ahí todo bien. Ahora lo que quiero es utilizar esa página para mostrarla como archivo de ese CPT. No sé si sería la mejor forma hacer una redirección 301 o habría otra forma más adecuada. Gracias por tu atención. Bueno, gracias a Jesús. Vamos a poner conceptos CPT es un contenido simplemente. Como Jesús quiere tener una parte donde vaya publicando proyectos, pues ha creado un tipo de contenido que se llama proyectos. Igual que hay entradas y que hay páginas, Jesús lo ha creado específicamente para proyectos. Entonces desde su WordPress él se va a una sección que pone proyectos, le da añadir nuevo, lo rellena y lo publica. Ahora para mostrar la relación, igual que en el blog se muestran las últimas entradas, pues él quiere una sección donde mostrar los últimos proyectos. Él ha creado una página y con un bloque del plugin que él usa que se llama Generate blocks lo va mostrando y me imagino que le dará más control y lo puede tener como él quiere visualmente y demás. ¿Qué pasa? Que además se está generando una página automática de archivos con esos archivos pero generado por su tema, generado de forma dinámica. Entonces lo que quiere hacer es que eso no esté, sino que esté lo que él ha creado. Y me pregunta si la mejor forma es hacer una redirección 301 o hay una más adecuada A ver, para estos casos, como el propio Jesús ha generado el CPT cuando tú lo estás creando, tú puedes decidir que no haya una página de archivo generada automáticamente. Y esto en el curso de creación de tipos de contenido personalizados en WordPress de CPT, pues lo explico. Os dejo el enlace al curso, que además está muy bien y no solo podéis crear tipos de contenido, sino también taxonomías personalizadas y es muy completo. Entonces esto es lo ideal. Yo no la generaría, porque si no la vas a usar, no la generes y luego crea, como en este caso él ha hecho, crea la suya y esa ya sirve, digamos, de página de archivo. Si ya está generada o no la puedes modificar o no puedes hacer que se genere. Entonces sí, yo lo que haría es una redirección de la que se genera automáticamente a la creada a medida por parte de Jesús. Para hacer una redirección tenéis un tutorial gratuito en el que explico cómo hacerlo de forma manual. Si no, la mayoría de plugins de SEO lo tienen, si no, el plugin Redirection te permite hacerlo. Es bastante, bastante sencillo. Pero vamos, lo ideal para mí al menos es lo que yo suelo hacer cuando genero un CPT, un contenido personalizado, no creo página de archivo autogenerada, sino que luego la creo yo a medida y así no tengo que redireccionar ni nada. Venga, pues dejamos la pregunta de Jesús y nos Vamos con la 4, que es de Adán y que va sobre cómo crear un sistema de registro de modificación de perfil y de ficha de usuarios. Me Buenas tardes Gonzalo, antes de nada decirte que tus tutoriales son fabulosos y me han servido de mucha ayuda. Muchas gracias. Me Quizás podría ayudarme con un problema que tengo. Un cliente me solicita que su web tenga un formulario con campos ampliables donde puedan registrarse nuevos usuarios, que ellos mismos puedan modificar su perfil y que ese perfil se pueda mostrar en unas fichas de socios al público general. Todo esto desde el frontend. He comprado Formidable Forms porque promete todo lo que he explicado, pero me encuentro con infinidad de errores y que el aprendizaje es mortal. ¿Sabrías decirme alguna alternativa o guiarme, por favor? Si esta consulta es de pago, házmelo saber. Gracias de antemano. No, no es de pago, está incluida para miembros. Y a ver, te cuento, esto que quiere hacer Adán es bastante típico, hay muchas opciones de lograrlo, por ejemplo, en su caso ha optado por comprar un plugin de formularios bastante popular que se llama Formidable Forms Formidable Forms y que permite hacer muchísimas cosas, entre otras pues crear formulados de registro, formulados de inicio de sesión y luego me imagino que tendrá addons para crear directorios de usuarios y que se puedan ver en la parte frontal y demás. Pero es cierto, yo también lo he utilizado alguna vez, que es un plugin complejo porque hace tantas cosas que requiere que aprendas a usarlo, entonces yo para su caso yo no usaría este plugin. Otra cosa es que tú ya uses ese plugin para tus formularios y que lo quieras aprovechar y utilizarlo para generar este sistema o que domines muchísimo este plugin y entonces pues si lo quieras utilizar. Entonces te cuento alternativas. En el curso de Intranet en WordPress que lo tenéis uno publicado y que tiene su tiempo, yo ahí expliqué en la clase 4 cómo crear un directorio de miembros, también en la clase 5 explicaba cómo permitir la gestión de perfiles de usuarios. Básicamente esto lo hacíamos con un plugin que se llama WP User Manager. Antiguamente este plugin era perfecto para el caso que nos ocupa, para lo que me pide Adán aquí, que es su formulario de registro, su formulario de inicio de sesión, la posibilidad de modificar los datos de un usuario, la posibilidad de mostrar en una parte frontal en un directorio esas fichas con los miembros. ¿Qué pasa? ¿Qué hicieron en este plugin? Que metieron mil cosas de membresía, metieron un montón de historias y ahora puedes hacer esto, pero el plugin te mete mil cosas de por medio, entonces yo ya no lo uso. ¿Cuál uso? ¿En su lugar? User Profile Builder tiene una versión gratuita, pues que para crear un sistema de registro y de usuarios y demás está bien, pero casi siempre hace falta la parte pro, para poder poner campos extra, para poder poner campos condicionales, para poder mostrar ese listado en la parte frontal, ese directorio con muchísimo control para cómo se muestran los miembros y demás, pues para ahí ya hace falta la parte pro. Yo lo uso por ejemplo en WordPress puntocom y en ese caso necesito la parte pro. Entonces para este tipo de sistema, que se pueda controlar el registro, que se puedan controlar toda la experiencia de inicio de sesión y demás, es lo que yo suelo utilizar. Lo dejo, dejo enlazado el plugin gratuito y el plugin premium, desde ahí hay un enlace para que veáis lo que incluye la parte Premium. Si de todas maneras queréis ver cómo se hace con WordPress User Manager, os he dejado el enlace que digo a las clases del curso de creación de una intranet en WordPress. Venga y vámonos con la última pregunta que es de Carlas y que va sobre cómo limpiar el Open Graph para compartir en Telegram. Me Buenos días Gonzalo. Tengo un canal Telegram, donde cada vez que publico un post nuevo en mi web, pongo el link en el mismo para que la gente esté informada. El caso es que Telegram me genera automáticamente una imagen y una descripción del mismo, justo la información que expongo en el Open Graph del post. Sin embargo, hice una modificación de un post y Telegram todavía me coge la info antigua. ¿Cómo puedo hacer para evitar este tipo de caché que guarda Telegram en la información? He probado en versión móvil, escritorio, a borrar datos y demás, pero nada. Y cuando pruebo a poner este enlace por ejemplo en WhatsApp, veo que la información que coge ya es actualizada con la imagen nueva del post que modifiqué. Espero que me puedas ayudar. Gracias. Bueno, esta pregunta escogí la de Carlas, pero me viene desde varios y no sólo de Telegram, sino de WhatsApp, de no sé qué, de no sé cuánto. Cuando tú ya has publicado un contenido que tiene su título destacado, su descripción destacada y su imagen destacada en una red social o en un sistema de mensajería, que viene a ser un poco lo mismo a efectos de lo que estamos viendo, esa información ya se ha quedado guardada. Entonces si haces alguna modificación y vuelves a compartir en esa misma red social, te va a coger la información antigua y tienes que resetear esa memoria, por decirlo entre comillas. Entonces cada red social, cada sistema tiene su propia forma de hacerlo. En Facebook está el típico debugger de Facebook, que es una herramienta que ellos mismos te dan y que te sirve también para Instagram, incluso para WhatsApp, porque son son lo mismo, pero X por ejemplo tiene la suya propia. LinkedIn tiene la suya propia y luego Telegram también tiene lo suyo y tienes que hacerlo con un bot que simplemente tú te vas al bot, se te abre el Telegram, le dices la URL que quieras depurar y te la depura. Ya está. Entonces una vez que tú has guardado el bot, ya vas a tener el bot en tu Telegram y cada vez que quieras hacerlo, pues te pasas por ahí y lo tienes. Como no sé si estos bots van cambiando, lo que puedes hacer es cuando lo vayas a buscar, no sé cuándo estarás escuchando este episodio, pero buscas en Google, Telegram, bot debugger. Debugger se escribe D E B U G E R. Vamos, si lo escribes mal, Google te va a entender y listo. Y para los demás igual. ¿Qué te pasa en Twitter? Pues buscas Twitter o X Debugger. ¿Qué te pasa en LinkedIn? ¿Pues LinkedIn Debugger, aunque se llaman diferentes, pero lo vas a encontrar, es muy fácil, de acuerdo? Muchas veces es esto, es cómo buscar las cosas para que Google nos muestre los resultados más certeros posible. ¿De todas maneras dejo un enlace a un post de, no sé, es una web que vi por ahí que te vienen pues todas las webs de estos, de acuerdo? No sé cómo está actualizado, pero vamos, aún así te da la idea de cómo puedes buscar cada una de las cosas en el caso de que alguna herramienta ahora mismo no funcione. Venga, pues con esto cerramos las cinco preguntas de este mes, que es el primer Q A de 2025. No me voy sin antes recordarte que si te gustan estos episodios, pues te animo a que me dejes una reseña en la aplicación de podcast desde la que me escribes, escuches en Spotify, incluso puedes dejar comentarios y así me puedes dejar también sugerencias para próximos episodios o aportar algo al episodio si piensas que me he dejado algo en el tintero. Por último, recordarte que envío una clase gratuita de WordPress cada semana directamente a tu bandeja de correo, que es 100 % gratuito y que apuntarte es tan fácil como ir a gonzalonobarro, es lista, escribir el correo donde quieras recibir las clases y listo. Nada más por este episodio, nos seguimos escuchando. Adiós.