Wilt u een interactieve afbeelding maken voor uw WordPress blog

Met een interactieve afbeelding kunt u bepaalde delen van uw afbeelding markeren, koppelen en animeren. 

In deze zelfstudie laten we u zien hoe u interactieve afbeeldingen kunt maken op WordPress.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe installeer ik een WordPress blog in 7 stappen et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Hoe interactieve afbeeldingen te maken op wordpress e1567777631422

Wat is een interactieve afbeelding?

Een interactieve afbeelding bevat gebieden met toegangspunten, markeringen, links, kleuren, enz.

Maak uw blog soepeler en efficiënter door deze te proberen 6 WordPress-compressie-plug-ins voor uw blog

Het is anders dan een eenvoudige afbeelding die u uploadt naar WordPress. De interactieve afbeeldingen springen in het oog en trekken de aandacht van gebruikers. U kunt een beschrijving toevoegen aan verschillende delen van een afbeelding, koppelingen naar pagina's toevoegen, secties markeren en meer.

demo dune interactieve afbeelding op WordPress.jpg

In deze afbeelding zie je de beschrijving van de vruchten naast de muis boven de verschillende balken. U kunt deze interactieve afbeeldingen gebruiken om de gebruikersbetrokkenheid en websitetijd te vergroten.

Ontdek Hoe FOMO op WordPress te gebruiken voor betere conversies

Laten we eens kijken hoe u met interactieve afbeeldingen de aandacht van uw bezoekers kunt trekken.

Hoe interactieve afbeeldingen te maken op WordPress

Het eerste dat u moet doen, is de plug-in installeren en activeren Trek aandacht. Zie onze stapsgewijze handleiding voor meer informatie manier om een ​​WordPress-plug-in te installeren.

Na activering zie je een nieuw aangepast berichttype op je WordPress-dashboard. Je moet naar Attentie vestigen »Nieuw toevoegen om een ​​interactief beeld te maken.

trek aandacht WordPress.png

Begin met het toevoegen van een titel voor deze nieuwe interactieve afbeelding, zodat u deze gemakkelijk kunt onthouden. Op deze pagina kunt u een interactief ontwerp maken op nieuwe of reeds geüploade afbeeldingen. U kunt een nieuwe afbeelding toevoegen door op het pictogram voor het uploaden van afbeeldingen te klikken, of u kunt een afbeelding uit uw WordPress-mediabibliotheek selecteren.

Ga verder door deze te ontdekken 9 premium WordPress-plug-ins om uw mediabibliotheek te optimaliseren

zet een foto neer om te starten.png

Dan moet je op de knop klikken publiceren .

Na het plaatsen kunt u met de plug-in de afbeelding bewerken en specifieke gebieden markeren, kleuren toevoegen, koppelingen, hotspotgebieden tekenen en meer. U kunt naar de sectie scrollen Hotspot-zones en vouw het klikbare gebied uit om een ​​voorbeeld van de afbeelding te bekijken.

Beweeg gewoon uw muis en teken klikbare gebieden op de afbeelding. U kunt eenvoudig de toegangspuntgebieden selecteren en ze uitvouwen om een ​​selectie te maken.

om zones op WordPress.gif te maken

Nadat u het hotspotgebied hebt getekend, moet u naar beneden scrollen Actie en selecteer een actie voor het geselecteerde gebied op de afbeelding. Als jij kiest Toon meer info, kunt u gewoon een beschrijving toevoegen om het toegangspuntgebied op de foto uit te leggen. U kunt ook een link aan het geselecteerde gebied toevoegen met de optie ' Ga naar url".

leren Hoe een back-up en herstellen van uw blog met Snapshot Pro

sla afbeelding hotspot.jpeg op

U kunt ook algemene instellingen beheren en stijl markeren voor actiekoppelingen, actietekst, achtergrond en meer. Deze instellingen kunnen u helpen uw afbeelding interactiever te maken.

algemene instellingen

Dan moet je op de knop klikken bijwerken en kopieer de shortcodes om het toe te voegen aan je WordPress-bericht of -pagina.

kopieer de shortcode.jpg

