Home › Posts tagged tooltip style
Tag: tooltip style

How do I customize the tooltip term background when hovering over a tooltip keyword in a WordPress post? With support from WordPress Tooltips Pro Plus 30.8.8

Posted on by team Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Greetings, dear WordPress Tooltip plugin users! I trust this message reaches you in good spirits, experiencing happy moments with your loved ones 🙂 We received a WordPress tooltip support ticket from a new user who wants to change the background color of the tooltip term when hovering over the tooltip keyword in a WordPress post. 🙂

This is the first time we’ve received such a feature request. Our wordpress tooltip plugin developer has created a new version, WordPress Tooltips Pro Plus 30.8.8, to implement this functionality for WordPress tooltip users 🙂

How do I customize the tooltip term background when hovering over a tooltip keyword in a WordPress post?

1: Customer of WordPress tooltip pro plus plugin please click download wordpress tooltip to download the new version directly, new user please purchase a license of wordpress tooltip pro plus

2: Downloaded and install wordpress tooltip pro + plugin which version >= 30.8.8

New users please check our detailed video tutorials at WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: click on the tooltips menu in wordpress dashboard

4: click on the  tooltips style sub menu item to wordpress tooltip style settings panel, the wordpress tooltip style settings panel looks like this:

Tooltips Style Settings panel in wordpress tooltips pro plus plugin 30.8.8

Please note, the dark bar in the screenshot are added by my browser screenshot addon, in the real wordpress tooltip plugin, there are no dark bar in the tooltip style settings panel

5: In the WordPress tooltip style settings panel, locate the ‘Term Hover Background in Post’ option. Here, you can choose a nice color from the WordPress color picker.

6: additionally, it is not all users may want to change the tooltip term background in their WordPress post. Therefore, we added a checkbox that allows WordPress admins to enable or disable this function.

Please note, you can customize tooltip keyword background in wordpress post too, please check our detailed document at: How to Custom Tooltip Term Background in WordPress Post

Conclusion:

Customizing the tooltip term background when hovering over a tooltip keyword in a WordPress post can have several benefits for a user. Firstly, it can improve the overall aesthetics of the post by making the tooltip term stand out and making it more visually appealing to the reader. This can help to draw attention to important concepts or ideas in the post.

Secondly, customizing the tooltip term background can also help to improve the user experience by making the tooltip term more readable and easier to understand. By using a contrasting color or a more visually appealing background, the tooltip term can be more easily distinguishable from the rest of the text and thus easier to read and comprehend.

Overall, customization of the tooltip background can be a helpful feature for WordPress users who want to improve the visual appeal and readability of their posts.

Tagged with: , , , ,

¿Cómo habilitar la función de estilo personalizado del complemento de tooltips de WordPress? (WordPress Tooltip Pro Plus)

Posted on by wordpress tooltips Posted in Documento del plugin de Wordpress Tooltip(Spanish) — No Comments ↓

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í:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

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

Tooltips Style Customization Panel

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

 

Tagged with: , ,

Comment activer la fonctionnalité de style personnalisé du plugin wordpress tooltip ?

Posted on by wordpress tooltips Posted in Document sur le plugin WordPress Tooltip(French) — No Comments ↓

Bonjour, chers utilisateurs de WordPress Tooltip. J’espère que ce message vous trouve en bonne santé et que vous profitez de merveilleuses journées en famille. Aujourd’hui, nous avons reçu une question d’un autre nouvel utilisateur du plugin WordPress Tooltip. Il a dit :

Le style personnalisé ne se charge pas et je ne parviens pas à le charger. Comment puis-je sélectionner un style personnalisé pour le tooltip ?

Il y a 10 ans, nous avons ajouté un panneau de réglages de style de tooltip au plugin WordPress Tooltip afin de permettre aux éditeurs de tooltip de personnaliser rapidement de magnifiques tooltips. Voici à quoi ressemble le panneau de style de tooltip personnalisé :

 

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

Et une ancienne version datant de 10 ans ressemblait à ceci :

Tooltips Style Customization Panel

Comme vous pouvez le constater en comparant les deux captures d’écran, au cours des 10 dernières années, nous avons ajouté de nombreuses options permettant aux utilisateurs de WordPress Tooltip de personnaliser un tooltip WordPress magnifique et unique.

Avec la possibilité d’appliquer des styles personnalisés aux tooltips, les utilisateurs peuvent rendre leurs tooltips plus visibles que les styles par défaut ou standard. Cela peut être particulièrement utile lorsque les utilisateurs souhaitent attirer l’attention sur des informations spécifiques ou rendre les tooltips importants plus remarquables. Le plugin WordPress Tooltip permet aux utilisateurs de personnaliser le style des tooltips pour qu’ils correspondent à la conception, à l’image de marque ou aux préférences esthétiques de leur site web. La personnalisation du style des tooltips offre plusieurs avantages :

  • Cohérence : En personnalisant le style des tooltips, les utilisateurs peuvent s’assurer que les tooltips s’harmonisent avec l’apparence générale de leur site web. Cela contribue à maintenir une expérience visuelle cohérente pour les visiteurs.
  • Image de marque : La personnalisation du style des tooltips permet aux utilisateurs d’incorporer des éléments de leur marque, tels que des couleurs, des polices ou des logos, dans les tooltips. Cela contribue à renforcer l’identité de la marque et à créer une présence en ligne cohérente.
  • Attrait visuel : Le style des tooltips peut améliorer l’attrait visuel du site web. Les utilisateurs peuvent choisir des polices, des couleurs et d’autres éléments de design qui rendent les tooltips plus attrayants et captivants, améliorant ainsi l’expérience utilisateur globale.
  • Différenciation : Grâce à la possibilité d’appliquer des styles personnalisés aux tooltips, les utilisateurs peuvent rendre leurs tooltips plus visibles que les styles par défaut ou standard. Cela peut être particulièrement utile lorsque les utilisateurs souhaitent attirer l’attention sur des informations spécifiques ou rendre les tooltips importants plus remarquables. En général, la possibilité de personnaliser le style des tooltips ajoute de la flexibilité et permet aux utilisateurs de créer des expériences visuellement attrayantes et cohérentes sur leurs sites web. Vous pouvez trouver notre tutoriel vidéo sur les tooltips WordPress à l’adresse suivante : Tutoriel vidéo WordPress Tooltips 6 : couleur personnalisée de la boîte de tooltip, police, soulignement, ombre… et plus encore.

