Wie verlinkt oder assoziiert man ein WordPress-Tooltip mit einem bestimmten Element — WordPress tooltips

Tooltip-Plugin für WordPress

Benutzer des WordPress Tooltips  Plugin, ich hoffe, diese Nachricht erreicht Sie bei guter Gesundheit und in guter Stimmung mit Ihren Familien Wir haben eine Support-Anfrage von einem Benutzer des Tooltip-Plugins für WordPress erhalten, in der der Benutzer geschrieben hat:

Entschuldigung, ich bin neu hier. Ich kann immer noch nicht herausfinden, wie ich einen Tooltip mit einem bestimmten Element verknüpfen oder zuweisen kann. Also habe ich einen Tooltip erstellt und sagen wir, ich möchte, dass er angezeigt wird, wenn der Benutzer mit der Maus über ein Schaltflächenelement (mit der Beschriftung “Person hinzufügen” und id=”add-person”) auf meiner Seite fährt. Wie kann ich das machen? Mit anderen Worten, wie kann ich den Tooltip, den ich gerade erstellt habe, diesem Schaltflächenelement zuweisen?

Wir glauben, dass auch andere Benutzer eine ähnliche Frage haben könnten. Daher planen wir, unsere Antwort offen mit allen Benutzern von WordPress Tooltip zu teilen.

Was ist der Zweck von Tooltips?

Tooltips sind kleine Popup-Fenster, die zusätzliche Informationen bereitstellen, wie Videos, Audio, Bilder, Google Maps, QR-Codes, Wikipedia-Artikel und Text. Wenn Benutzer mit der Maus über Elemente auf ihren Webseiten fahren, wie ein Wort in einem Beitrag, ein Suchfeld, ein Bild oder ein Widget in der Seitenleiste, erscheinen die Tooltips sanft und bieten Details an. Das WordPress Tooltip-Plugin ermöglicht es, Tooltip-Effekte auf jedes Element in WordPress-Beiträgen, Menüs, Kommentaren, Kontaktformularen, WooCommerce-Produkten, bbPress-Foren, BuddyPress-Aktivitäten und mehr anzuwenden. Dieses Plugin bietet eine Reihe attraktiver Komponenten und Ergänzungen, einschließlich der zauberhaften Funktion Bullets Screen.

Präsentation des Tooltip-Plugins für WordPress

WordPress Tooltip Pro ist ein Plugin, das speziell entwickelt wurde, um Ihre WordPress-Seite mit visuell ansprechenden und vielseitigen Tooltips zu bereichern. Es ermöglicht Ihnen, ansprechende Tooltip-Stile zu erstellen, die die Inhalte für Ihre Benutzer großartig präsentieren und gleichzeitig den Platz auf dem Bildschirm optimieren.

Wenn der Benutzer mit der Maus über ein Element fährt, öffnet sich ein lebendiges und animiertes Tooltip-Fenster. Sie haben die Flexibilität, verschiedene Formen von Inhalten einzufügen, einschließlich Videos, Audio, Bilder und sogar von Drittanbietern generierte Inhalte aus Plugins wie QR-Codes, Amazon-Anzeigen und Google Maps. All dies kann einfach über den Standard-WordPress-Editor hinzugefügt werden, was es äußerst benutzerfreundlich macht.

Jetzt kaufen

Als Anfänger lernen Sie den Prozess, wie Sie Ihre ersten Tooltips mit dem WordPress Tooltips Pro-Plugin erstellen.

• WordPress Tooltip macht es einfach, Tooltips auf einfache Weise zu erstellen. Wir führen Sie Schritt für Schritt durch den Prozess der Hinzufügung von Tooltips.
• Melden Sie sich bei Ihrem Konto auf der Website des WordPress Tooltip-Plugins an.
• Wenn Sie das WordPress Tooltip-Plugin noch nicht installiert haben, melden Sie sich bei Ihrem Konto auf der Website des Glossario Tooltip für WordPress an. Wenn Sie das WordPress Tooltip-Plugin bereits installiert haben, können Sie direkt zu Schritt #10 springen.
• Finden Sie den Link “Herunterladen” im oberen Menü oder klicken Sie einfach auf diesen Link: [Link zum Glossario Tooltip für WordPress], um das WordPress Tooltips Pro-Plugin herunterzuladen.
• Melden Sie sich im Administrationsbereich Ihrer WordPress-Website an.
• Gehen Sie zum Menü “Plugins”.
• Deaktivieren Sie die vorherige Version des Tooltip-Plugins.
• Entfernen Sie das alte WordPress Tooltip-Plugin.
• Klicken Sie im Menü “Plugins” oben im Plugin-Bereich auf “Neu hinzufügen”.
• Laden Sie die Zip-Datei des Tooltip-Plugins hoch, die Sie von der Website des Glossario WordPress heruntergeladen haben.
• Aktivieren Sie die neueste Version des WordPress Tooltip Pro-Plugins.
• Gehen Sie zum seitlichen Administrationsmenü von WordPress. Klicken Sie auf “Tooltips” und dann auf “Neu hinzufügen”, um einen neuen WordPress-Tooltip hinzuzufügen.
  
