Möchten Sie ein interaktives Bild für Ihre erstellen Wordpress-Blog

Mit einem interaktiven Bild können Sie bestimmte Bereiche Ihres Bildes hervorheben, verknüpfen und animieren. 

In diesem Tutorial zeigen wir Ihnen, wie Sie interaktive Bilder in WordPress erstellen.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben So installieren Sie eine Wordpress-Blog in 7 Schritten et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

So erstellen Sie interaktive Bilder in WordPress e1567777631422

Was ist ein interaktives Bild?

Ein interaktives Bild enthält Bereiche von Zugangspunkten, Markierungen, Links, Farben usw.

Machen Sie Ihr Blog reibungsloser und effizienter, indem Sie diese ausprobieren 6 WordPress-Bildkomprimierungs-Plugins für Ihr Blog

Es unterscheidet sich von einem einfachen Bild, das Sie in WordPress hochladen. Die interaktiven Bilder sind ein Blickfang und ziehen die Aufmerksamkeit der Benutzer auf sich. Sie können verschiedenen Teilen eines Bildes eine Beschreibung hinzufügen, Links zu Seiten hinzufügen, Abschnitte hervorheben und vieles mehr.

demo dune interaktives Bild auf WordPress.jpg

In diesem Bild sehen Sie die Beschreibung der Früchte neben der Maus über den verschiedenen Balken. Sie können diese interaktiven Bilder verwenden, um die Benutzerinteraktion und die Website-Zeit zu steigern.

Entdecken Sie Wie man FOMO auf WordPress für bessere Konvertierungen benutzt

Lassen Sie uns einen Blick darauf werfen, wie Sie mit interaktiven Bildern die Aufmerksamkeit Ihrer Besucher auf sich ziehen können.

So erstellen Sie interaktive Bilder auf WordPress

Als erstes müssen Sie das Plugin installieren und aktivieren Aufmerksamkeit ziehen. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zu Weg, um ein WordPress-Plugin zu installieren.

Nach der Aktivierung wird in Ihrem WordPress-Dashboard ein neuer benutzerdefinierter Beitragstyp angezeigt. Du musst gehen zu Aufmerksamkeit erregen »Neu hinzufügen um ein interaktives Bild zu erstellen.

Aufmerksamkeit auf WordPress.png lenken

Fügen Sie zunächst einen Titel für dieses neue interaktive Bild hinzu, damit Sie sich leicht daran erinnern können. Auf dieser Seite können Sie ein interaktives Design für neue oder bereits hochgeladene Bilder erstellen. Sie können ein neues Bild hinzufügen, indem Sie auf das Symbol zum Hochladen von Bildern klicken, oder Sie können ein Bild aus Ihrer WordPress-Medienbibliothek auswählen.

Gehen Sie weiter, indem Sie diese entdecken 9 Premium WordPress Plugins zur Optimierung Ihrer Medienbibliothek

lege ein Bild auf start.png

Dann müssen Sie auf die Schaltfläche klicken veröffentlichen .

Nach dem Posten können Sie mit dem Plugin das Bild bearbeiten und bestimmte Bereiche hervorheben, Farben, Links hinzufügen, Hotspot-Bereiche zeichnen und vieles mehr. Sie können zum Abschnitt scrollen Hotspot-Zonen und erweitern Sie den anklickbaren Bereich, um eine Vorschau des Bildes anzuzeigen.

Bewegen Sie einfach Ihre Maus und zeichnen Sie anklickbare Bereiche auf das Bild. Sie können die Zugangspunktbereiche einfach auswählen und erweitern, um eine Auswahl zu erstellen.

um Zonen auf WordPress.gif zu erstellen

Nach dem Zeichnen des Hotspot-Bereichs müssen Sie in der Dropdown-Liste nach unten scrollen Action und wählen Sie eine Aktion für den ausgewählten Bereich im Bild aus. Wenn du wählst Weitere Informationen anzeigenSie können einfach eine Beschreibung hinzufügen, um den Zugangspunktbereich auf dem Bild zu erläutern. Sie können dem ausgewählten Bereich auch einen Link hinzufügen, indem Sie die Option " Gehe zur URL".

lernen Wie Backup und Wiederherstellen von Ihrem Blog mit Snapshot Pro

Speichern Sie das Bild hotspot.jpeg

Sie können auch allgemeine Einstellungen verwalten und den Stil für Aktionslink, Aktionstext, Hintergrund und mehr hervorheben. Mit diesen Einstellungen können Sie Ihr Bild interaktiver gestalten.

allgemeine Einstellungen