Découvrez comment personnaliser le style de vos tooltips avec WordPress Tooltips Pro Plus. Expérimentez le pouvoir de la personnalisation avec une variété d’options de configuration qui vous permettent de contrôler facilement l’apparence de vos tooltips. Suivez ces étapes simples pour donner à vos tooltips un look unique et captivant :
Connectez-vous à votre espace d’administration WordPress et accédez au menu Tooltips dans le tableau de bord WordPress, puis cliquez sur l’élément de sous-menu Tooltips Style.
Vous ouvrirez le panneau “Paramètres de style des tooltips”, où vous trouverez plus de 50 options pour personnaliser le joli style de vos tooltips en toute simplicité. Personnalisez votre style de tooltip avec WordPress Tooltips Pro, par exemple :
Largeur de la boîte de tooltip (champ requis) : Ajustez la largeur de votre tooltip en précisant une valeur telle que “400” (qui représente 400 pixels).
Couleur de fond de la boîte de tooltip de WordPress (champ requis) : Changez facilement la couleur de fond de votre tooltip en utilisant le sélecteur de couleurs intuitif.
Couleur de police de tooltip de WordPress (champ requis) : Sélectionnez une couleur de police précise pour votre tooltip en utilisant le sélecteur de couleurs pratique.
Position de la boîte de tooltip de WordPress (champ requis) : Profitez de la flexibilité de choisir parmi huit positions différentes pour votre tooltip, notamment bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle et leftMiddle.
Alignement du texte de tooltip de WordPress (champ requis) : Alignez le texte de votre tooltip en choisissant l’une des trois options : left, right ou center.
Rembourrage de la boîte de tooltip de WordPress (champ requis) : Spécifiez la propriété de rembourrage pour la boîte de tooltip en indiquant une valeur, comme “10” (équivalent à 10 pixels).
Nom de classe de tooltip de WordPress (champ requis) : Définissez un nom de classe pour votre tooltip, personnalisant ainsi davantage son apparence.
Rayon de la bordure de tooltip de WordPress (champ requis) : Appliquez des coins arrondis à la boîte de tooltip en définissant la propriété du rayon de la bordure de tooltip. Par exemple, “5” représente 5 pixels.
Largeur de la bordure de tooltip de WordPress (champ requis) : Déterminez la largeur de la bordure de votre tooltip avec la propriété de la largeur de la bordure. Par exemple, “3” représente une bordure de 3 pixels.
Couleur de la bordure de tooltip de WordPress (champ requis) : Sélectionnez facilement une couleur de bordure pour votre tooltip en utilisant le sélecteur de couleurs.
Moment d’affichage du tooltip de WordPress (champ requis) : Explorez neuf méthodes de déclenchement pour l’affichage de vos tooltips, notamment Survol de la souris, Quitter le survol de la souris, Entrer dans la souris, Sortir de la souris, Déplacer la souris, Relâcher la souris, Appuyer sur la souris, Double clic et Clic.
Moment de masquage du tooltip de WordPress (champ requis) : Découvrez dix façons différentes de masquer la boîte de tooltip, notamment Survol de la souris, Quitter le survol de la souris, Entrer dans la souris, Sortir de la souris, Déplacer la souris, Relâcher la souris, Appuyer sur la souris, Double clic, Clic et Rester ouvert un moment.
Opacité du tooltip de WordPress (champ requis) : Créez des tooltips transparents en ajustant la propriété d’opacité. Choisissez une valeur comprise entre 0,1 et 1,0, les valeurs les plus basses offrant une transparence accrue.
Bordure inférieure du tooltip de WordPress (champ requis) : Choisissez parmi cinq options (pointillé, double ligne, plein, tireté, caché) pour styliser la bordure inférieure de vos mots clés de tooltip.
Couleur de soulignement de WordPress Tooltips (champ requis) : Utilisez le sélecteur de couleurs pour sélectionner une couleur de soulignement pour les mots clés de vos tooltips WordPress.
Ombre de WordPress Tooltips (champ requis) : Optez pour l’affichage ou la suppression d’un effet d’ombre pour vos tooltips.
Taille de police de tooltip de WordPress (champ requis) : Définissez la taille de police pour vos tooltips, par exemple, “12” représente 12 pixels.
Hauteur de ligne de tooltip de WordPress (champ requis) : Personnalisez la hauteur de ligne de vos tooltips facilement. Par exemple, “1.5” ajuste l’espacement entre les lignes. Libérez votre créativité et donnez une touche chaleureuse et personnalisée à vos tooltips avec WordPress Tooltips Pro. Découvrez le plaisir de créer facilement des tooltips visuellement frappants qui complètent parfaitement votre site web.
…etc, et nous ajoutons de plus en plus d’options en fonction des demandes des utilisateurs des tooltips WordPress

