Wie verknüpft oder assoziiert man ein WordPress Tooltip mit einem bestimmten Element?

WordPress Tooltip Plugin Benutzer,

ich hoffe, diese Nachricht erreicht Sie wohl und Sie haben einen glücklichen Tag mit Ihrer Familie. Wir haben ein Support-Ticket von einem Benutzer des WordPress Tooltip Plugins erhalten, in dem der Tooltip-Benutzer sagte:

„Entschuldigung, ich bin neu hier. Ich kann immer noch nicht herausfinden, wie ich einen Tooltip mit einem bestimmten Element verlinken oder assoziieren kann. Ich habe einen Tooltip erstellt und möchte, dass dieser erscheint, wenn der Benutzer über ein Schaltflächenelement (mit dem Label „Person hinzufügen“ und der ID „add-person“) auf meiner Seite fährt. Wie gehe ich damit um? Das heißt, wie verknüpfe ich den Tooltip, den ich gerade erstellt habe, mit diesem Schaltflächenelement?“

Wir sind der Überzeugung, dass eine größere Anzahl von Benutzern eine ähnliche Anfrage haben könnte. Daher beabsichtigen wir, unsere Antwort allen Benutzern von WordPress Tooltip offen zur Verfügung zu stellen.

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 Text bereitstellen. Wenn Benutzer über ein Element auf Ihren Webseiten fahren, wie ein Wort in einem Beitrag, ein Suchformular, ein Bild oder ein Sidebar-Widget, erscheinen Tooltips nahtlos, um ansprechende 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 mehr anzuwenden. Dieses Plugin bietet eine Vielzahl von ansprechenden Komponenten und Add-ons, einschließlich der erfreulichen Bullets Screen-Funktion.

Einführung in das WordPress Tooltip Plugin

WordPress Tooltip Pro ist ein Plugin, das speziell entwickelt wurde, um Ihre WordPress-Website mit visuell ansprechenden und vielseitigen Tooltips zu verbessern. Es ermöglicht Ihnen, fesselnde Tooltip-Stile zu erstellen, die Inhalte für Ihre Benutzer schön präsentieren, während der Bildschirmplatz optimiert wird.

Wenn ein Benutzer über ein Element fährt, wird ein lebendiges und animiertes Tooltip-Popup-Fenster angezeigt. Sie haben die Flexibilität, verschiedene Arten von Inhalten einzufügen, einschließlich Videos, Audios, Bilder und sogar von Drittanbietern generierte Inhalte von Plugins wie QR-Codes, Amazon-Anzeigen und Google Maps. All dies kann mühelos über den standardmäßigen WordPress-Editor hinzugefügt werden, was es unglaublich benutzerfreundlich macht.

Als Neuling lernen Sie den Prozess zur Erstellung Ihrer ersten Tooltips mit dem WordPress Tooltips Pro Plugin

• WordPress Tooltip erleichtert die mühelose Erstellung von Tooltips. Wir werden Sie Schritt für Schritt durch den Prozess der Hinzufügung von Tooltips führen.
• Melden Sie sich in Ihrem Konto auf der Website des WordPress Tooltip Plugins an.
• Wenn Sie das WordPress Tooltip Plugin noch nicht installiert haben, melden Sie sich bitte in Ihrem Konto auf der Website des WordPress Glossary Tooltip Plugins an. Wenn Sie das WordPress Tooltip Plugin bereits installiert haben, können Sie direkt zu Schritt #10 übergehen.
• Suchen Sie nach dem „Download“-Link 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 Admin-Bereich 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“ oben im Plugin-Panel auf „Neu hinzufügen“.
• Laden Sie die Zip-Datei des Tooltip-Plugins hoch, die Sie von der Website des WordPress Glossary Plugins heruntergeladen haben.
• Aktivieren Sie die neueste Version des WordPress Tooltip Pro Plugins.
• Navigieren Sie zur WordPress-Admin-Seitenleiste. Klicken Sie auf „Tooltips“ und dann auf „Neu hinzufügen“, um die Hinzufügung eines neuen WordPress-Tooltips zu starten.
  
