Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen von Tooltips in WordPress-Beiträgen und -Seiten

Das Hinzufügen von Tooltips zu Ihren WordPress-Beiträgen und -Seiten kann Ihren Inhalt aufwerten.

Sie liefern zusätzliche Informationen, wenn Sie mit der Mauszeigerkontakt über bestimmte Wörter fahren, und tragen so dazu bei, Ihre Botschaft zu verdeutlichen und Ihren Inhalt benutzerfreundlicher zu gestalten.

Tooltips sind eine effektive und einfache Möglichkeit, Ihren Beiträgen mehr Tiefe zu verleihen, ohne den Text zu überfrachten. Mit Hilfe von Tooltipps können Sie Ihre Besucher leiten und ihnen bei Bedarf mehr Kontext bieten.

In diesem Artikel zeigen wir Ihnen, wie Sie Tooltips zu Ihren WordPress Beiträgen und Seiten hinzufügen können.

Add tooltips to your WordPress posts and pages

Warum Tooltips in WordPress-Beiträgen und -Seiten anzeigen?

Tooltips zeigen nützliche Informationen in kleinen Kästchen an, die auftauchen, wenn Sie den Mauszeiger über einen Bereich Ihrer WordPress-Website bewegen. Sie sind eine großartige Möglichkeit, Ihren Inhalt übersichtlicher zu gestalten.

Sie können Tooltips verwenden, um Definitionen schwieriger Wörter hinzuzufügen, wichtige Fakten hervorzuheben und die Quellen Ihrer Informationen zu nennen. Wie Fußnoten können sie die Benutzerfreundlichkeit verbessern und dazu beitragen, Vertrauen bei Ihren Besuchern aufzubauen.

Tooltips sollten jedoch nie für wesentliche Informationen verwendet werden. Ihr Beitrag sollte alles enthalten, was Ihre Besucher brauchen, auch wenn sie den Tooltip nicht lesen, nur für den Fall, dass sie ihn nicht sehen.

Sie sollten auch darauf achten, dass Sie Tooltips nicht übermäßig verwenden, da sie sonst die Besucher Ihrer Website ablenken und die Benutzerfreundlichkeit beeinträchtigen können.

Sehen wir uns also an, wie Sie Ihren WordPress-Beiträgen und -Seiten Tooltips hinzufügen können.

Hinzufügen von Tooltips in WordPress-Beiträgen und -Seiten

Als Erstes müssen Sie das WordPress Tooltips-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, gibt es mehrere Möglichkeiten, Tooltips zu Ihren Beiträgen und Seiten hinzuzufügen. Die erste ist, automatisch Tooltips zu bestimmten Keywords hinzuzufügen.

Automatische Hinzufügung von Tooltips zu Schlüsselwörtern

Um eine neue QuickInfo zu erstellen, müssen Sie lediglich zu QuickInfos “ Neu hinzufügen navigieren. Zunächst müssen Sie einen Titel hinzufügen.

Dieser Titel ist ein Schlüsselwort, und die QuickInfo wird automatisch überall dort angezeigt, wo das Schlüsselwort in Ihren Beiträgen und Seiten erscheint. Dies kann Ihnen viel Zeit sparen, da Sie die QuickInfo nicht manuell an mehreren Stellen Ihrer Website hinzufügen müssen.

Wenn Sie möchten, dass auch andere Wörter in der QuickInfo angezeigt werden, können Sie diese in den Abschnitt Synonyme auf der rechten Seite des Bildschirms eingeben. Wenn Sie mehrere Synonyme eingeben, sollten diese durch das Pipe-Symbol | getrennt werden.

Adding a new tooltip

Fügen Sie nun im Inhaltsbereich Ihre QuickInfo ein. Ein Tooltip kann nur ein paar Wörter lang sein, aber auch mehrere Absätze mit reichhaltigem Inhalt, Bildern und anderen Medien. Denken Sie jedoch daran, dass Sie den Inhalt für einen Tooltip und nicht für einen ganzen Beitrag schreiben, also halten Sie ihn so kurz wie möglich, damit er auf jedem Bildschirm gut lesbar ist.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ auf der rechten Seite des Bildschirms. Jetzt werden Tooltips automatisch in Ihren Beiträgen und Seiten angezeigt, wo immer der Titel und die Synonyme des Tooltips zu finden sind.

Preview of Tooltip Automatically Added to a Keyword

Hinzufügen von Tooltips mit Shortcode

Eine andere Möglichkeit, Tooltips hinzuzufügen, besteht darin, einen Shortcode zum Inhalt Ihrer Beiträge und Seiten hinzuzufügen.

Diese Methode eignet sich für kürzere Tooltips oder wenn Sie den Tooltip nur einmal und nicht bei jedem passenden Schlüsselwort auf Ihrer Website anzeigen möchten.

Wenn Sie sich noch nicht mit Shortcodes auskennen, erfahren Sie mehr in unserer Anleitung für Anfänger zum Hinzufügen eines Shortcodes in WordPress.

Um Ihren Tooltip-Shortcode hinzuzufügen, müssen Sie zunächst den Beitrag oder die Seite, auf der Sie den Tooltip hinzufügen möchten, im Inhaltseditor öffnen. Dann fügen Sie diesen Shortcode an der Stelle ein, an der der Tooltip angezeigt werden soll:

[tooltips keyword="YOURKEYWORD" content="YOURTOOLTIPCONTENT"]