Veuillez noter :
1 : En général, les utilisateurs de tooltips WordPress peuvent rapidement personnaliser le style d’un tooltip pour l’adapter à leur site web en seulement quelques clics, par exemple, les utilisateurs de tooltips WordPress peuvent choisir les couleurs de manière intuitive à partir du sélecteur de couleurs de tooltips WordPress, y compris la couleur de fond de la boîte de tooltip, la couleur de police de tooltip, la couleur de la bordure de tooltip, etc.
2 : En règle générale, si les utilisateurs de tooltips WordPress modifient les valeurs des champs de style dans le panneau de paramètres personnalisés de tooltip, le plugin de tooltip WordPress définira automatiquement le style du tooltip en tant que style personnalisé, de sorte que les utilisateurs de tooltips WordPress n’auront pas besoin de cliquer deux fois sur l’option “style de la boîte de tooltip”.
3 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté l’attribut requis HTML pour les options requises. Si l’utilisateur de tooltips WordPress oublie de saisir les valeurs dans la zone de saisie de style de tooltip, nous afficherons un avis. De cette façon, les utilisateurs de tooltips WordPress n’auront pas besoin de soumettre le formulaire encore et encore.
4 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté un exemple comme valeur par défaut pour chaque option de tooltip, afin d’aider l’utilisateur de tooltip à mieux comprendre.
5 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté des conseils pour chaque option de tooltip. Lorsque l’utilisateur de tooltip survole le conseil de l’option de tooltip, une fenêtre contextuelle s’affichera avec une description détaillée de la fonction de l’option de tooltip.
6 : Les raisons courantes pour lesquelles les paramètres ne fonctionnent pas pour les nouveaux utilisateurs sont les suivantes : l’utilisateur oublie de cliquer sur le bouton bleu “Enregistrer les modifications” en bas du panneau de paramètres de style de tooltip de WordPress.

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

Tagged with: , ,

Wie aktiviere ich die benutzerdefinierte Stilfunktion des WordPress-Tooltip-Plugins?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Glossary Plugin Dokumentation(German) — No Comments ↓

Hallo, geschätzte Benutzer von WordPress Tooltip. Ich hoffe, diese Nachricht findet Sie wohlauf und Sie genießen wundervolle Tage mit Ihrer Familie. Heute haben wir eine Frage von einem weiteren neuen Benutzer des WordPress Tooltip-Plugins erhalten. Er sagte:

“Der benutzerdefinierte Stil wird nicht geladen und ich kann ihn nicht zum Laden bringen. Wie kann ich einen benutzerdefinierten Stil für den Tooltip auswählen?”

Vor 10 Jahren haben wir ein Tooltip-Stil-Einstellungspanel zum WordPress Tooltip-Plugin hinzugefügt, um es den WordPress Tooltip-Editoren zu erleichtern, schnell schöne Tooltips anzupassen. Das Tooltip-Benutzerdefiniert-Stil-Panel sieht wie folgt aus:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

Und eine frühere Version von vor 10 Jahren sah so aus:

Tooltips Style Customization Panel

Wie Sie anhand des Vergleichs der beiden Screenshots sehen können, haben wir in den letzten 10 Jahren viele Optionen für WordPress Tooltip-Benutzer hinzugefügt, um einen schönen und einzigartigen WordPress Tooltip anzupassen.

Dank der Möglichkeit, benutzerdefinierte Stile auf Tooltips anzuwenden, können Benutzer ihre Tooltips von den Standard- oder Standardeinstellungen abheben lassen. Dies kann besonders nützlich sein, wenn Benutzer bestimmte Informationen hervorheben oder wichtige Tooltips besser sichtbar machen möchten.
Das WordPress Tooltip-Plugin ermöglicht es Benutzern, den Stil der Tooltips an das Design, die Markenbildung oder die ästhetischen Vorlieben ihrer Website anzupassen. Die Anpassung des Tooltip-Stils bietet mehrere Vorteile:

Konsistenz: Durch die Anpassung des Tooltip-Stils können Benutzer sicherstellen, dass die Tooltips zum Gesamtbild ihrer Website passen. Dadurch wird ein konsistentes visuelles Erlebnis für Besucher gewährleistet.

Markenbildung: Die Anpassung des Tooltip-Stils ermöglicht es Benutzern, ihre Markenelemente, wie Farben, Schriftarten oder Logos, in die Tooltips einzubinden. Dadurch wird die Markenidentität gestärkt und eine kohärente Online-Präsenz geschaffen.

Visuelle Attraktivität: Das Gestalten von Tooltips kann die visuelle Attraktivität der Website steigern. Benutzer können Schriftarten, Farben und andere Designelemente wählen, die die Tooltips attraktiver und ansprechender machen und somit das gesamte Benutzererlebnis verbessern.

Differenzierung: Durch die Möglichkeit, benutzerdefinierte Stile auf Tooltips anzuwenden, können Benutzer ihre Tooltips von den Standard- oder Standardeinstellungen abheben lassen. Dies kann besonders nützlich sein, wenn Benutzer bestimmte Informationen hervorheben oder wichtige Tooltips besser sichtbar machen möchten. Insgesamt bietet die Möglichkeit, den Stil der Tooltips anzupassen, Flexibilität und ermöglicht es Benutzern, visuell ansprechende und kohärente Erlebnisse auf ihren Websites zu schaffen.
Unser WordPress Tooltips-Video-Tutorial finden Sie unter: WordPress Tooltips Video Tutorial 6: benutzerdefinierte Tooltip-Feldfarbe, Schriftart, Unterstreichung, Schatten … und mehr.