• 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 jetzt erfolgreich einen WordPress-Tooltip hinzugefügt. Wenn Sie über das festgelegte Schlüsselwort 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, Opazität, Auslöse-Methode und mehr.

Video-Tutorial:

Wie verlinke oder assoziiere ich einen WordPress-Tooltip mit einem bestimmten Element?

1. Bitte erstellen Sie einen neuen WordPress Tooltip-Begriff. Im WordPress-Dashboard können Sie auf den Menüpunkt „Neu hinzufügen“ klicken, um den Tooltip-Ersteller zu öffnen. Die Benutzeroberfläche wird dem Tooltip-Editor wie unten gezeigt ähneln:

   

2. Im obigen Diagramm sehen Sie ein Metabox mit der Bezeichnung „Tooltips für Formulare“. Es sollte jedoch tatsächlich „Tooltips für Klassen“ heißen. Wir haben diese Änderung vorgenommen, weil wir festgestellt haben, dass die häufigsten Anwendungsfälle darin bestehen, Tooltips zu Formelementen oder Feldern mithilfe von CSS-Klassen oder IDs hinzuzufügen. Diese Änderung soll den Benutzern helfen, den Zweck des Metabox als Tooltips für Formulare zu verstehen.

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

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

   Wenn Sie sich nicht sicher sind, wie Sie die CSS-Klasse oder die CSS-ID für ein bestimmtes Element in WordPress finden, lesen Sie bitte den Leitfaden mit dem Titel „Wie finde ich eine CSS-Klasse oder CSS-ID eines Elements in einer WordPress-Seite?“ “How to Find a CSS Class or CSS ID of a Component in WordPress Page?“

4. 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“.

5. Auf der Frontend-Seite, wenn Sie eine Seite besuchen, die die angegebene CSS-Klasse oder CSS-ID enthält, wird das Tooltip-Inhalt in einem Tooltip-Fenster angezeigt, wenn Sie über das Klassenelement fahren.

6. Hier können Sie die Tooltips für die Klasse DEMO überprüfen, Sie können eine Demonstration von WordPress-Tooltips für Klassen sehen. Im Formular wird beim Überfahren jedes Feldes ein dediziertes Tooltip-Fenster angezeigt. Auf diese Weise können Sie Tooltips für verschiedene CSS-Klassen oder IDs auf der Frontend-Seite hinzufügen. Beispielsweise können Sie Tooltips für Kontaktformulare, Bilder, Videos, Schaltflächen, Menüelemente, Karten, Text und mehr haben.

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

Fazit:

Benutzer von WordPress-Tooltips können Tooltips zu bestimmten Elementen innerhalb ihrer WordPress-Website hinzufügen, wie z. B. Formularfelder, Formularbeschriftungen, Menüelemente, Schaltflächen oder andere interaktive Elemente. Durch das Verlinken oder Assoziieren von Tooltips mit diesen Elementen können sie zusätzliche Informationen, Anweisungen oder Klarstellungen für Benutzer bereitstellen, wenn sie mit diesen Elementen interagieren. Beispielsweise:

• In einem Formularfeld kann ein Tooltip Hinweise zum erwarteten Format geben oder eine kurze Beschreibung der erforderlichen Eingabe bieten.
• In einer Formularbeschriftung kann ein Tooltip weitere Erklärungen oder Beispiele für den Zweck der Beschriftung bieten.
• In einem Menüelement kann ein Tooltip eine kurze Beschreibung oder die Funktionalität des Elements anzeigen, wenn darüber gefahren wird. Die Anfrage des Benutzers zielt darauf ab, die Benutzererfahrung zu verbessern, indem Mehrdeutigkeiten reduziert, hilfreiche Hinweise gegeben oder den Benutzern mehr Informationen über spezifische Elemente bereitgestellt werden. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingabebedürfnisse der Website führen.

… usw.

Die Funktion „Tooltips für alles“ kann die Benutzererfahrung verbessern, indem sie Mehrdeutigkeiten reduziert, hilfreiche Hinweise gibt oder den Benutzern mehr Informationen über spezifische Elemente bereitstellt. Dies kann zu einer besseren Benutzerfreundlichkeit und einem besseren Verständnis der Funktionen oder Eingabebedürfnisse der Website führen.