Springe zum Hauptinhalt

So erstellen Sie interaktive Bilder auf WordPress

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie ein interaktives Bild für Ihren WordPress-Blog erstellen? 

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 Wie man ein Wordpress-Blog 7 Schritte für die Installation 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

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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 Handeln und wählen Sie eine Aktion für den ausgewählten Bereich im Bild aus. Wenn du wählst Weitere Informationen anzeigen, können Sie einfach eine Beschreibung hinzufügen, um den Zugangspunktbereich auf dem Bild zu erklären. Sie können auch einen Link zum ausgewählten Bereich 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.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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 WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip 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 für 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

Download | Demo | Web-Hosting   

2. Klicken Sie auf WhatsApp Chat

Mit dem WordPress-Plugin "Click to WhatsApp Chat" können WordPress-Kunden über ihr WhatsApp-Konto auf einfache Weise eine Verbindung zum Websitebesitzer oder zum Kundensupport herstellen.  

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.

Download | Demo | Web-Hosting

3. War das hilfreich?

War This Helpful ist ein WordPress-Plugin, mit dem Sie Kommentare Ihrer Leser bewerten können. Beachten Sie, dass ein negativer Kommentar Ihnen hilft, die Lücken zu finden und Ihr Blog zu verbessern, wenn ein positiver Kommentar Sie dazu motiviert, es besser zu machen. Dies macht es für andere Besucher nützlicher.

War dieses hilfreiche WordPress-Plugin

Dieses Plugin ist einzigartig, da es Besucher auffordert, 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.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Download | Demo | Web-Hosting

Empfohlene Ressourcen

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

Fazit

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.

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
12 Aktien
Aktie10
tweet1
Registrieren1