Erfahren Sie, wie Sie Ihren Tooltip-Stil individuell anpassen können mit WordPress Tooltips Pro Plus. Erleben Sie die Kraft der Individualisierung mit einer Vielzahl von Konfigurationsoptionen, die es Ihnen ermöglichen, das Erscheinungsbild Ihrer Tooltips mühelos zu kontrollieren. Befolgen Sie diese einfachen Schritte, um Ihren Tooltips eine einzigartige und fesselnde Optik zu verleihen:
Melden Sie sich in Ihrem WordPress-Verwaltungsbereich an und navigieren Sie zum Tooltips-Menü in der WordPress-Dashboard. Klicken Sie dann auf den Untermenüpunkt “Tooltips-Design”.
Sie öffnen das Panel “Tooltips-Design-Einstellungen”. Hier finden Sie mehr als 50 Optionen, um den hübschen Stil Ihrer Tooltips mit Leichtigkeit anzupassen. Personalisieren Sie Ihren Tooltip-Stil mit WordPress Tooltips Pro, zum Beispiel:
Tooltip-Box-Breite (Pflichtfeld): Passen Sie die Breite Ihres Tooltips an, indem Sie einen Wert wie z.B. “400” (was 400 Pixel repräsentiert) angeben.
WordPress Tooltip Hintergrund (Pflichtfeld): Ändern Sie mühelos die Hintergrundfarbe Ihres Tooltips mithilfe des intuitiven Farbwählers.
WordPress Tooltip Schriftfarbe (Pflichtfeld): Wählen Sie eine präzise Schriftfarbe für Ihren Tooltip mit dem praktischen Farbwähler.
WordPress Tooltip Box-Position (Pflichtfeld): Genießen Sie die Flexibilität, aus acht verschiedenen Tooltip-Positionen zu wählen, darunter bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle und leftMiddle.
WordPress Tooltip Textausrichtung (Pflichtfeld): Richten Sie den Text in Ihrem Tooltip mit einer der drei Optionen links, rechts oder zentriert aus.
WordPress Tooltip Box-Padding (Pflichtfeld): Geben Sie die Padding-Eigenschaft für Ihre Tooltip-Popup-Box an, indem Sie einen Wert wie “10” (entspricht 10 Pixel) angeben.
WordPress Tooltip Klassenname (Pflichtfeld): Definieren Sie einen Klassennamen für Ihren Tooltip, um das Erscheinungsbild weiter anzupassen.
WordPress Tooltip Randradius (Pflichtfeld): Verleihen Sie Ihrer Tooltip-Popup-Box durch Einstellen der Tooltip-Randradius-Eigenschaft abgerundete Ecken. “5” steht zum Beispiel für 5 Pixel.
WordPress Tooltip Randbreite (Pflichtfeld): Bestimmen Sie die Breite des Rahmens Ihres Tooltips mit der Randbreiteneigenschaft. “3” bedeutet zum Beispiel einen 3-Pixel-Rand.
WordPress Tooltip Randfarbe (Pflichtfeld): Wählen Sie nahtlos eine Randfarbe für Ihren Tooltip mithilfe des Farbwählers aus.
WordPress Tooltip-Anzeigebedingung (Pflichtfeld): Erkunden Sie neun Trigger-Methoden zur Anzeige Ihrer Tooltips, darunter Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click und Click.
WordPress Tooltip-Ausblendbedingung (Pflichtfeld): Entdecken Sie zehn verschiedene Möglichkeiten, um Ihre Tooltip-Popup-Box auszublenden, darunter Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click und Stay Open A While.
WordPress Tooltip-Deckkraft (Pflichtfeld): Erstellen Sie transparente Tooltips, indem Sie die Deckkrafteigenschaft anpassen. Wählen Sie einen Wert zwischen 0,1 und 1,0, wobei niedrigere Werte eine erhöhte Transparenz bieten.
WordPress Tooltip Unterstrich (Pflichtfeld): Wählen Sie aus fünf Optionen (Gestrichelt, Doppellinie, Voll, Gestrichelt, Ausgeblendet), um den unteren Rand Ihrer Tooltip-Schlüsselwörter zu gestalten.
WordPress Tooltip Unterstreichungsfarbe (Pflichtfeld): Verwenden Sie den Farbwähler, um eine Unterstreichungsfarbe für Ihre WordPress Tooltip-Schlüsselwörter auszuwählen.
WordPress Tooltip Schatten (Pflichtfeld): Entscheiden Sie sich dafür, einen Schatteneffekt für Ihre Tooltips anzuzeigen oder auszublenden.
WordPress Tooltip Schriftgröße (Pflichtfeld): Legen Sie die Schriftgröße für Ihre Tooltips fest, zum Beispiel “12” repräsentiert 12 Pixel.
WordPress Tooltip Zeilenhöhe (Pflichtfeld): Passen Sie mit Leichtigkeit die Zeilenhöhe Ihrer Tooltips an. “1.5” passt beispielsweise den Zeilenabstand entsprechend an. Entfesseln Sie Ihre Kreativität und verleihen Sie Ihren Tooltips mit WordPress Tooltips Pro eine persönliche Note. Erleben Sie die Freude, mühelos visuell ansprechende Tooltips zu erstellen, die perfekt zu Ihrer Website passen.
… usw. und wir fügen basierend auf den Anfragen der WordPress Tooltip-Benutzer immer mehr Optionen hinzu

Bitte beachten Sie:

1: In der Regel können WordPress-Tooltip-Benutzer mit nur wenigen Mausklicks schnell einen Tooltip-Stil anpassen, der zu ihrer Website passt. Zum Beispiel können WordPress-Tooltip-Benutzer intuitiv die Farben aus dem WordPress-Tooltip-Farbwähler auswählen, einschließlich der Hintergrundfarbe der Tooltip-Box, der Schriftfarbe der Tooltips und der Randfarbe der Tooltips usw.

2: Im Allgemeinen, wenn WordPress-Tooltip-Benutzer die Feldwerte im benutzerdefinierten Tooltip-Einstellungsfeld ändern, wird das WordPress-Tooltip-Plugin den Tooltip-Stil automatisch als individuellen Stil einstellen. Daher müssen WordPress-Tooltip-Benutzer nicht zweimal auf “Tooltip Box Style Option” klicken.

3: In der WordPress-Tooltip-Style-Einstellungspanel haben wir das HTML “required” Attribut für erforderliche Optionen hinzugefügt. Wenn WordPress-Tooltip-Benutzer vergessen, Werte in das Eingabefeld für den Tooltip-Stil einzugeben, werden wir eine Benachrichtigung geben. Auf diese Weise müssen WordPress-Tooltip-Benutzer das Formular nicht immer wieder absenden.