• Im Texteditor des WordPress-Beitrags haben Sie die Freiheit, verschiedene HTML-Elemente in den Tooltip einzufügen. Diese Elemente können Bilder, Links und Text umfassen.
• Herzlichen Glückwunsch! Sie haben erfolgreich einen WordPress-Tooltip hinzugefügt. Wenn Sie mit der Maus über das festgelegte Schlüsselwort fahren, wird der Tooltip aktiviert. Darüber hinaus bietet unser Tooltip-Plugin für WordPress eine Reihe von Anpassungsoptionen zur Verbesserung des Aussehens Ihrer Tooltips. Diese Optionen umfassen Parameter wie Textfarbe, Hintergrund, Schriftgröße, Breite, Schatten, Transparenz, Aktivierungsmethode und mehr.
• Video-Tutorial:

Wie verbinde oder weise ich einen WordPress-Tooltip einem bestimmten Element zu?

1. Bitte erstellen Sie einen neuen Tooltip-Begriff in WordPress, im WordPress-Panel können Sie auf das Untermenü “Neu hinzufügen” klicken, um den Tooltip-Builder zu öffnen. Die Benutzeroberfläche wird ähnlich wie der unten gezeigte Tooltip-Editor aussehen:

   

2. In der obigen Abbildung sehen Sie ein Metabox mit dem Titel “Tooltips für Formulare”. Es sollte jedoch “Tooltips für Klassen” heißen. Diese Änderung haben wir vorgenommen, da wir festgestellt haben, dass die häufigsten Anwendungsfälle das Hinzufügen von Tooltips zu Formelementen oder Feldern unter Verwendung von CSS-Klassen oder IDs beinhalteten. Diese Änderung soll den Benutzern helfen, den Zweck des Metaboxes als Tooltips für Formulare zu verstehen.

3. Geben Sie einfach die CSS-Klasse oder die CSS-ID in das Feld “Tooltip für Formulare” ein, wo Sie den Tooltip-Effekt anwenden möchten:

Zum Beispiel Tooltip für die Klasse:
.input_box_1
oder Tooltip für die ID:
#text_box_2

Wenn Sie nicht wissen, wie Sie die CSS-Klasse oder die CSS-ID für ein bestimmtes Element in WordPress finden können, sehen Sie sich die Anleitung mit dem Titel “Wie finde ich die CSS-Klasse oder die CSS-ID eines Elements auf der WordPress-Seite?” an.

1. Stellen Sie sicher, dass Sie den Titel und den Inhalt des Tooltips im Tooltip-Editor eingegeben haben, und klicken Sie dann auf die Schaltfläche “Veröffentlichen”.

2. Auf der Frontend-Seite, wenn Sie die Seite besuchen, die die angegebene CSS-Klasse oder CSS-ID enthält, wird das Überfahren des Elements mit der Klasse die Anzeige des Tooltip-Inhalts im Tooltip-Fenster aktivieren.

3. Hier können Sie die Demo der Tooltips für Klassen ansehen, Sie können eine Demo der WordPress-Tooltips für Klassen sehen. Im Formular, wenn Sie mit der Maus über jedes Feld fahren, wird ein spezielles Tooltip-Fenster angezeigt. Auf diese Weise können Sie Tooltips für verschiedene Klassen oder CSS-IDs im Frontend hinzufügen. Zum Beispiel können Sie Tooltips für Kontaktformulare, Bilder, Videos, Schaltflächen, Menüpunkte, Karten, Text und mehr haben.

4. Beachten Sie, dass Sie im Tooltip-Editor einzigartige und visuell ansprechende Stile für jeden Tooltip-Begriff anpassen können. Darüber hinaus können Sie verschiedene Animationen für einzelne Tooltips anwenden.

Fazit:

Benutzer von WordPress-Tooltips können Tooltips zu bestimmten Elementen auf ihrer WordPress-Seite hinzufügen, wie z.B. Formularfeldern, Formularbeschriftungen, Menüpunkten, Schaltflächen oder anderen interaktiven Elementen. Das Verbinden oder Zuweisen von Tooltips zu diesen Elementen ermöglicht es, zusätzliche Informationen, Anweisungen oder Erklärungen für Benutzer bereitzustellen, während sie mit diesen Elementen interagieren. Zum Beispiel:

• In einem Formularfeld kann ein Tooltip Hinweise zum erwarteten Format geben oder eine kurze Beschreibung des erforderlichen Wertes anbieten.
• In einer Formularbeschriftung kann ein Tooltip zusätzliche Erklärungen oder Beispiele zum Zweck der Beschriftung bieten.
• In einem Menüelement kann ein Tooltip eine kurze Beschreibung anbieten oder die Funktionalität des Elements beim Überfahren mit der Maus andeuten. Die Anfrage des Benutzers nach dieser Funktion soll die Benutzererfahrung verbessern, indem Unklarheiten reduziert, nützliche Tipps gegeben oder den Benutzern zusätzliche Informationen zu bestimmten Elementen bereitgestellt werden. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingaberequirements der Website führen.
• …usw.

Die Funktion “Tooltips für alles” – kann die Benutzererfahrung verbessern, indem Unklarheiten reduziert, nützliche Tipps gegeben oder den Benutzern zusätzliche Informationen zu bestimmten Elementen bereitgestellt werden. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingaberequirements der Website führen.