Hola, estimados usuarios de WordPress Tooltip, espero que este mensaje los encuentre bien y disfrutando de maravillosos días en compañía de su familia. Hoy tenemos una pregunta de otro nuevo usuario del complemento de tooltips de WordPress, él dijo:

El estilo personalizado no se está cargando y no puedo lograr que se cargue. ¿Cómo puedo seleccionar un estilo personalizado para el tooltip?

Hace 10 años, agregamos un panel de configuración de estilos de tooltip al complemento de tooltips de WordPress para facilitar a los editores de tooltips de WordPress personalizar rápidamente hermosos tooltips. El panel de estilos personalizados de tooltips se ve así:

Y una versión anterior de hace 10 años se veía así:

Como pueden ver en la comparación de las dos capturas de pantalla, en los últimos 10 años hemos agregado muchas opciones para que los usuarios de tooltips de WordPress puedan personalizar un tooltip hermoso y único.

Con la capacidad de aplicar estilos personalizados a los tooltips, los usuarios pueden hacer que sus tooltips se destaquen de los estilos predeterminados o estándar. Esto puede ser particularmente útil cuando los usuarios desean llamar la atención sobre información específica o hacer que los tooltips importantes sean más visibles.
El complemento de tooltips de WordPress permite a los usuarios personalizar el estilo de los tooltips para que coincida con el diseño, la marca o las preferencias estéticas de su sitio web. Personalizar el estilo de los tooltips ofrece varios beneficios:
Consistencia: Al personalizar el estilo de los tooltips, los usuarios pueden asegurarse de que los tooltips se alineen con la apariencia general de su sitio web. Esto ayuda a mantener una experiencia visual coherente para los visitantes.
Marca: Personalizar el estilo de los tooltips permite a los usuarios incorporar elementos de su marca, como colores, fuentes o logotipos, en los tooltips. Esto ayuda a reforzar la identidad de la marca y crear una presencia en línea cohesiva.
Atractivo visual: El diseño de tooltips puede mejorar el atractivo visual del sitio web. Los usuarios pueden elegir fuentes, colores y otros elementos de diseño que hagan que los tooltips sean más atractivos e interesantes, mejorando así la experiencia general del usuario.
Diferenciación: Con la capacidad de aplicar estilos personalizados a los tooltips, los usuarios pueden hacer que sus tooltips se destaquen de los estilos predeterminados o estándar. Esto puede ser particularmente útil cuando los usuarios desean llamar la atención sobre información específica o hacer que los tooltips importantes sean más visibles. En general, proporcionar la opción de personalizar el estilo de los tooltips agrega flexibilidad y permite a los usuarios crear experiencias visualmente atractivas y cohesivas en sus sitios web.
Puedes encontrar nuestro tutorial en video de tooltips de WordPress en: Tutorial en video de WordPress Tooltips 6: color de fondo personalizado para la caja de tooltip, fuente, subrayado, sombra… ¡y más!