4: In der WordPress-Tooltip-Style-Einstellungspanel haben wir ein Beispiel als Platzhalter für jede Tooltip-Option hinzugefügt, um dem Tooltip-Benutzer das Verständnis zu erleichtern.

5: In der WordPress-Tooltip-Style-Einstellungspanel haben wir Tipps für jede Tooltip-Option hinzugefügt. Wenn der Tooltip-Benutzer mit der Maus über den Tipp der Tooltip-Option fährt, öffnet sich ein Fenster mit einer detaillierten Beschreibung der Funktion der Tooltip-Option.

6: Häufige Gründe, warum die Einstellungen für neue Benutzer nicht funktionieren, sind das Vergessen des Klicks auf die blaue Schaltfläche “Änderungen speichern” am unteren Rand des WordPress-Tooltip-Stil-Einstellungspanels.

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

Tagged with: , ,

How to enable the customized style feature of wordpress tooltip plugin?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hi, esteemed users of WordPress Tooltip ,  I hope this message finds you are doing well well and enjoying wonderful days with your family Yesterday, we replied to a question submitted by a new wordpress tooltip user: How to set up tooltip position in wordpress tooltips plugin? Today we got a question from another new user of wordpress tooltip plugin, he said:

The custom style is not loading, and I am unable to get it to load. How can I select a custom style for the tooltip?

10 years ago, we added a tooltip style settings panel to the wordpress tooltip plugin in order to make it easy for wordpress tooltip editors to quickly customize beautiful tooltips. The  tooltip  custom style panel looks like this:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

And An early version from 10 years ago looked like this:

Tooltips Style Customization Panel

As you can see from the comparison of the two screenshots, over the past 10 years we’ve added a lot of options for wordpress tooltip users to customize a beautiful and unique wordpress tooltip.

With the ability to apply custom styles to tooltips, users can make their tooltips stand out from default or standard tooltip styles. This can be particularly useful when users want to draw attention to specific information or make important tooltips more noticeable.

The WordPress tooltip plugin allows users to customize the style of tooltips to match their website’s design, branding, or aesthetic preferences. Customizing the style of tooltips offers several benefits:

  1. Consistency: By customizing the style of tooltips, users can ensure that the tooltips align with the overall look and feel of their website. This helps maintain a consistent visual experience for visitors.
  2. Branding: Customizing the style of tooltips allows users to incorporate their brand elements, such as colors, fonts, or logos, into the tooltips. This helps reinforce brand identity and create a cohesive online presence.
  3. Visual Appeal: Styling tooltips can enhance the visual appeal of the website. Users can choose fonts, colors, and other design elements that make the tooltips more attractive and engaging, consequently improving the overall user experience.
  4. Differentiation: With the ability to apply custom styles to tooltips, users can make their tooltips stand out from default or standard tooltip styles. This can be particularly useful when users want to draw attention to specific information or make important tooltips more noticeable. Overall, providing the option to customize the style of tooltips adds flexibility and allows users to create visually appealing and cohesive experiences on their websites.

You can find our wordpress tooltip video tutorial at: WordPress Tooltips Video Tutorial 6: custom tooltip box color, font, underline, Shadow… and more

Discover how to personalize your tooltip style with WordPress Tooltips Pro Plus. Experience the power of customization with a variety of configuration options that allow you to effortlessly control the appearance of your tooltips. Follow these simple steps to give your tooltips a unique and captivating look:

  1. Login to your WordPress admin area and navigate to the Tooltips menu in wordpress dashboard, and then click Tooltips Style sub-menu item.
  2. You will open the “Tooltips Style Settings” panel, in here you’ll find more than 50 options to customize the pretty style of your tooltips with ease. Personalize Your Tooltip Style with WordPress Tooltips Pro, for example:
  • Tooltip Box Width (required field): Tailor the width of your tooltip by specifying a value such as “400” (which represents 400 pixels).
  • WordPress Tooltip Box Background (required field): Effortlessly change the background color of your tooltip using the intuitive color picker.
  • WordPress Tooltip Font Color (required field): Select a precise font color for your tooltip by utilizing the convenient color picker.
  • WordPress Tooltip Box Position (required field): Enjoy the flexibility of choosing from eight different tooltip positions, including bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, and leftMiddle.
  • WordPress Tooltip Text Align (required field): Align the text in your tooltip using one of three options: left, right, or center.
  • WordPress Tooltip Box Padding (required field): Specify the padding property for your tooltip popup box by indicating a value, like “10” (equivalent to 10 pixels).
  • WordPress Tooltip Class Name (required field): Define a class name for your tooltip, further customizing its appearance.
  • WordPress Tooltip Border Radius (required field): Apply rounded corners to your tooltip popup box by setting the Tooltip Border Radius property. For instance, “5” represents 5 pixels.
  • WordPress Tooltip Border Width (required field): Determine the width of your tooltip’s border with the Border Width property. For example, “3” signifies a 3-pixel border.
  • WordPress Tooltip Border Color (required field): Seamlessly select a border color for your tooltip using the color picker.
  • WordPress Tooltip Shows When (required field): Explore nine trigger methods for displaying your tooltips, including Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, and Click.
  • WordPress Tooltip Hides When (required field): Discover ten different ways to hide your tooltip popup box, including Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click, and Stay Open A While.
  • WordPress Tooltip Opacity (required field): Create transparent tooltips by adjusting the opacity property. Choose a value ranging from 0.1 to 1.0, with lower values providing increased transparency.
  • WordPress Tooltip Border Bottom (required field): Select from five options (Dotted, Double Line, Solid, Dashed, Hidden) to style the bottom border of your tooltip keywords.
  • WordPress Tooltips Underline Color (required field): Use the color picker to select an underline color for your WordPress tooltip keywords.
  • WordPress Tooltips Shadow (required field): Opt to display or hide a shadow effect for your tooltips.
  • WordPress Tooltip Font Size (required field): Set the font size for your tooltips, for example, “12” represents 12 pixels.
  • WordPress Tooltip Line Height (required field): Customize the line height of your tooltips with ease. For instance, “1.5” adjusts the line spacing accordingly. Unleash your creativity and give your tooltips a warm, personalized touch with WordPress Tooltips Pro. Experience the joy of effortlessly creating visually striking tooltips that perfectly complement your website.

