Usuarios del plugin WordPress Tooltip, espero que este mensaje les encuentre bien y que estén teniendo un día feliz con su familia. Hemos recibido un ticket de un nuevo usuario del plugin WordPress Tooltip, y creemos que otros usuarios podrían tener una pregunta similar. Por lo tanto, nos gustaría compartir nuestros registros con todos los usuarios de WordPress Tooltip públicamente. El usuario nos dijo:
Hola chicos,
No puedo entender cómo agregar simplemente un tooltip a un icono, como lo hacen en casi todas las páginas de su plugin (por ejemplo, en la página de configuración del glosario). Puedo agregar un tooltip que subraye globalmente un término específico (el título del nuevo tooltip) en cualquier lugar del sitio y proporcionar una definición, etc., pero estoy más interesado en proporcionar tooltips únicos vinculados a un signo de interrogación o un icono de información. He estado buscando por todas partes y no encuentro nada que me ayude. Estoy usando la última versión de WordPress y el tema DIVI. El icono que estoy usando en realidad proviene de una fuente de iconos llamada Elegant Themes Icon Font. Cualquier ayuda que puedan proporcionar sería muy apreciada.
Gracias.
Nuestro soporte del plugin WordPress Tooltip respondió:
Hola,
Espero que este mensaje te encuentre bien y que estés teniendo días maravillosos con tu familia
Gracias por el mensaje, estamos muy contentos de ayudarte
Tenemos varios métodos para crear tooltips de iconos en WordPress. ¿Podrías revisar nuestra documentación detallada sobre:Cómo crear más de 1500 logos de iconos bonitos con tooltips usando Font Awesome?
y
y
Cómo usar el shortcode [tooltips]] de WordPress Tooltip para agregar tooltips manualmente?
Por favor, revisa la sección “icon_tooltip_by_id”.
O tal vez esto te ayude:
Espero que esto te sea de ayuda
Gracias, que tengas un día bendecido con tu familia
Saludos cordiales,
Soporte de WordPress Tooltips
El usuario de WordPress Tooltip respondió:
Hola soporte,
Gracias por la respuesta rápida, sin embargo, ya he visto estas páginas y aún no puedo agregar simplemente un tooltip sobre, por ejemplo, un icono. Lo único que he podido hacer es agregar un tooltip global para una palabra o frase, que subraya cada aparición y muestra el mismo tooltip para cada una. Pero no puedo entender cómo vincular un tooltip a un icono. No estoy seguro de qué me estoy perdiendo. Específicamente, tengo dos áreas de preocupación: 1 – Puede que tenga un problema de configuración. Cuando copié tu ejemplo de shortcode de tu sitio, [[tooltips content = ‘¡eres muy bienvenido!’]]:)[[/tooltips], y lo coloqué en mi sitio, no se muestra correctamente. Obtengo esto: El fragmento de HTML se ve así: ayudarte con cualquier problema o pregunta que tengas. [tooltips content = ‘you are very welcome!’]]:)[[/tooltips] Nuestros Clientes Como puedes ver, solo se muestra la primera palabra y incluye la comilla inicial. ¿Tienes alguna idea de por qué el mensaje completo del tooltip no se muestra correctamente? Personalicé el estilo en la configuración de Tooltips, pero si vuelvo a la apariencia predeterminada, obtengo el mismo resultado. Estoy usando la última versión de WordPress y estoy utilizando el constructor DIVI. Mi segunda inquietud/pregunta es: 2 – Después de crear un nuevo tooltip en “Agregar Nuevo”, ¿cómo lo vinculo a un icono? En primer lugar, en la imagen a continuación, ¿necesito agregar un título? Y si lo hago, ¿no se vinculará cada aparición de esa palabra o frase en mi sitio? No estoy seguro si esta es la forma de hacerlo, pero intenté usar tu shortcode “icon_tooltip_by_id”, específicamente: [icon_tooltip_by_id tooltip_id='24645']]];)[[/icon_tooltip_by_id] ¿Es correcto usar el número de ID listado en el enlace permanente de abajo? Cuando lo intento, nada aparece en mi página. El HTML en mi página se ve así: Proveedores de servicios con miles de usuarios, y todo lo demás.[icon_tooltip_by_id tooltip_id='24645']]];)[[/icon_tooltip_by_id] La página se muestra así: Obviamente estoy haciendo algo mal. ¿El número de ID no es correcto? ¿Necesito hacer algo específico con respecto al tipo de icono que estoy usando? ¿Podrías por favor indicarme la dirección correcta?
Gracias.
Nuestro soporte de complemento de información sobre herramientas de WordPress respondió:
Hola,
¡Gracias por la respuesta
Disculpa por los problemas, te ayudaremos a resolver todos ellos
1: Acerca de [tooltips content = '¡de nada!']]:)[[/tooltips], copiamos el código corto en nuestro sitio y funciona bien, gracias por otra respuesta:
———
”
Descubrí mi primer problema (abajo) así que no es necesario responder a ese. Para este código corto de tu sitio [tooltips content = '¡de nada!']] funcionó cuando cambié la comilla simple por una comilla doble. Estaba volviéndome loco tratando de descubrir por qué no estaba funcionando. Si eso es en efecto la solución correcta, tal vez quieras modificar el ejemplo de tu sitio. Estaba en esta página:
”
———
En algunos casos, Gutenberg reemplazará la comilla ‘ en el código corto por el formato ” automáticamente, así es como lo hemos detallado en un documento con capturas de pantalla en:
Cómo insertar código corto de información sobre herramientas de imagen en línea en Gutenberg?
Si revisas nuestro documento, sabrás la razón y cómo solucionar el problema
Señor, por favor, toma nota de que en el código corto [[tooltips content = '¡de nada!']] parece que no estás utilizando ‘, sino que estás utilizando ‘ , WordPress solo admite ‘ y ” en el código corto, no admite ‘
El código corto correcto debería ser:
[[tooltips content = '¡de nada!']]:)[[/tooltips]
Con respecto a la pregunta 2 “¿Es correcto usar el número de identificación que aparece en el enlace permanente de abajo? Cuando intento esto, nada aparece en mi página…”
Señor, el número de identificación es correcto, el problema es que necesitas ingresar un título de información sobre herramientas para cada término de información sobre herramientas. Si utilizas el código corto de información sobre herramientas de iconos, la función del código corto no mostrará el título de la información sobre herramientas, pero necesitas ingresar un título de información sobre herramientas para cada término de información sobre herramientas
Espero que esto te ayude un poco
Gracias, que tengas un bendecido día con tu familia
Atentamente,
Soporte del complemento de información sobre herramientas de WordPress
El cliente nos informó que el problema se resolvió correctamente.
Conclusión:
Un usuario de WordPress mostró interés en agregar efectos de información sobre herramientas a los iconos. Puede requerir esta función por las siguientes razones:
Mejora de la experiencia del usuario: Las información sobre herramientas pueden proporcionar información adicional o explicaciones cuando los usuarios se colocan sobre los iconos. Esto puede mejorar la experiencia general del usuario al ofrecer contexto y claridad.
Mayor accesibilidad: Las información sobre herramientas pueden ser útiles para los usuarios que puedan tener dificultades para comprender el significado o propósito de ciertos iconos. Al proporcionar información sobre herramientas, el usuario puede acceder a información adicional para comprender mejor la funcionalidad.
Guiar la interacción del usuario: Las información sobre herramientas pueden servir como una herramienta de orientación para los usuarios, ofreciendo instrucciones o consejos sobre cómo interactuar con iconos o elementos específicos en un sitio web.
Mejora del diseño visual: La implementación de información sobre herramientas también puede contribuir al atractivo visual de un sitio web. Añade un elemento interactivo y puede hacer que la interfaz de usuario sea más atractiva y dinámica. En general, la adición de información sobre herramientas a los iconos puede mejorar la usabilidad, accesibilidad y la experiencia visual general de un sitio web para sus usuarios.
El soporte del complemento de información sobre herramientas de WordPress añade efectos de información sobre herramientas a los iconos. Tenemos algunos métodos para crear información sobre herramientas de iconos, y estaremos encantados de agregar más funciones basadas en tus sugerencias


Leave a Reply