Kunne du tænke dig at skabe et interaktivt billede til din WordPress blog

Et interaktivt billede giver dig mulighed for at fremhæve, linke og animere bestemte områder af dit billede. 

I denne tutorial vil vi vise dig, hvordan du opretter interaktive billeder på WordPress.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog i 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Sådan oprettes interaktive billeder på wordpress e1567777631422

Hvad er et interaktivt billede?

Et interaktivt billede inkluderer områder med adgangspunkter, højdepunkter, links, farver osv.

Gør din blog glattere og mere effektiv ved at prøve disse 6 WordPress-billedkomprimerings plugins til din blog

Det adskiller sig fra et simpelt billede, du uploader til WordPress. De interaktive billeder er iøjnefaldende og fanger brugernes opmærksomhed. Du kan tilføje beskrivelse til forskellige dele af et billede, tilføje links til sider, fremhæve sektioner og mere.

demo dune interaktivt billede på WordPress.jpg

På dette billede kan du se beskrivelsen af ​​frugterne ved siden af ​​musen over de forskellige bjælker. Du kan bruge disse interaktive billeder til at øge brugerengagement og websitetid.

Oplev Sådan bruger du FOMO på WordPress til bedre konverteringer

Lad os se på, hvordan du kan fange dine besøgende opmærksomhed med interaktive billeder.

Sådan oprettes interaktive billeder på WordPress

Den første ting at gøre er at installere og aktivere pluginet Tegn opmærksomhed. For flere detaljer, se vores trin-for-trin vejledning til måde at installere et WordPress-plugin på.

Efter aktivering vil du se en ny brugerdefineret posttype på dit WordPress-dashboard. Du er nødt til at gå til Tegn opmærksomhed »Tilføj nyt at oprette et interaktivt billede.

trække opmærksomhed på WordPress.png

Start med at tilføje en titel til dette nye interaktive billede, så du nemt kan huske det. På denne side kan du oprette et interaktivt design på nye eller allerede uploadede billeder. Du kan tilføje et nyt billede ved at klikke på ikonet for upload billede, eller du kan vælge et billede fra dit WordPress-mediebibliotek.

Gå videre ved at opdage disse 9 premium WordPress-plugins til at optimere dit mediebibliotek

slip et billede for at starte.png

Derefter skal du klikke på knappen offentliggøre .

Efter udstationering giver pluginet dig mulighed for at redigere billedet og fremhæve specifikke områder, tilføje farver, links, tegne hotspotområder og meget mere. Du kan rulle til sektionen Hotspot zoner og udvid det klikbare område for at få vist billedet.

Bare flyt musen og tegne klikbare områder på billedet. Du kan nemt vælge adgangspunktområderne og udvide dem for at oprette et valg.

at oprette zoner på WordPress.gif

Når du har tegnet hotspotområdet, skal du rulle ned Handling og vælg en handling for det valgte område på billedet. Hvis du vælger Vis mere info, kan du bare tilføje en beskrivelse for at forklare adgangspunktområdet på billedet. Du kan også tilføje et link til det valgte område ved hjælp af indstillingen " Gå til url".

Lær Sådan backup og gendanne din blog med Snapshot Pro

gem billede hotspot.jpeg

Du kan også administrere generelle indstillinger og fremhæve stil til handlingslink, handlingstekst, baggrund med mere. Disse indstillinger kan hjælpe dig med at gøre dit billede mere interaktivt.

generelle indstillinger

Derefter skal du klikke på knappen Opdatering og kopier shortcode for at føje det til dit WordPress-indlæg eller din side.

kopiér shortcode.jpg

Pluginet giver dig mulighed for at oprette så mange interaktive billeder, som du vil bruge dine tidligere uploadede eller nye billeder.

Klik på et interaktivt image.jpeg

Import og eksport interaktive billeder

Hvis du arbejder på flere websteder og vil importere / eksportere interaktive billeder, skal plug-in Draw Caution være installeret på begge websteder.

På det første websted skal du besøge Vær opmærksom »Import / eksport og kontroller de billeder, du vil eksportere. Klik derefter på knappen Generer eksportkoden og kopier koden.

eksporter en hotspot.png kode

Derefter skal du gå til det andet websted og sikre dig, at du har aktiveret plug-in Draw Caution. Så skal du gå til Vær opmærksom »Import / eksport på instrumentbrættet, og indsæt koden i importfeltet.

at importere en kode hotspot.jpg

Gå videre og klik på knappen import og dine billeder importeres.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Opt-In Content Locker

Opt-In Content Locker er en WordPress plugin, som giver dig mulighed for at låse vigtigt indhold på din blog og kun vise det til abonnenter. 

Tilmeld indholdslås WordPress-plugins låser webstedsindhold

Alt hvad du skal gøre er at omslutte det låste indhold med [optinlocker] ... [/ optinlocker] kortkoder. Hvis folk vil se dette indhold, skal de indsende deres navn / e-mail. Efter indsendelse bliver alt låst indhold synligt.

Dets vigtigste funktioner er: et værktøj msikkert og sikkert, vblokering af vigtigt indhold,TØTTE MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy og mymail, forvaltning af kortkoder, f.eksxport af data i CSV-format, muligheden for at blive oversat til flere sprog, flet at installere, f.eksfremragende kundesupport, et andre.

Downloade | demo | Web-hosting   

2. Klik på WhatsApp Chat

Le WordPress plugin Click to WhatsApp Chat gør det nemt for WordPress-kunder at oprette forbindelse til webstedsejeren eller kundesupport ved hjælp af deres WhatsApp-konto.  

Klik for at whatsapp chat for wordpress

Bare et klik på WhatsApp-kontoen, og det dirigeres direkte til den mobile WhatsApp-konto med en standardmeddelelse. Og hvis klienten er på desktop eller bærbar computer, vil han blive omdirigeret til WhatsApp Web.

Dette plugin kræver WhatsApp-nummer og tid og dag, som websiteejeren eller supportteamet vil bruge til at diskutere. Chatknappen kan tilføjes på WooCommerce-detaljsiden, som er direkte relateret til det produkt.

Downloade | demo | Web-hosting

3. Var dette nyttigt

Var dette nyttigt er en WordPress plugin bruges til at promovere dine læseres kommentarer. Det skal bemærkes, at hvis en positiv kommentar motiverer dig til at gøre det bedre, hjælper en negativ kommentar på den anden side dig med at finde huller og forbedre din blog; gør det mere nyttigt for andre besøgende.

Var dette nyttige wordpress-plugin

Dette plugin er unikt, fordi det beder besøgende om at besvare spørgsmålet om, hvorfor de ikke finder et indlæg nyttigt, når de klikker på "NEJ". Ligeledes spørger det besøgende, hvad de kan lide mest, når de klikker på "JA".

Derudover kan du gå til den side / artikeloversigt, hvor du vil se et Ja / Nej-afsnit, som giver dig mulighed for hurtigt at se statistikkerne og endelig få et komplet overblik over kvaliteten af ​​dine artikler og dine sider.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det til denne tutorial, jeg håber, det giver dig mulighed for at oprette interaktive billeder. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Og hvis du har nogle forslag eller bemærkninger, så lad dem ligge i vores afsnit kommentarer.

...