…etc, and we are adding more than more optons based on wordpress tooltip users’ feature requests 🙂

Please note:

1: Typically, wordpress tooltip users can quickly customize a tooltip style to fit their website with just a few mouse clicks, for example, wordpress tooltip users can choose the colors intutively from wordpress tooltip color picker, include tooltips box background color, tooltips font color, tooltips border color…etc.

2: In general, if wordpress tooltip users changed style fields value in custom tooltip settings panel, wordpress tooltip plugin will setting tooltip style as customized style automatically, so wordpress tooltip users do not need to click twice in “tooltip box style option”

3: In wordpress tooltip style settings panel, we added html required attribute for required options, if wordpress tooltip user forget to enter the values in tooltip style input box, we will give a notice, by this way, wordpress tooltip users will not need to submite form again and again.

4: In wordpress tooltip style settings panel, we added placeholder as example of each tooltip option, for help tooltip user understand it easier

5: In wordpress tooltip style settings panel, we added tips for each tooltip option, when tooltip user mouse hover the tip of the tooltip option, a window will popuo with the detailed description of the function of the tooltip option

6: Common reasons why settings don’t work for new users are — the user forget to click the blue “Save changes” button at the bottom of the tooltip style settings panel

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 🙂

 

 

Tagged with: , , ,

Comment configurer la position du tooltip dans le plugin WordPress Tooltips ?

Posted on by wordpress tooltips Posted in Documento del plugin de Wordpress Tooltip(Spanish) — No Comments ↓

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 :
Tooltips Style Panel in wordpress tooltips pro plus 28.2.8
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

 

Tagged with: , ,

Wie richtet man die Tooltip-Position im WordPress Tooltips Plugin ein?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Glossary Plugin Dokumentation(German) — No Comments ↓

Liebe Benutzer des WordPress Tooltip Plugins, hoffentlich geht es Ihnen gut und Sie genießen glückliche Tage mit Ihrer Familie! Wir haben ein Support-Ticket von einem WordPress Tooltip Benutzer erhalten, der folgende Frage gestellt hat:

Hallo, ich habe gerade die Tooltip Pro Version gekauft, in der Hoffnung, Tooltips einfach stylen zu können, aber ich habe einen Bild-Tooltip, der sich oben auf der Seite befindet … und ich kann die Position des Feldes nicht festlegen.
Ich habe bereits einen benutzerdefinierten Stil ausprobiert und sogar auf ein div um das Bild angewendet, aber ich kann das Bild nicht unter den Tooltip positionieren.
Gibt es möglicherweise einen CSS/JS-Konflikt? Vielleicht mit Formidable Forms, die auch Tooltips verwenden?

Wir haben seine Seite überprüft. Tatsächlich ist es im WordPress Tooltip Plugin sehr einfach, die Position des WordPress Tooltip-Fensters einzurichten. Wir haben die Tooltip-Positionsfunktion für alle WordPress Tooltip-Benutzer entwickelt, seit WordPress Tooltip Pro 4.1.6 vor vielen Jahren (heute ist die Tooltip-Version 30.4.8). Wir freuen uns, eine ausführliche Anleitung für WordPress Tooltip-Benutzer zu schreiben

Wie richtet man die Tooltip-Position im WordPress Tooltip-Plugin ein?

Hallo! Wir hoffen, dass es Ihnen gut geht und Sie wunderbare Momente mit Ihren Lieben genießen! Vor kurzem haben wir ein Support-Ticket von einem WordPress Tooltip-Benutzer erhalten, der eine Frage zur Einrichtung der Tooltip-Position hatte. Wir sind hier, um zu helfen! Wenn Sie das WordPress Tooltip-Plugin noch nicht installiert haben, keine Sorge! Folgen Sie einfach diesen Schritten:

Wenn Sie die WordPress Tooltip Pro-Version noch nicht installiert haben, melden Sie sich bitte in Ihrem Konto auf der Website des WordPress Glossary Tooltip Plugins an – tooltip.org. Andernfalls überprüfen Sie bitte Schritt #11.

Gehen Sie zur Seite “Mein Konto” und laden Sie das WordPress Glossary Tooltip Plugin herunter.

Nun gehen wir zum Installationsprozess über!

Melden Sie sich als Administrator im WordPress-Adminbereich an.

Klicken Sie auf den Menüpunkt “Plugins” im WordPress-Dashboard.

Deaktivieren Sie alle alten Versionen des Tooltip-Plugins, die Sie möglicherweise haben.

Entfernen Sie das alte WordPress Tooltip-Plugin vollständig.

Klicken Sie immer noch im “Plugins”-Menü auf “Neu hinzufügen” oben im Plugin-Panel.
Laden Sie die Zip-Datei des Tooltip-Plugins hoch, die Sie von der WordPress Glossary Plugin-Website heruntergeladen haben.

Aktivieren Sie die neueste Version des WordPress Tooltip Glossary-Plugins. Großartige Arbeit! Nun können wir das Design des Tooltips anpassen:
Klicken Sie auf den Menüpunkt “Tooltips”.

Wählen Sie aus dem Dropdown-Menü “Tooltip Style” aus. Dadurch wird das “Tooltip Style” -Panel geöffnet, das wie auf dem Screenshot unten aussieht:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