Descubre cómo personalizar el estilo de tus tooltips con WordPress Tooltips Pro Plus. Experimenta el poder de la personalización con una variedad de opciones de configuración que te permiten controlar fácilmente la apariencia de tus tooltips. Sigue estos sencillos pasos para darle a tus tooltips un aspecto único y cautivador:
Inicia sesión en el área de administración de WordPress y ve al menú de Tooltips en el panel de control de WordPress, luego haz clic en el submenú Estilo de Tooltips.
Se abrirá el panel “Configuración de Estilo de Tooltips”, donde encontrarás más de 50 opciones para personalizar el bonito estilo de tus tooltips fácilmente. Personaliza el estilo de tus tooltips con WordPress Tooltips Pro, por ejemplo:
Ancho de la caja de tooltip (campo obligatorio): Ajusta el ancho de tu tooltip especificando un valor como “400” (que representa 400 píxeles).
Fondo de la caja de tooltip de WordPress (campo obligatorio): Cambia fácilmente el color de fondo de tu tooltip utilizando el selector de colores intuitivo.
Color de fuente de tooltip de WordPress (campo obligatorio): Selecciona un color preciso para la fuente de tu tooltip utilizando el práctico selector de colores.
Posición de la caja de tooltip de WordPress (campo obligatorio): Disfruta de la flexibilidad de elegir entre ocho posiciones diferentes para los tooltips, incluyendo bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, y leftMiddle.
Alineación de texto de tooltip de WordPress (campo obligatorio): Alinea el texto de tu tooltip utilizando una de las tres opciones: izquierda, derecha o centro.
Relleno de la caja de tooltip de WordPress (campo obligatorio): Especifica el relleno para la caja emergente de tu tooltip indicando un valor, como “10” (equivalente a 10 píxeles).
Nombre de clase de tooltip de WordPress (campo obligatorio): Define un nombre de clase para tu tooltip, personalizando aún más su apariencia.
Radio de borde de tooltip de WordPress (campo obligatorio): Aplica esquinas redondeadas a la caja emergente de tu tooltip configurando la propiedad Radio de Borde de Tooltip. Por ejemplo, “5” representa 5 píxeles.
Ancho de borde de tooltip de WordPress (campo obligatorio): Determina el ancho del borde de tu tooltip con la propiedad Ancho de Borde. Por ejemplo, “3” significa un borde de 3 píxeles.
Color de borde de tooltip de WordPress (campo obligatorio): Selecciona sin problemas un color de borde para tu tooltip utilizando el selector de colores.
Muestra de tooltip de WordPress (campo obligatorio): Explora nueve métodos para mostrar tus tooltips, incluyendo Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click y Click.
Ocultar de tooltip de WordPress (campo obligatorio): Descubre diez formas diferentes de ocultar la caja emergente de tu tooltip, incluyendo Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click y Mantener Abierta un Rato.
Opacidad de tooltip de WordPress (campo obligatorio): Crea tooltips transparentes ajustando la propiedad de opacidad. Elige un valor que vaya de 0.1 a 1.0, siendo los valores más bajos los que proporcionan mayor transparencia.
Borde inferior de tooltip de WordPress (campo obligatorio): Selecciona entre cinco opciones (Punteado, Doble Línea, Sólido, Guión, Oculto) para estilizar el borde inferior de las palabras clave de tu tooltip.
Color de subrayado de Tooltips de WordPress (campo obligatorio): Utiliza el selector de colores para seleccionar un color de subrayado para las palabras clave de tu tooltip de WordPress.
Sombra de Tooltips de WordPress (campo obligatorio): Opta por mostrar u ocultar un efecto de sombra para tus tooltips.
Tamaño de fuente de tooltip de WordPress (campo obligatorio): Establece el tamaño de fuente para tus tooltips, por ejemplo, “12” representa 12 píxeles.
Altura de línea de tooltip de WordPress (campo obligatorio): Personaliza la altura de línea de tus tooltips fácilmente. Por ejemplo, “1.5” ajusta el espaciado entre líneas. Libera tu creatividad y dale a tus tooltips un toque cálido y personalizado con WordPress Tooltips Pro. Experimenta la alegría de crear tooltips visualmente impactantes que se complementan perfectamente con tu sitio web.
…etc, y estamos agregando más opciones basadas en las solicitudes de funciones de los usuarios de tooltips de WordPress. 🙂

Ten en cuenta lo siguiente:
1: Por lo general, los usuarios de tooltips de WordPress pueden personalizar rápidamente el estilo de un tooltip para que se ajuste a su sitio web con solo unos pocos clics del ratón. Por ejemplo, los usuarios de tooltips de WordPress pueden elegir los colores de manera intuitiva desde el selector de colores de tooltips de WordPress, incluyendo el color de fondo de la caja de tooltips, el color de fuente de tooltips, el color de borde de tooltips, etc.
2: En general, si los usuarios de tooltips de WordPress cambian el valor de los campos de estilo en el panel de configuración personalizada de tooltips, el plugin de tooltips de WordPress establecerá automáticamente el estilo del tooltip como estilo personalizado. Por lo tanto, los usuarios de tooltips de WordPress no necesitan hacer clic dos veces en la opción “Estilo de caja de tooltip”.
3: En el panel de configuración de estilos de tooltips de WordPress, hemos añadido el atributo “required” en HTML para las opciones requeridas. Si el usuario de tooltips de WordPress olvida ingresar los valores en la caja de entrada de estilo de tooltip, se mostrará un aviso. De esta manera, los usuarios de tooltips de WordPress no necesitarán enviar el formulario una y otra vez.
4: En el panel de configuración de estilos de tooltips de WordPress, hemos añadido ejemplos como marcadores de posición para cada opción de tooltip, para ayudar al usuario de tooltips a entenderlo más fácilmente.
5: En el panel de configuración de estilos de tooltips de WordPress, hemos añadido consejos para cada opción de tooltip. Cuando el usuario de tooltip pasa el ratón sobre el consejo de la opción de tooltip, se abrirá una ventana emergente con una descripción detallada de la función de la opción de tooltip.
6: Las razones comunes por las que la configuración no funciona para los nuevos usuarios son: que el usuario olvida hacer clic en el botón azul “Guardar cambios” en la parte inferior del panel de configuración de estilos de tooltips.

The following shows some examples of tooltip terms with customized tooltip styles

Conclution:

Tooltips are small popup box with more information like video /  audio / image / google maps / QR code / wiki / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.. and so on, wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts, or display on wordperss menu, comment, contact form, woocmmerce product, bbpress forum, buddypress activity…etc, with pretty effects and many more little amazing components and addons, for example, Bullets Screen

What it WordPress Tooltip Plugin:

WordPress tooltip pro is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

