Liebe Benutzer des WordPress Tooltip Plugins,
wir hoffen, dass es Ihnen gut geht und Sie einen schönen Tag mit Ihrer Familie verbringen.
Wir haben ein Support-Ticket von einem Benutzer des WordPress Tooltip-Plugins erhalten. Der Benutzer sagt:
“Entschuldigung, ich bin neu hier. Ich bekomme immer noch nicht heraus, wie ich eine Tooltip mit einem bestimmten Element verknüpfen oder zuordnen kann. Also habe ich eine Tooltip erstellt und möchte, dass sie erscheint, wenn der Benutzer über ein Schaltflächenelement (mit der Bezeichnung ‘Person hinzufügen’ und der ID ‘add-person’) auf meiner Seite fährt. Wie gehe ich dabei vor? Wie ordne ich die gerade erstellte Tooltip diesem Schaltflächenelement zu?”
Wir glauben, dass es möglicherweise mehrere Benutzer mit einer ähnlichen Fragestellung gibt. Daher möchten wir unsere Antwort offen für alle Benutzer des WordPress Tooltip-Plugins verteilen.
Was ist der Zweck von Tooltips?
Tooltips sind kompakte Popup-Fenster, die zusätzliche Informationen wie Videos, Audios, Bilder, Google Maps, QR-Codes, Wikipedia-Artikel und Texte bereitstellen. Wenn Benutzer über ein Element auf Ihren Webseiten fahren, wie zum Beispiel ein Wort in einem Beitrag, ein Eingabefeld einer Suchform, ein Bild oder ein Widget in der Seitenleiste, erscheinen Tooltips nahtlos, um interessante Details anzubieten. Das WordPress Tooltip-Plugin ermöglicht es, Tooltip-Effekte auf jedes Element innerhalb von WordPress-Beiträgen, Menüs, Kommentaren, Kontaktformularen, WooCommerce-Produkten, bbPress-Foren, BuddyPress-Aktivitäten und vielem mehr anzuwenden. Dieses Plugin bietet eine Vielzahl von fesselnden Komponenten und Addons, einschließlich der ansprechenden “Bullets Screen”-Funktion.
Vorstellung des WordPress Tooltip-Plugins
Das WordPress Tooltip Pro ist ein Plugin, das speziell entwickelt wurde, um Ihre WordPress-Website mit optisch ansprechenden und vielseitigen Tooltips zu verbessern. Es ermöglicht Ihnen, fesselnde Tooltip-Stile zu erstellen, die Inhalte auf schöne Weise präsentieren und dabei den Bildschirmplatz optimal nutzen.
Wenn ein Benutzer über ein Element fährt, wird eine lebendige und animierte Tooltip-Popup-Box angezeigt. Sie haben die Möglichkeit, verschiedene Formen von Inhalten einzufügen, einschließlich Videos, Audios, Bildern und sogar von Drittanbieter-Plugins generierten Inhalten wie QR-Codes, Amazon-Anzeigen und Google Maps. All dies kann mühelos über den Standard-WordPress-Editor hinzugefügt werden, was ihn unglaublich benutzerfreundlich macht.
Als Anfänger lernen Sie den Prozess der Erstellung Ihrer ersten Tooltips mit dem WordPress Tooltips Pro Plugin
WordPress Tooltip ermöglicht die mühelose Erstellung von Tooltips. Wir werden Sie Schritt für Schritt durch den Prozess des Hinzufügens von Tooltips führen.
Melden Sie sich auf der Website des WordPress Tooltip Plugin in Ihrem Konto an.
Wenn Sie das WordPress Tooltip Plugin noch nicht installiert haben, melden Sie sich bitte auf der Website des WordPress Glossary Tooltip Plugin in Ihrem Konto an. Wenn Sie das WordPress Tooltip Plugin bereits installiert haben, können Sie direkt zum Schritt #10 übergehen.
Suchen Sie den Link “Herunterladen” in der oberen Menüleiste oder klicken Sie einfach auf diesen Link: [Link zum WordPress Glossary Tooltip Plugin], um das WordPress Tooltips Pro Plugin herunterzuladen.
Greifen Sie auf den Administrationsbereich Ihrer WordPress-Website zu und melden Sie sich an.
Navigieren Sie zum Menüpunkt “Plugins”.
Deaktivieren Sie die vorherige Version des Tooltip-Plugins.
Löschen Sie das alte WordPress Tooltip Plugin.
Klicken Sie im Menüpunkt “Plugins” auf “Neu hinzufügen” oben im Plugin-Panel.
Laden Sie die Zip-Datei des Tooltip-Plugins hoch, die Sie von der Website des WordPress Glossary Plugin heruntergeladen haben.
Aktivieren Sie die neueste Version des WordPress Tooltip Pro Plugin.
Navigieren Sie zur WordPress-Administrator-Seitenleiste. Klicken Sie auf “Tooltips” und dann auf “Neu hinzufügen”, um die Hinzufügung eines neuen WordPress-Tooltips zu starten.
Fügen Sie im WordPress-Beitrag-Texteditor verschiedene HTML-Elemente in den Tooltip ein. Diese Elemente können Bilder, Links und Text enthalten.
Herzlichen Glückwunsch! Sie haben erfolgreich einen WordPress-Tooltip eingefügt. Wenn Sie über das festgelegte Stichwort fahren, wird der Tooltip ausgelöst. Darüber hinaus bietet unser WordPress Tooltip Plugin eine Vielzahl von Anpassungsoptionen, um das Erscheinungsbild Ihrer Tooltips zu verbessern. Diese Optionen umfassen Parameter wie Textfarbe, Hintergrund, Schriftgröße, Breite, Schatten, Transparenz, Auslösemethode und mehr.
Video-Tutorial:
Wie verknüpft oder verbindet man einen WordPress-Tooltip mit einem bestimmten Element?
- Erstellen Sie bitte einen neuen WordPress-Tooltip-Begriff. Im WordPress-Dashboard können Sie auf den Untermenüpunkt “Neu hinzufügen” klicken, um den Tooltip-Ersteller zu öffnen. Die Benutzeroberfläche ähnelt dem unten gezeigten Tooltip-Editor:
Tooltip-Editor
- In obigem Diagramm sehen Sie eine Metabox mit der Beschriftung “Tooltips für Formulare”. Sie sollte jedoch eigentlich “Tooltips für Klassen” heißen. Diese Änderung haben wir vorgenommen, da die häufigsten Anwendungsfälle das Hinzufügen von Tooltips zu Formularelementen oder -feldern mit CSS-Klassen oder -IDs umfassten. Diese Änderung soll den Benutzern helfen, den Zweck der Metabox als Tooltips für Formulare zu verstehen.
- Geben Sie einfach die CSS-Klasse oder CSS-ID in das Eingabefeld “Tooltip für Formulare” ein, auf das Sie den Tooltip-Effekt anwenden möchten: Zum Beispiel, Tooltips für Klasse: .input_box_1 oder Tooltips für ID: #text_box_2
Wenn Sie sich nicht sicher sind, wie Sie die CSS-Klasse oder CSS-ID für ein bestimmtes Komponente in WordPress finden können, lesen Sie bitte den Leitfaden mit dem Titel “Wie finde ich eine CSS-Klasse oder CSS-ID einer Komponente auf einer WordPress-Seite?”.
- Stellen Sie sicher, dass Sie den Tooltip-Titel und den Inhalt im Tooltip-Editor eingegeben haben, und klicken Sie dann auf die Schaltfläche “Veröffentlichen”.
- Auf der Website, wenn Sie eine Seite besuchen, die die angegebene CSS-Klasse oder CSS-ID enthält, wird das Schweben über dem Klassenelement den Tooltip-Inhalt in einem Tooltip-Fenster anzeigen.
- Hier können Sie DEMO der Tooltips für Klassen überprüfen. Dort können Sie eine Demonstration von WordPress-Tooltips für Klassen sehen. Wenn Sie über jedes Feld schweben, wird ein dediziertes Tooltip-Fenster angezeigt. Auf diese Weise können Sie Tooltips für verschiedene CSS-Klassen oder IDs auf der Website hinzufügen. Zum Beispiel können Sie Tooltips für Kontaktformulare, Bilder, Videos, Schaltflächen, Menüpunkte, Karten, Texte und mehr haben.
- Beachten Sie bitte, dass Sie im Tooltip-Editor einzigartige und optisch ansprechende Tooltip-Stile für jeden Tooltip-Begriff anpassen können. Außerdem können Sie unterschiedliche Animationen für einzelne Tooltips anwenden.
Fazit:
Mit WordPress Tooltips können Benutzer Tooltips zu bestimmten Elementen auf ihrer WordPress-Website hinzufügen, wie z.B. Formularfelder, Formularbeschriftungen, Menüpunkte, Schaltflächen oder andere interaktive Elemente. Indem sie Tooltips mit diesen Elementen verknüpfen oder ihnen zuordnen, können sie zusätzliche Informationen, Anweisungen oder Erläuterungen für Benutzer bereitstellen, wenn sie mit diesen Elementen interagieren. Zum Beispiel:
In einem Formularfeld kann ein Tooltip eine Anleitung zum erwarteten Format geben oder eine kurze Beschreibung der erforderlichen Eingabe liefern.
In einer Formularbeschriftung kann ein Tooltip weitere Erläuterungen oder Beispiele für den Zweck der Beschriftung bieten.
In einem Menüpunkt kann ein Tooltip eine kurze Beschreibung liefern oder die Funktion des Elements anzeigen, wenn der Mauszeiger darüber schwebt. Die Anforderung des Benutzers zielt darauf ab, die Benutzererfahrung zu verbessern, indem Unklarheiten reduziert werden, hilfreiche Hinweise gegeben werden oder den Benutzern mehr Informationen zu bestimmten Elementen zur Verfügung gestellt werden. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingabeanforderungen der Website führen.
…etc
Die Funktion “Tooltips für alles” kann die Benutzererfahrung verbessern, indem Unklarheiten reduziert werden, hilfreiche Hinweise gegeben werden oder den Benutzern mehr Informationen zu bestimmten Elementen zur Verfügung gestellt werden. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingabeanforderungen der Website führen.
Leave a Reply