In diesem WordPress Tooltip-Stil-Einstellungspanel finden Sie Optionen zum Anpassen der Tooltip-Position, der Schriftfarbe des Titels, der Schriftgröße des Titels, der Hintergrundfarbe des Tooltip-Titels und vieles mehr! Sie haben die Flexibilität, jeden einzelnen Aspekt des WordPress-Tooltips nach Belieben anzupassen. Wie aufregend ist das?

Im WordPress Tooltip-Stil-Einstellungspanel finden Sie in der Option “Tooltip Box Position” mehrere Positionierungsoptionen für Tooltips: bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle…

Unser WordPress Tooltip-Plugin bietet die praktische Funktion der automatischen Positionierung. Lassen Sie uns erklären, wie es mit einigen Beispielen funktioniert.

Wenn Sie die Position “topMiddle” für die Tooltip-Box auswählen, wird sie intelligent oben in der Mitte des Tooltip-Schlüsselworts auf der Vorderseite angezeigt. Wenn Sie sich für die Position “bottomMiddle” entscheiden, erscheint die Tooltip-Box unten in der Mitte des Tooltip-Schlüsselworts.

Wir haben diese Funktion entwickelt, um sicherzustellen, dass Ihre Tooltips mühelos mit dem beabsichtigten Kontext ausgerichtet sind und ein nahtloses und intuitives Benutzererlebnis bieten.

Wir hoffen, dass diese Anweisungen klar und hilfreich sind! Wenn Sie weitere Fragen haben oder Hilfe bei irgendeinem Aspekt des WordPress Tooltip-Plugins benötigen, zögern Sie bitte nicht, sich an uns zu wenden. Wir sind hier, um zu helfen!

Wir wünschen Ihnen einen angenehmen Tag
Mit freundlichen Grüßen,
Unterstützung des WordPress Tooltip-Plugins

Tagged with: , ,

Comment changer la couleur du soulignement pour l’infobulle de WordPress ? (wordpress tooltips pro)

Posted on by wordpress tooltips Posted in Document sur le plugin WordPress Tooltip(French) — No Comments ↓

Chers utilisateurs du plugin WordPress Tooltip, j’espère que ce message vous trouve en bonne santé et que vous passez de merveilleuses journées avec vos proches ! Un utilisateur de WordPress Tooltip nous a demandé : “Est-il possible de changer la couleur du soulignement pour l’infobulle de WordPress ? J’utilise deux types de fonds pour ma palette de couleurs, un gris/bleu et un gris plus foncé. J’utilise également les infobulles sur un fond blanc avec du texte noir, donc il n’y a pas de problème à ce niveau-là. Mais j’aimerais au moins avoir une option de soulignement blanc ou gris clair lorsque j’utilise des arrière-plans plus foncés. Merci d’avance pour toute suggestion. Cordialement”

Oui, dans le plugin WordPress Tooltip, nous avons quelques méthodes pour changer la couleur du soulignement des infobulles de WordPress. Nous pensons que d’autres utilisateurs ont des questions similaires, nous aimerions rédiger un document détaillé pour les utilisateurs des infobulles de WordPress:

Comment changer la couleur du soulignement pour l’infobulle de WordPress ?

  1. Si vous êtes utilisateur du plugin WordPress Tooltips Pro Plus, veuillez vous connecter sur tooltips.org et sélectionner “Téléchargement de l’infobulle WordPress” pour obtenir la dernière version du plugin WordPress Tooltips Pro Plus.
  2. Veuillez vous connecter à votre site WordPress, puis cliquer sur le menu “Extensions” dans le tableau de bord de WordPress. Désactivez la version actuelle du plugin WordPress Tooltips, puis supprimez-la dans le panneau des extensions.
  3. Téléchargez la dernière version du plugin WordPress Tooltip (sous forme d’un fichier zip). Activez le plugin après une installation réussie. Si vous êtes nouveau dans l’utilisation du plugin WordPress Tooltips et avez besoin d’aide pour l’installation, veuillez consulter notre vidéo explicative sur la façon d’installer WordPress Tooltip à l’adresse suivante : : Tutoriel vidéo sur les infobulles WordPress :  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
  4. Dans le tableau de bord WordPress, accédez à l’option. Cliquez ensuite sur l’élément de menu “Infobulles”, suivi de l’élément de sous-menu “Styles d’infobulles”. Le menu des infobulles ressemble à ceci :
    tooltips menu in wordpress tooltips pro plus 27.5.8

    Menu des infobulles dans WordPress Tooltips Pro Plus 27.5.8
    5: Après avoir suivi les étapes précédentes, vous pourrez accéder au panneau des paramètres de style des infobulles WordPress. L’apparence de ce panneau est la suivante :
    Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

    Panneau de style des infobulles dans WordPress Tooltips Pro Plus 28.2.8
    6: Dans le panneau des paramètres de style des infobulles de WordPress, vous trouverez l’option “Couleur du soulignement des infobulles”. Vous pouvez sélectionner votre couleur préférée à partir du sélecteur de couleurs des infobulles WordPress.
    7: N’oubliez pas de cliquer sur le bouton bleu “Enregistrer les modifications”. Ensuite, dans le front-end de votre article WordPress, vous constaterez que la couleur du soulignement des termes des infobulles WordPress a été modifiée selon vos souhaits 🙂

Si vous êtes également à l’aise avec le CSS, vous pouvez personnaliser le code CSS des infobulles WordPress. Dans le dossier du plugin WordPress Tooltips, vous trouverez un fichier de style d’infobulles : tooltips.css. Veuillez ouvrir tooltips.css dans votre IDE, puis ajouter le code suivant en bas du fichier :
.tooltipsall {
border-bottom: 2px dotted #000000 !important;
}

J’espère que cela vous sera d’une petite aide 🙂
Merci, passez une journée bénie en famille 🙂

Cordialement,
Le support du plugin WordPress Tooltips Plusin

Tagged with: , , ,

