Vil du legge til en Amazon-lignende forstørrelseszoom til WordPress-bilder? 

Forstørrede bilder lar brukerne se detaljer som de ikke ser i et fullstørrelsesbilde. I denne opplæringen viser vi deg hvordan du enkelt kan legge til forstørrende zoom på bilder i WordPress.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blog i 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Slik legger du til zoom på Wordpress e1568454976899

Legg til forstørrende zoom på WordPress-bilder

Det første du må gjøre er å installere og aktivere pluginet WP bildezoom. For mer informasjon, se vår trinnvise guide til måte å installere et WordPress-plugin på.

Etter aktivering må du gå til siden WP bildezoom i dashbordet ditt. Herfra kan du administrere zoominnstillingene til bildene dine.

kategorien Innstillinger WordPress.jpg

I fanen generelle innstillinger, kan du aktivere funksjoner som å zoome på WooCommerce-produktbilder, miniatyrbilder, mobile enheter, vedleggssider, kategorisider osv.

Det lar deg også slette visningen, slik at brukerne dine kan zoome inn på bildene jevnt.

aktivering av WordPress forhåndsvisninger lightboxes.png

Hvis du ikke fjerner visningen for bilder, kan du bla ned for andre innstillinger, for eksempel å aktivere zooming i en visning.

Merk: Du kan se de støttede seerne for å sikre at zoomen fungerer som den skal i en seer.

lightbox konfigurasjon WordPress.png

Når du er ferdig med å justere innstillingene på denne siden, ikke glem å klikke på knappen Lagre endringer.

Da må du gå til fanen Zoon Innstillinger. Den har 4 enkle trinn for å legge til en forstørrelseszoom for bildene dine.

Oppdag også 10 WordPress plugins fra WooCommerce for å visuelt tilpasse produktene dine

Først og fremst må du velge linseform for å forstørre bildene. Du kan velge mellom sirkel-, firkant- og zoomvinduformer.

WordPress settings.png

Etter at du har valgt linsen, går du til neste trinn og forhåndsviser et bilde med linsen valgt for å se hvordan den fungerer. Plugin har en forhåndsvisning som du kan bruke til å teste endringene dine.

Lær også Slik kontrollerer du lageret av din WooCommerce nettbutikk

forhåndsvisningsbilde på WordPress.jpg

Du kan gå tilbake og forhåndsvise dette bildet etter å ha gjort endringer i konfigurasjonen nedenfor.

Oppdag også vår 10 WordPress plugins for å optimalisere zoomingen på bildene på nettstedet ditt

I neste trinn kan du velge type glidebryter, angi akselerasjonseffekten for animasjonen, aktivere zoom på musen eller museklikk og angi et zoomnivå. Noen av disse funksjonene er bare tilgjengelige for pro-versjonen av pluginet.

konfigurasjonszoominnstillinger WordPress.jpg

Nå kan du gå til fanen Lens for parametere som linsestørrelse, linsefarge, linserammealternativer og mer. Disse innstillingene gjelder bare hvis du valgte sirkelen eller det firkantede objektivet aktivert i trinn 1.

konfigurasjon av linser på WordPress.jpg

Deretter kan du gå til konfigurasjonsfanen til Zoom vindu . Denne kategorien er bare aktivert hvis du har valgt alternativet " Lens«  Zoom vindu aktivert i trinn 1.

Herfra kan du endre bredden og høyden på zoomvinduet, posisjonering, avstand fra hovedbildet, grenser osv.

zoom konfigurasjon WordPress.jpg

Til slutt kan du legge til tilpasset tekst i bildet og velge tekststørrelse, farge og justering.

legg til tilpasset tekst WordPress.png

Ikke glem å klikke på knappen Lagre endringer for å lagre innstillingene. Du kan alltid se forhåndsvisning for å se hvordan forstørrelsesglasset vil fungere på bloggbildene dine med disse innstillingene.

lagre innstillingsveiledningen wordpress.png

Innstillingene ovenfor lar deg zoome inn WooCommerce-produktbildene dine. 

Consult Hvordan overbevise en kunde og selger produkter på internett og forbedre salget

For å aktivere zoomen på bildene dine på publikasjoner og WordPress-sider, må du følge trinnene nedenfor.

Gjør det mulig å forstørre zoom på bilder av publikasjoner og sider

Som standard er forstørrelseszoom ikke aktivert på bildene av innleggene og sidene dine. Du må gjøre dette manuelt etter at du har lagt til et bilde i innholdet ditt.

Gjør bloggen din populær ved å oppdage Hvordan legge til deling knappene på WordPress

Når du har lagt til bildet i innlegget eller siden, er det bare å klikke på det for å velge det, og deretter klikke på det maksimerte ikonet i verktøylinjen. Dette ikonet bruker zoominnstillingene til bildet ditt.

legg til en zoom på bildene per side.jpg

Deretter går du over til innlegget for å se den forstørrede zoomfunksjonen aktivert for det valgte bildet. Du må gjenta dette trinnet hver gang du vil legge til zoomeffekten til et bilde.

zoome inn på et bilde.jpg

Vi anbefaler at du bruker bilder av høy kvalitet for at zoomfunksjonen skal være perfekt. Bilder av høy kvalitet har generelt større filstørrelse og tar lengre tid å laste inn, noe som vil påvirke nettstedets hastighet og ytelse. For å løse dette problemet, du må optimalisere bildene dine på nettet før du laster dem opp til WordPress.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Sabai Diskuter plugin for WordPress

Sabai Discuss er en WordPress Plugin som lar deg sette opp et spørsmål og svar-system på bloggen eller nettsiden din. 

Sabai diskuter plugin for wordpress

Den lar brukerne stille og svare på spørsmål seg imellom; som gjør stack Overflow eller Yahoo svar.

Sabai Discuss er det perfekte verktøyet, ikke bare for å designe et fellesspørsmål og svar-nettsted, men også for å lage et diskusjonstavle, kunnskapsbase eller til og med støtteportal på WordPress.

Last ned | dEMO | Webhotell

2. legalize

Legalisere er en WordPress Plugin som lar deg enkelt legge til en personvernerklæring og vilkår for bruk på bloggen eller nettstedet ditt.

Legaliser wordpress plugins integrerer personvernregler

Og der går du! Du har personvernreglene og brukervilkårene dine. Sidene som genereres av dette WordPress Plugin er fullt konfigurerbare. Du kan også integrere kortkoder på nettstedet ditt, for enkelt å legge til lenker til nylig genererte sider.

I tillegg, når du endrer nettstedet ditt, kan du oppdatere svarene dine i spørreskjemaet og publisere de nye vilkårene dine. Plugin er fullt gjenbrukbar og kan konfigureres på nytt.

Last ned dEMO | Webhotell

3. CSV og XML Import

CSV og XML Import er et WordPress-plugin som lar deg lage og oppdatere nettstedet ditt raskt og enkelt, slik at det kan importere data fra filer i CSV- eller XML-format.

csv-xml-import-plugin-wordpress-for-andre

Dette pluginet importerer / eksporterer store filer uten at det må endres php.ini. Den kan importere innlegg, sider, egendefinerte innleggstyper, lastede egendefinerte felt, kommentarer, kategorier, brukere, bilder, media og andre alternativer til WordPress.

I tillegg fungerer CSV og XML Import sømløst med ethvert WordPress-tema eller plugin, og i tillegg er det flerspråklig.

Last ned dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Det er det! Det er det for denne opplæringen. Vi håper det har hjulpet deg å lære hvordan du legger til forstørrende zoom på bilder i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...