Hope this have a little help

Chers utilisateurs du plugin WordPress Tooltip, nous espérons que ce message vous trouve bien et que vous passez de merveilleux moments en famille ! Nous avons reçu une demande d’assistance d’un utilisateur du plugin WordPress Tooltip, concernant la question suivante :

“Bonjour, je viens d’acheter la version pro du plugin Tooltip en espérant pouvoir facilement styliser les tooltips, mais j’ai un tooltip d’image qui se trouve en haut de la page… et je n’arrive pas à trouver les options de positionnement de la boîte.
J’ai essayé un style personnalisé et même appliqué cela à une div autour de l’image, mais je ne peux pas positionner l’image sous le tooltip.
Y a-t-il un conflit avec le CSS/JS ? Peut-être avec les formulaires Formidable Forms qui utilisent également des tooltips ?
“

Nous avons vérifié sa page, en réalité, dans le plugin WordPress Tooltip, il est très facile de configurer la position de la fenêtre du tooltip. Nous avons développé une fonctionnalité de positionnement du tooltip pour tous les utilisateurs du plugin depuis la version pro 4.1.6, il y a de nombreuses années (aujourd’hui la version du tooltip est 30.4.8). Nous sommes ravis de rédiger un document détaillé pour les utilisateurs du plugin WordPress Tooltip

Comment configurer la position des infobulles dans le plugin WordPress Tooltip ?
Bonjour ! Nous espérons que ce message vous trouve en bonne santé et que vous passez de merveilleux moments avec vos proches ! Récemment, nous avons reçu un ticket d’assistance d’un utilisateur du plugin WordPress Tooltip qui avait une question sur la configuration de la position des infobulles. Nous sommes là pour vous aider ! Si vous n’avez pas encore installé le plugin WordPress Tooltip, ne vous inquiétez pas ! Suivez simplement ces étapes :
Si vous n’avez pas encore installé la version pro du plugin WordPress Tooltip, veuillez vous connecter à votre compte sur le site du plugin WordPress Glossary Tooltip – tooltip.org, sinon veuillez vérifier l’étape n° 11.
Rendez-vous sur la page “Mon compte” et téléchargez le plugin WordPress Glossary Tooltip.
Passons maintenant à l’installation !
Connectez-vous à votre admin WordPress en tant qu’administrateur.
Cliquez sur l’élément de menu “Extensions” dans le tableau de bord WordPress.
Désactivez toutes les anciennes versions du plugin d’infobulles que vous pourriez avoir.
Supprimez complètement l’ancien plugin WordPress Tooltip.
Toujours dans le menu “Extensions”, cliquez sur “Ajouter” en haut du panneau des extensions.
Téléchargez le fichier zip du plugin d’infobulles que vous avez téléchargé depuis le site du plugin WordPress Glossary Tooltip.
Activez la dernière version du plugin WordPress Tooltip Glossary. Félicitations ! Maintenant, personnalisons le style des infobulles :
Cliquez sur l’élément de menu “Infobulles”.
Dans le menu déroulant, sélectionnez “Style des infobulles”. Cela ouvrira le panneau “Style des infobulles”, qui ressemble à la capture d’écran ci-dessous :

Panneau Style des infobulles dans WordPress Tooltip Pro Plus 28.2.8
Dans ce panneau de configuration du style des infobulles WordPress, vous trouverez des options pour modifier la position des infobulles, la couleur de la police du titre, la taille de la police du titre, la couleur de fond du titre de l’infobulle, et bien plus encore ! Vous avez la flexibilité de personnaliser chaque aspect de l’infobulle WordPress selon vos préférences. C’est excitant, n’est-ce pas ?
Dans le panneau de configuration du style des infobulles WordPress, vous trouverez, dans l’option “Position de la boîte d’infobulle”, plusieurs options de positionnement des infobulles : bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle…
Notre plugin WordPress Tooltip propose la fonctionnalité pratique du positionnement automatique. Expliquons comment cela fonctionne avec quelques exemples.
Si vous choisissez la position “topMiddle” pour la boîte d’infobulle, elle s’affichera intelligemment en haut au centre du mot-clé de l’infobulle sur le site. De même, si vous optez pour la position “bottomMiddle”, la boîte d’infobulle apparaîtra en bas au centre du mot-clé de l’infobulle.
Nous avons conçu cette fonctionnalité pour garantir que vos infobulles s’alignent parfaitement avec le contexte souhaité, offrant ainsi une expérience utilisateur fluide et intuitive.
Nous espérons que ces instructions sont claires et utiles ! Si vous avez d’autres questions ou avez besoin d’aide pour tout aspect du plugin WordPress Tooltip, n’hésitez pas à nous contacter. Nous sommes là pour vous aider !
Nous vous souhaitons une journée délicieuse à venir
Cordialement,
Le support du plugin WordPress Tooltip