Met de plug-in kunt u zoveel interactieve afbeeldingen maken als u wilt met uw eerder geüploade of nieuwe afbeeldingen.

klik op een interactieve afbeelding.jpeg

Importeer en exporteer interactieve afbeeldingen

Als u op meerdere websites werkt en interactieve afbeeldingen wilt importeren / exporteren, moet de Draw Caution-plug-in op beide websites zijn geïnstalleerd.

Op de eerste website moet u bezoeken Trek de aandacht »Importeren / exporteren en vink de afbeeldingen aan die u wilt exporteren. Klik vervolgens op de knop Genereer de exportcode en kopieer de code.

een hotspot.png-code exporteren

Daarna moet je naar de tweede website gaan en zorgen dat je de Draw Caution plug-in hebt geactiveerd. Dan moet je gaan Trek de aandacht »Importeren / exporteren op het dashboard en plak de code in het importveld.

om een ​​code hotspot.jpg te importeren

Ga je gang en klik op de knop import en uw afbeeldingen worden geïmporteerd.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. Opt-In Content Locker

Opt-In Content Locker is een WordPress Plugin, waarmee u belangrijke inhoud op uw blog kunt vergrendelen en alleen aan abonnees kunt laten zien. 

Aanmelden voor inhoud locker WordPress plug-ins vergrendelen website-inhoud

Het enige dat u hoeft te doen, is de vergrendelde inhoud inlijsten met [optinlocker]… [/ optinlocker] shortcodes. Als mensen deze inhoud willen zien, moeten ze hun naam / e-mailadres opgeven. Na inzending wordt alle vergrendelde inhoud zichtbaar.

De belangrijkste kenmerken zijn: een hulpmiddel mveilig en zeker, de vhet blokkeren van belangrijke inhoud, deondersteuning van MailChimp, AWeber, GetResponse, iContact, Campagnemonitor, Mad Mimi, Benchmark, Sendy en MyMail, ondersteuning voor shortcodes, export van gegevens in CSV-formaat, de mogelijkheid om te worden vertaald in meerdere talen, feenvoudig te installeren, een excellent klantenondersteuning, e.

Downloaden | demonstratie | web hosting   

2. Klik voor WhatsApp Chat

Le WordPress Plugin Click to WhatsApp Chat maakt het gemakkelijk voor WordPress-klanten om verbinding te maken met de website-eigenaar of de klantenondersteuning via hun WhatsApp-account.  

Klik om te whatsapp-chat voor wordpress

Klik gewoon op het WhatsApp-account en het wordt direct naar het mobiele WhatsApp-account geleid met een standaardbericht. En als de client op desktop of laptop is, wordt hij doorgestuurd naar WhatsApp Web.

Deze plug-in vereist het WhatsApp-nummer en de tijd en dag, die de website-eigenaar of het ondersteuningsteam zal gebruiken om te bespreken. De chatknop kan worden toegevoegd op de productdetailpagina van WooCommerce, die direct gerelateerd is aan dat product.

Downloaden | demonstratie | web hosting

3. Was dit nuttig?

Was dit nuttig is een WordPress Plugin gebruikt om de reacties van uw lezers te promoten. Opgemerkt moet worden dat als een positieve opmerking je motiveert om het beter te doen, een negatieve opmerking je daarentegen helpt hiaten te vinden en je blog te verbeteren; waardoor het nuttiger wordt voor andere bezoekers.

Was deze handige WordPress-plug-in

Deze plug-in is uniek omdat het bezoekers vraagt ​​om de vraag te beantwoorden waarom ze een bericht niet nuttig vinden als ze op de optie "NEE" klikken. Evenzo wordt bezoekers gevraagd wat ze het leukst vinden als ze op de optie "JA" klikken.

Bovendien kunt u naar de pagina / artikellijst gaan waar u een Ja / Nee-sectie ziet, waarmee u snel de statistieken kunt zien, om uiteindelijk een volledig overzicht te hebben van de kwaliteit van uw artikelen en uw pagina's.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is het voor deze tutorial, ik hoop dat je hiermee interactieve afbeeldingen kunt maken. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

En als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...