How to change the color of the underline for wordpress tooltip?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey dear wordpress tooltips plugin users, I hope this message find you are doing well and having wonderful days with your loved ones! A wordpress tooltip wrote to us: “Is there a way to change to color of the underline for wordpress tooltip? I use two kinds of backgrounds for my color palette, a gray/blue and a darker gray. And I also use tooltips on a white backgound with black text, so there is no issue there. But I’d like to at least have a white or light gray underline option when using darker backgrounds.  Thanks in advance for any insight. Regards”

Yes, in wordpress tooltips plugin , we have a few methods to change the color of the underline for wordpress tooltips, we believe other users have similar question, we’d like write a detailed document for wordpress tooltip users:

How to change the color of the underline for wordpress tooltip?

1 If you are a user of the WordPress Tooltips Pro Plus plugin, kindly log in to tooltips.org and select “WordPress Tooltip Download” to acquire the most recent edition of the WordPress Tooltips Pro Plus plugin.

2 please login your wordpress site, then please click “plugins” menu in wordpress dashboard, please deactivate the current version of wordpress tooltips plugin, then delete it in  plugins panel.

3 Upload the latest version of the WordPress Tooltip plugin (in the form of a zip file). Activate the plugin after successful installation. If you are new to the WordPress Tooltip plugin and need guidance on installation, please refer to our instructional video on how to install WordPress Tooltip at:

:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

4: In WordPress dashboard, navigate to the From there, click on the “Tooltips” menu item, followed by the “tooltip styles” sub-menu item, the tooltip menu looks like this:

tooltips menu in wordpress tooltips pro plus 27.5.8

tooltips menu in wordpress tooltips pro plus 27.5.8

5 After completing the previous steps, you will be able to access the WordPress Tooltip Style Settings panel. The appearance of this panel is as follows:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

6: In wordpress tooltip style settings panel, you will find the option “Tooltip Underline Color”,  you can select your loved color from wordpress tooltip color picker

7 Please remember to click the blue “Save Changes” button, then in front-end of wordpress post, you will find the underline color  of wordpress tooltip terms has been changed as you want 🙂

Also if you are good at CSS, then you can customize CSS code of wordpress tooltips, in wordpress tooltips plugin folder, there are tooltip style file: tooltips.css, please open tooltips.css in your IDE and then add code at the bottom like this:

.tooltipsall

{

border-bottom:2px dotted #000000 !important

}

Purchase Now

Hope this have a little help 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Plusin Support

Tagged with: , , ,

Comment personnaliser le style de l’infobulle dans le plugin d’infobulle WordPress –WordPress tooltips pro version

Posted on by wordpress tooltips Posted in Document sur le plugin WordPress Tooltip(French) — No Comments ↓

Bonjour, chers utilisateurs estimés de WordPress Tooltip. J’espère que ce message vous trouve en bonne santé et que vous profitez de joyeuses journées en famille . Nous avons reçu un ticket d’un nouveau utilisateur du plugin WordPress Tooltip, dans lequel il a dit :

Salut,
J’ai acheté aujourd’hui la version pro du plugin WordPress Tooltip.
Je suis content de pouvoir changer le style, mais l’option personnalisée ne fonctionne pas.
Rien n’est affiché lorsque le style personnalisé est sélectionné.
Vous pouvez jeter un œil sur mon site.
Merci pour votre aide.

Notre support du plugin WordPress Tooltip a répondu :

Bonjour,
Merci pour le message
Nous sommes très heureux de pouvoir vous aider. Pourriez-vous s’il vous plaît :
vous connecter à l’espace d’administration de WordPress.

Cliquer sur l’élément de menu “Tooltips”.
Sélectionner l’élément de sous-menu “Tooltip Style”. Vous serez alors redirigé vers le panneau “Tooltip Style”, qui ressemble à ceci :

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

À cet endroit, vous pouvez ajuster des propriétés telles que la couleur de police de l’infobulle, la taille de la police, la couleur de fond, le soulignement de l’infobulle, la largeur de la boîte de l’infobulle, la position de la boîte d’infobulle de WordPress, l’alignement du texte d’infobulle de WordPress, le rayon de la bordure d’infobulle de WordPress, la largeur de la bordure d’infobulle de WordPress… et plus encore.

Si vous êtes un nouvel utilisateur du plugin WordPress Tooltips, veuillez consulter notre tutoriel vidéo détaillé sur : Tutoriel vidéo WordPress Tooltips 6 : couleur personnalisée de la boîte d’infobulle, police, soulignement, ombre… et plus encore. Fondamentalement, vous avez la liberté de personnaliser chaque aspect de l’infobulle WordPress

Si vous souhaitez créer un modèle d’infobulle unique et visuellement attrayant pour chaque terme d’infobulle WordPress, le processus est simple. Veuillez cliquer sur l’élément de sous-menu “Ajouter un nouveau” sous le menu Infobulles.

Vous aurez la possibilité de personnaliser un style unique pour chaque infobulle via la boîte méta “Style unique pour cette infobulle”, située en bas de l’éditeur d’infobulles, comme illustré ci-dessous : Style joli unique pour chaque terme d’infobulle Après avoir personnalisé le style de l’infobulle pour le terme spécifique, utilisez le shortcode “tooltip_by_id” pour l’afficher à l’avant. En suivant ces étapes, vous pouvez personnaliser le style de chaque shortcode d’infobulle, y compris le titre de l’infobulle WordPress, la largeur de la boîte, la couleur de la police, l’arrière-plan, le rembourrage, la position, le rayon, la bordure, l’animation de fenêtre contextuelle, et plus encore. Laissez votre créativité s’exprimer

Veuillez noter qu’après avoir personnalisé le style des infobulles WordPress, veuillez penser à cliquer sur le bouton “Enregistrer les modifications” en bas du panneau de réglages du style d’infobulle de WordPress, sinon cela ne fonctionnera pas

Merci, passez une merveilleuse journée en famille
Cordialement,
Support du plugin WordPress Tooltip

Tagged with: , , ,
Top