Einfach Möglichkeiten, WordPress Tooltips in Ihr Elementor-Design hinzuzufügen — Elementor-Tooltip

Schritt-für-Schritt-Anleitung zum Hinzufügen von WordPress-Tooltips in Elementor

Hallo, liebe WordPress Tooltip Benutzer, ich hoffe, diese Nachricht erreicht Sie wohl und Sie genießen glückliche Tage mit Ihrer Familie. Wir haben ein tolles Ticket von einem WordPress-Tooltip-Benutzer erhalten, in dem er fragte: “Ich möchte in der Lage sein, dieses WordPress-Tooltip-Plugin innerhalb eines Textblocks zu verwenden, indem ich vielleicht ein einzelnes Wort oder eine kleine Gruppe von Wörtern hervorhebe und dann ein Text-Tooltip aufpoppen lasse. Ich benutze Elementor, um die Seiten zu erstellen und Texte einzugeben, ich komme mit dem Gutenberg-Editor nicht zurecht. Kann das gemacht werden?”

Unser WordPress-Tooltip-Plugin-Entwickler hat das Ticket überprüft. Ja, wir haben viele Benutzer des WordPress-Tooltip-Plugins, die Tooltip-Effekte im Elementor-Builder nutzen. Wir glauben, dass viele Benutzer ähnliche Fragen haben könnten, daher möchten wir ein detailliertes Dokument für WordPress-Tooltip-Benutzer schreiben, um es öffentlich zu veröffentlichen.

Was ist WordPress Elementor?

WordPress Elementor ist ein beliebtes Page-Builder-Plugin für WordPress, das es Benutzern ermöglicht, Websites mit einer Drag-and-Drop-Oberfläche zu erstellen und zu gestalten. Elementor bietet eine Vielzahl von anpassbaren Vorlagen und Widgets, die es Benutzern ermöglichen, visuell ansprechende und responsive Webseiten zu erstellen, ohne Code schreiben zu müssen.

Wichtige Funktionen von Elementor sind:

• Drag-and-Drop-Editor: Benutzer können Elemente einfach zu ihren Seiten hinzufügen und anordnen, indem sie sie per Drag-and-Drop an die gewünschte Stelle ziehen.

• Vordesignte Vorlagen: Elementor bietet eine Bibliothek von vordesignte Vorlagen, die Benutzer an ihre Bedürfnisse anpassen können.

• Responsive Design: Benutzer können Seiten entwerfen, die auf allen Geräten gut aussehen, einschließlich Desktops, Tablets und Smartphones.

• Widgets und Elemente: Elementor umfasst eine Vielzahl von Widgets, wie Textkästen, Bilder, Schaltflächen, Slider und mehr, die angepasst und gestaltet werden können.

• Theme Builder: Mit Elementor Pro (der Premium-Version) können Benutzer ihr gesamtes WordPress-Theme gestalten und anpassen, einschließlich Kopfzeilen, Fußzeilen und Archivseiten.

• Live-Bearbeitung: Änderungen können in Echtzeit angezeigt werden, sodass Benutzer sehen können, wie ihre Änderungen auf der Vorderseite aussehen werden.

• Integration: Elementor integriert sich mit anderen WordPress-Plugins und -Tools, verbessert die Funktionalität und ermöglicht komplexere Designs.

Was sind WordPress Tooltips?

Tooltips sind kleine Pop-up-Fenster, die zusätzliche Informationen bieten, wie Videos, Audio-Clips, Bilder, Google Maps, QR-Codes, Wikipedia-Links, Texte und mehr. In WordPress erscheinen diese Tooltip-Fenster, wenn Benutzer über ein Element auf Ihren Seiten fahren. Dieses Element könnte ein Wort in Ihrem Beitrag, ein Eingabefeld in einem Suchformular, ein Bild, ein Widget in Ihrer Seitenleiste und verschiedene andere Komponenten sein. Das WordPress-Tooltip-Plugin ermöglicht es Ihnen, Tooltip-Effekte zu jedem Element innerhalb Ihrer WordPress-Beiträge sowie auf Menüs, Kommentaren, Kontaktformularen, WooCommerce-Produkten, bbPress-Foren, BuddyPress-Aktivitäten und mehr hinzuzufügen. Es kommt mit attraktiven Effekten und zahlreichen zusätzlichen Funktionen, einschließlich Komponenten wie einem Bullet Screen.

Was ist das WordPress Tooltip Plugin?

Das WordPress Tooltip Plugin ist ein speziell für WordPress entwickeltes Plugin, das es Ihnen ermöglicht, lebendige, vielfältige und elegante Tooltip-Stile zu erstellen, um Inhalte Ihren Benutzern zu präsentieren. Mit dynamischen und anmutigen Animationseffekten hilft Ihnen dieses Plugin, Ihren Bildschirmplatz effektiv zu nutzen.

