Vill du lägga till en Amazon-liknande förstoringszoom till WordPress-bilder? 

Förstorade bilder tillåter användare att se detaljer som de inte kommer att se i en bild i full storlek. I den här handledningen visar vi dig hur du enkelt lägger till en förstoringszoom på bilder i WordPress.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress blogg i fyra steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Hur man lägger till bildzoom på wordpress e1568454976899

Lägg till förstorande zoom på WordPress-bilder

Det första du ska göra är att installera och aktivera plugin WP bildzoom. Mer information finns i vår steg-för-steg-guide till sätt att installera ett WordPress-plugin.

Efter aktivering måste du besöka sidan WP bildzoom i din instrumentbräda. Härifrån kan du hantera zoominställningarna för dina bilder.

fliken Inställningar WordPress.jpg

På fliken Allmänna inställningar, kan du aktivera funktioner som att zooma på WooCommerce-produktbilder, miniatyrer, mobila enheter, bifogade sidor, kategorisidor etc.

Det låter dig också ta bort visningen så att dina användare kan zooma in på bilderna smidigt.

aktivering av WordPress-förhandsvisningar lightboxes.png

Om du inte tar bort visningen för bilder kan du bläddra ner för andra inställningar, som att aktivera zoomning i en visare.

Anm: Du kan se de stödda tittarna för att se till att zoomen fungerar korrekt i en tittare.

lightbox-konfiguration WordPress.png

När du är klar med att justera inställningarna på den här sidan, glöm inte att klicka på knappen Spara ändringar.

Då måste du besöka fliken Zoon Inställningar. Den har 4 enkla steg för att lägga till en förstoringszoom för dina bilder.

Upptäck också 10 WordPress-plugins från WooCommerce för att visuellt anpassa dina produkter

Först och främst måste du välja linsens form för att förstora bilderna. Du kan välja mellan cirkel-, fyrkant- och zoomfönster.

WordPress settings.png

När du har valt ditt objektiv, gå till nästa steg och förhandsgranska en bild med objektivet valt för att se hur det fungerar. Plugin har en förhandsgranskning som du kan använda för att testa dina ändringar.

Lär dig också Så här kontrollerar du lagret i din WooCommerce onlinebutik

förhandsgranska bild på WordPress.jpg

Du kan gå tillbaka och förhandsgranska bilden efter att ha gjort ändringar i konfigurationen nedan.

Upptäck också vår 10 WordPress plugins för att optimera zoomningen på bilderna på din webbplats

I nästa steg kan du välja typ av skjutreglage, ställa in animationsaccelereringseffekten, aktivera zoom på muspekaren eller klicka med musen och ställa in en zoomnivå. Några av dessa funktioner är endast tillgängliga för pro-versionen av plugin-programmet.

konfigurationszoominställningar WordPress.jpg

Nu kan du gå till fliken Lins för parametrar som linsstorlek, linsfärg, linsgränsalternativ och mer. Dessa inställningar gäller endast om du valde cirkeln eller fyrkantlinsen aktiverad i steg 1.

konfiguration av linser på WordPress.jpg

Sedan kan du besöka konfigurationsfliken för Zooma fönster . Den här fliken är endast aktiverad om du har valt alternativet " Lins«  Zooma fönster aktiveras i steg 1.

Härifrån kan du ändra bredden och höjden på zoomfönstret, positionering, avstånd från huvudbilden, ramar etc.

zoom konfiguration WordPress.jpg

Slutligen kan du lägga till anpassad text till bilden och välja textstorlek, färg och justering.

lägg till anpassad text WordPress.png

Glöm inte att klicka på knappen Spara ändringar för att spara dina inställningar. Du kan alltid titta på förhandsgranskningen för att se hur förstoringsglaset fungerar på dina bloggbilder med dessa inställningar.

spara inställningar tutorial wordpress.png

Med inställningarna ovan kan du zooma in dina WooCommerce-produktbilder. 

Consult Hur övertyga en kund och säljer produkter på internet och förbättra din försäljning

För att aktivera zoomen på dina bilder på publikationer och WordPress-sidor måste du följa stegen nedan.

Aktiverar förstoringszoom på bilder av publikationer och sidor

Som standard är förstoringszoom inte aktiverat på bilderna på dina inlägg och sidor. Du måste göra detta manuellt efter att du har lagt till en bild i ditt innehåll.

Gör din blogg populär genom att upptäcka Lägga till delningsknappar på Wordpress

När du har lagt till bilden i ditt inlägg eller sida klickar du bara på den för att markera den och klickar sedan på den maximerade ikonen i verktygsfältet. Den här ikonen tillämpar zoominställningarna på din bild.

lägg till en zoom på bilderna per sidor.jpg

Gå sedan vidare till inlägget för att se den förstorade zoomfunktionen aktiverad för den valda bilden. Du måste upprepa detta steg varje gång du vill lägga till zoomeffekten i en bild.

zooma in på en image.jpg

Vi rekommenderar att du använder bilder av hög kvalitet för att zoomfunktionen ska vara perfekt. Högkvalitativa bilder har i allmänhet större filstorlek och tar längre tid att ladda, vilket påverkar webbplatsens hastighet och prestanda. För att lösa detta problem, du måste optimera dina bilder på webben innan du laddar upp dem till WordPress.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Sabai Diskutera plugin för WordPress

Sabai Discuss är en Wordpress plugin som låter dig ställa in ett fråge- och svarsystem på din blogg eller webbplats. 

Sabai diskuterar plugin för wordpress

Det gör det möjligt för användare att ställa och svara på frågor på varandra; som gör stack Overflow eller Yahoo svar.

Sabai Discuss är det perfekta verktyget inte bara för att utforma en community Q & A-webbplats utan också för att skapa en diskussionsforum, kunskapsbas eller till och med supportportal på WordPress.

Ladda ner | demo | webbhotell

2. Legalize

Legalisera är en Wordpress plugin som gör att du enkelt kan lägga till en integritetspolicy och användarvillkor på din blogg eller webbplats.

Legalisera wordpress-plugins integrerar integritetspolicy

Och där går du! Du har din integritetspolicy och användarvillkor. Sidorna som genereras av detta Wordpress plugin är fullt konfigurerbara. Du kan också integrera kortkoder på din webbplats för att enkelt kunna lägga till länkar till nyligen genererade sidor.

När du ändrar din webbplats kan du dessutom uppdatera dina svar i frågeformuläret och publicera dina nya termer. Plugin-programmet är helt återanvändbart och kan konfigureras om.

Ladda ner demo | webbhotell

3. CSV och XML Import

CSV- och XML-import är ett WordPress-plugin som låter dig skapa och uppdatera din webbplats snabbt och enkelt, så att den kan importera data från filer i CSV- eller XML-format.

csv-xml-import-plugin-wordpress-för-andra

Denna plugin importerar / exporterar stora filer utan att behöva ändra php.ini. Det kan importera inlägg, sidor, anpassade inläggstyper, laddade anpassade fält, kommentarer, kategorier, användare, bilder, media och andra alternativ till WordPress.

Dessutom fungerar CSV- och XML-import sömlöst med valfritt WordPress-tema eller plugin, och dessutom är det flerspråkig.

Ladda ner demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Det är det! Det är det för den här tutorialen. Vi hoppas att det har hjälpt dig att lära dig hur du lägger till förstoringszoom på bilder i WordPress. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

.