Dann müssen Sie auf die Schaltfläche klicken Aktualisierung und kopieren Sie die Kurzwahlnummern um es Ihrem WordPress-Beitrag oder Ihrer WordPress-Seite hinzuzufügen.

kopiere die shortcode.jpg

Mit dem Plugin können Sie mit Ihren zuvor hochgeladenen oder neuen Bildern so viele interaktive Bilder erstellen, wie Sie möchten.

Klicken Sie auf ein interaktives image.jpeg

Importieren und exportieren Sie interaktive Bilder

Wenn Sie auf mehreren Websites arbeiten und interaktive Bilder importieren / exportieren möchten, muss das Draw Caution-Plugin auf beiden Websites installiert sein.

Auf der ersten Website müssen Sie besuchen Aufmerksamkeit erregen »Import / Export und überprüfen Sie die Bilder, die Sie exportieren möchten. Klicken Sie dann auf die Schaltfläche Generieren Sie den Exportcode und kopiere den Code.

exportiere einen hotspot.png code

Danach müssen Sie auf die zweite Website gehen und sicherstellen, dass Sie das Draw Caution-Plugin aktiviert haben. Dann musst du gehen Aufmerksamkeit erregen »Import / Export im Dashboard und fügen Sie den Code in das Importfeld ein.

einen Code hotspot.jpg zu importieren

Fahren Sie fort und klicken Sie auf die Schaltfläche Import und Ihre Bilder werden importiert.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Opt-In Content Locker

Opt-In Content Locker ist ein WordPress Plugin, mit dem Sie wichtige Inhalte in Ihrem Blog sperren und nur Abonnenten anzeigen können. 

Opt in Content Locker WordPress-Plugins sperren Website-Inhalte

Alles, was Sie tun müssen, ist, den gesperrten Inhalt mit [optinlocker]… [/ optinlocker] Shortcodes zu rahmen. Wenn Personen diesen Inhalt anzeigen möchten, müssen sie ihren Namen / ihre E-Mail-Adresse angeben. Nach der Übermittlung werden alle gesperrten Inhalte sichtbar.

Seine Hauptmerkmale sind: ein Werkzeug msicher und geborgen, die vSperrung wichtiger Inhalte, dieupport MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy und MyMail, das Management von Shortcodes, export von Daten im CSV-Format, die Möglichkeit, in mehrere Sprachen übersetzt zu werden, feinfach zu installieren, ein excellent Kundendienst, et andere

Herunterladen | Demo | Web-Hosting   

2. Klicken Sie auf WhatsApp Chat

Le WordPress Plugin Click to WhatsApp Chat macht es WordPress-Kunden einfach, sich über ihr WhatsApp-Konto mit dem Eigentümer der Website oder dem Kundensupport zu verbinden.  

Klicken Sie auf WhatsApp-Chat für WordPress

Klicken Sie einfach auf das WhatsApp-Konto und es wird mit einer Standardnachricht direkt an das mobile WhatsApp-Konto weitergeleitet. Wenn sich der Client auf einem Desktop oder Laptop befindet, wird er zu WhatsApp Web umgeleitet.

Für dieses Plugin sind die WhatsApp-Nummer sowie die Uhrzeit und der Tag erforderlich, über die der Websitebesitzer oder das Support-Team diskutieren wird. Die Chat-Schaltfläche kann auf der WooCommerce-Produktdetailseite hinzugefügt werden, die in direktem Zusammenhang mit diesem Produkt steht.

Herunterladen | Demo | Web-Hosting

3. War das hilfreich?

War das hilfreich ist a WordPress Plugin Wird verwendet, um die Kommentare Ihrer Leser zu bewerben. Es ist zu beachten, dass ein positiver Kommentar Sie dazu motiviert, es besser zu machen, ein negativer Kommentar hingegen hilft Ihnen, Lücken zu finden und Ihren Blog zu verbessern. Dadurch wird es für andere Besucher nützlicher.

War dieses hilfreiche WordPress-Plugin

Dieses Plugin ist einzigartig, da Besucher aufgefordert werden, die Frage zu beantworten, warum sie einen Beitrag nicht nützlich finden, wenn sie auf die Option "NEIN" klicken. Ebenso werden Besucher gefragt, was ihnen am besten gefällt, wenn sie auf die Option "JA" klicken.

Darüber hinaus können Sie zur Seiten- / Artikelliste gehen, in der Sie einen Ja / Nein-Abschnitt sehen, in dem Sie die Statistiken schnell anzeigen und schließlich einen vollständigen Überblick über die Qualität Ihrer Artikel und Ihrer Seiten erhalten.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

Hier ! Das war's für dieses Tutorial. Ich hoffe, Sie können damit interaktive Bilder erstellen. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Und wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

...