Ersetzen Sie einfach IHR SCHLÜSSELWORT durch das Wort oder den Satz, dem Sie den Tooltip hinzufügen möchten, und ersetzen Sie YOURTOOLTIPCONTENT durch den Text, den Sie dem Tooltip hinzufügen möchten. Achten Sie darauf, die Anführungszeichen im Shortcode zu lassen, damit sie richtig funktionieren.

Adding a tooltip using shortcode

Sie können eine Vorschau der Seite anzeigen, um die QuickInfo in Aktion zu sehen.

So sieht es auf unserer Demoseite aus.

Preview Tooltip Added Using Shortcode

Erstellen eines Glossars aus Ihren Tooltips

Jeder Tooltip ist eine Beschreibung eines Stichworts, ähnlich wie in einem Wörterbuch oder Glossar. Wenn Sie weitere QuickInfos hinzufügen, ist es so, als ob Sie ein grundlegendes Glossar erstellen würden.

Deshalb können Sie mit dem WordPress Tooltips-Plugin ein Glossar mit Tooltips auf Ihrer Website anzeigen. Fügen Sie einfach den [glossary] Shortcode zu dem Beitrag oder der Seite hinzu, auf der er erscheinen soll.

Adding the Glossary Shortcode

Nachdem Sie den Beitrag oder die Seite veröffentlicht haben, können Sie Ihre Website besuchen, um das Glossar zu sehen.

So sieht es auf unserer Website in der Demo aus. Sie enthält die Tooltips, die wir der Tooltips-Liste des Plugins hinzugefügt haben, aber nicht die Tooltips, die wir per Shortcode erstellt haben.

Preview of Tooltip Glossary

Wenn Sie das Glossar anpassen möchten, können Sie dies über das Menü Tooltips “ Glossar-Einstellungen in Ihrem WordPress-Dashboard tun.

Hier finden Sie eine Reihe von Optionen, mit denen Sie einstellen können, wie das Glossar angezeigt werden soll und was es enthalten soll.

Tooltip Glossary Settings

Sie können z. B. wählen, ob Bilder im Glossar angezeigt werden sollen oder nicht, und Sie können die ID von Tooltips auflisten, die Sie nicht einbeziehen möchten.

Bonus-Tipp: Befragen Sie Ihr Publikum über Ihre neuen Tooltips

Das Erstellen einer Befragung in WordPress ist sehr nützlich, um Feedback von Ihren Besuchern zu erhalten, was Ihnen helfen kann, ihre Interessen besser zu verstehen.

Wenn Sie ein Online-Geschäft betreiben, können Sie Fragen stellen, um herauszufinden, welche Funktionen die Kunden an Ihren Produkten oder Diensten wünschen.

Wenn Sie einen WordPress-Blog haben, sind Befragungen eine gute Möglichkeit, um herauszufinden, ob Ihre Artikel hilfreich sind und über welche anderen Themen Ihr Publikum gerne lesen würde.

Befragungen sind auch ein vielseitiges Werkzeug, um Vorschläge zur Verbesserung der Benutzererfahrung zu sammeln.

Survey results in WPForms

Bei der Funktion „Tooltip“ kann es ein oder zwei Sekunden dauern, bis sie auf der Ansicht erscheint. Daher sollten Sie Ihre Website-Besucher befragen, um zu sehen, ob sie sie tatsächlich wahrnehmen. Sie möchten vielleicht auch wissen, ob sie hilfreich sind oder ablenken.

WPForms ist der beste Formularersteller für das Erstellen von Befragungen in WordPress. Sie können Sternebewertungen, die Likert-Skala oder einen Net Promoter Score für die verschiedenen Antworttypen verwenden.

Darüber hinaus können Sie aus verschiedenen Templates für Benutzer-Befragungen dasjenige auswählen, das Ihren Anforderungen am besten entspricht.

WPForms' customer feedback templates

Wenn Sie mehr über das Erstellen von Befragungen erfahren möchten, lesen Sie bitte unseren Leitfaden zum Erstellen von Befragungen in WordPress.

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie Sie Tooltips zu Ihren WordPress Beiträgen und Seiten hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Anleitungen zum Hinzufügen von Symbolen für individuelle Inhaltstypen und zum Hinzufügen von Untertiteln für Beiträge und Seiten in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

15 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. sasa

    I installed plugin and add new tooltip, entered content and now i dont know how to add it on a link

  3. jawadhyder15

    The plugin don’t work for me,

    But when i do this manually, it works!

  4. shovan

    I dont think the plugin works on WP 3

  5. netcaststudio

    After installing the plugin the import of comments didn’t complete after 6 hours of running. Any thoughts?

  6. wpbeginner

    @dbroadaway the twitter icon is another plugin. Floating bar is the smart sharing plugin.

  7. dbroadaway

    Thanks for the write-up, but I have two unrelated questions:

    1: What is that Twitter icon next the Tooltip icon?

    2: I love your left-hand floating/static social media shares. Is that custom or a plugin/service?

    Thanks.

  8. wpbeginner

    @Jaxov An article is due for that.

  9. Jaxov

    @wpbeginner ;-) Offtopic: How happy are you with livefire comment system?

    How is it compared to other solutions? Also does it allow guest comments without registration?

  10. wpbeginner

    @mharis @Jaxov @Crysislevel Thank you Haris for posting this.

  11. Jaxov

    @Crysislevel I agree! Thanks for this.

    Btw you should maybe create an example page or preview in such posts so that we can see how it actually looks live.

  12. Crysislevel

    nice tutorial! thanx for this…i never knew how to do that! :)

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.