Wenn Benutzer über ein Element fahren, erscheint ein farbenfrohes Tooltip-Fenster mit ansprechender Animation. Sie können Videos, Audio, Bilder und sogar Inhalte, die von anderen WordPress-Plugins generiert werden, wie QR-Codes, Amazon-Anzeigen und Google Maps, alles innerhalb des Tooltip-Fensters mit dem Standard-WordPress-Editor einfügen. Es ist unglaublich benutzerfreundlich.

Wie erstellt man interaktive WordPress-Tooltips in Elementor?

Die Erstellung interaktiver Tooltips in WordPress mit Elementor ist ein unkomplizierter Prozess. Hier ist eine Schritt-für-Schritt-Anleitung, die Ihnen hilft, Tooltips effektiv einzurichten:

Schritt 1: Installieren und Aktivieren von Elementor

1. Installieren Sie Elementor: Wenn Sie es noch nicht getan haben, installieren Sie das Elementor-Plugin aus dem WordPress-Repository.
2. Aktivieren Sie das Plugin: Nach der Installation aktivieren Sie das Plugin im Menü „Plugins“ in Ihrem WordPress-Dashboard.

Schritt 2: Erstellen oder Bearbeiten einer Seite, Bearbeiten mit Elementor

1. Gehen Sie zu Seiten: Navigieren Sie zum Abschnitt „Seiten“ in Ihrem WordPress-Dashboard.
2. Neue Seite hinzufügen oder vorhandene Seite bearbeiten: Klicken Sie auf die Schaltfläche „Neu hinzufügen“ oder wählen Sie eine bestehende Seite aus, um sie zu bearbeiten.
3. Bearbeiten mit Elementor: Klicken Sie auf die Schaltfläche „Mit Elementor bearbeiten“, um in die Elementor-Seitenbearbeitungsoberfläche zu gelangen.

Schritt 3: Tooltip-Inhalte hinzufügen

1. Laden Sie das WordPress-Tooltip-Plugin herunter und installieren Sie es: Bitte klicken Sie auf das Menüelement „WordPress-Tooltip herunterladen“, um das WordPress-Tooltip-Plugin herunterzuladen. Laden Sie die ZIP-Datei des WordPress-Tooltips über das WordPress-Plugins-Panel hoch und aktivieren Sie es.

2. Erstellen Sie Ihren ersten Tooltip: Navigieren Sie im WordPress-Dashboard zum Menüelement „Tooltips“. Klicken Sie dann auf das Untermenüelement „Neu hinzufügen“, um einen neuen Tooltip-Begriff hinzuzufügen. Sie öffnen den WordPress-Tooltip-Editor.

Klicken Sie auf „Neu hinzufügen“,

um eine neue Seite zu erstellen, oder wählen Sie eine vorhandene Seite zur Bearbeitung aus.

Im Tooltip-Editor haben Sie die Flexibilität, verschiedene HTML-Elemente wie Bilder, Links und Texte direkt in Ihrem WordPress-Beitragseditor einzufügen.

Sie haben jetzt erfolgreich einen WordPress-Tooltip erstellt! Wenn Sie über das angegebene Schlüsselwort fahren, erscheint der Tooltip.

Schritt 4: Tooltip-Begriff in WordPress-Beitrag über Elementor einfügen

1. Wählen Sie ein Element aus: Wählen Sie das Element (Text, Bild, Schaltfläche usw.), dem Sie den Tooltip hinzufügen möchten.
2. Fügen Sie Tooltip-Begriffe hinzu: Geben Sie einfach den Tooltip-Begriff im Texteditor ein und veröffentlichen Sie den Beitrag.

Im Frontend, wenn Sie mit der Maus über den Tooltip-Begriff im WordPress-Beitrag fahren, finden Sie das Tooltip-Fenster, das mit dem Tooltip-Inhalt aufgepoppt wird. Alles funktioniert gut.

Sie können auch das Aussehen Ihrer Tooltips anpassen. Unser WordPress-Tooltip-Plugin bietet großartige Konfigurationsoptionen, wie Textfarbe, Hintergrund, Schriftgröße, Breite, Schatten, Opazität, Auslösemethoden und mehr. Wenn Sie möchten, lesen Sie bitte, wie Sie Ihre Tooltips anpassen können.

Fazit

Indem Sie diese Schritte befolgen, können Sie interaktive WordPress-Tooltips in Elementor erstellen, die das Benutzererlebnis verbessern und zusätzliche Informationen bereitstellen, ohne Ihre Seite zu überladen. Passen Sie die Tooltips weiter mit dem WordPress-Tooltip-Plugin für erweiterte Optionen an.