Gå till innehållet

Så här lägger du till Amazon Zoom-effekten i dina foton

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Har du någonsin köpt en produkt på Amazon? Om så är fallet har du förmodligen lagt märke till den zoom som visas när en bild svävar. (denna effekt kallas Höj Zoom). Om du länge har försökt att lägga till denna effekt i din butik Wordpress, vet att detta nu är möjligt.

I den här handledningen visar vi dig hur du lägger till effekten Höj Zooma på din blogg Wordpress.

Men innan du börjar, ta dig tid att titta på Hur man installerar en Wordpress temaHur många insticksprogram ska jag installera på Wordpress.

Låt oss börja arbeta!

Det första du ska göra är att ladda ner plugin, installera och aktivera den. Det är värd den Github.

Så här konfigurerar ElevateZoom

När du har öppnat gränssnittet kommer du att kunna se en lista över tillgängliga alternativ.

elevateZoom-interface-the-plugin-how-create-the-end-of-zoom-wordpress

Det viktigaste alternativet är verkligen fältet " Aktivera elevateZoom för bilder med detta klass ". För att aktivera förstoringsglaset på en bild måste du använda den klass som finns i det här fältet. Som standard är värdet " elevateZoom Du kan åsidosätta detta värde.

Konkret för att en bild ska ha denna effekt måste du komma åt textredigeraren, som visar HTML-koden. Då måste du hitta den bild som du vill lägga till zoomeffekten på över musen och lägga till motsvarande klass (elevateZoom eller vad du har valt) .

hur add-a-klass-is-an-image-to-integrera-the-effekten Zoom

På den föregående bilden kommer du att märka att klassens bild är markerad (blå), det här är klassen " elevateZoom Vilket är det som används i det här alternativet.

  • Alternativet " zoomType ", Bestämmer formen på förstoringsglaset. Det kan vara ett fönster (fönster), ett förstoringsglas (lins), eller inne i bilden (inre).
  • Alternativet " scrollZoom », Låter dig aktivera en progressiv zoom med mushjulet eller motsvarande på taktila ytor på surfplattor och bärbara datorer.
  • Alternativet " lensSize ", Definierar förstoringsglasets bredd.
  • Alternativet " zoomWindowPosition », Låter dig definiera fönstrets position i förhållande till källbilden.
  • Alternativet " zoomWindowHeight », Gör det möjligt att definiera höjden på fönstret, som visar en zoomad bild av källbilden.
  • Alternativet " zoomWindowWidth », Låter dig definiera bredden på fönstret som visar en zoomad version av källbilden.

elevateZoom sökta att använda-how-create-a-zoom-effekt-on-the-bilder

Det är allt du behöver veta om att ställa in detta plugin. Nu när du vill lägga till denna effekt i en bild, glöm inte att lägga till den klass som anges i " Aktivera elevateZoom för bilder med detta klass ".

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Se även: Hur du lägger till en zoom på WordPress-bilder

Vad vi gillade:

  • enkelhet
  • effekter
  • Kompatibilitet med teman
  • Förstoringsglas konfigurationsalternativ

Vad vi inte gillade:

  • Le plugin är på engelska, så det kanske inte är tillgängligt för alla, men med den här handledningen hoppas vi att du kommer igång med den här handledningen.
  • Positionslänk till gränssnittet för plugin som är dold i menyn « inställningar ".
  • Lite kommando av HTML-kod krävs.

Se även: Hur man lägger till en HTML-webbplatskarta på en WordPress-webbplats

I korthet:

Vilken lycka i perspektiv med detta plugin. Inget fel upptäckt och kompatibilitet vi a bara imponerad. Vi hoppas att du, precis som oss, kommer att njuta av användningen av detta plugin.

Om du har några frågor står vi till ditt förfogande.

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

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

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

1. WP Google PageSpeed ​​Insights Image Optimizer

Detta premium WordPress-plugin är avsett för alla människor som vill optimera sina bilder. Det kan skanna teman och katalogerna för plugins för att hitta bilderna och optimera dem.

WP Google PageSpeed ​​Insights Image Optimizer

Det är baserat på Google PageSpeed ​​API, så det har exakt samma komprimering, men du måste ställa in API-nyckeln.

Se också 5 Wordpress plugins att säkerhetskopiera din blogg

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Det kan också optimera massbilder, spara originalbilder, återställa originalbilder och andra.

Ladda ner | Demo | webbhotell

2. Hiss för WordPress-bild

Detta premium WordPress-plugin ger dig möjlighet att lägga till bilder i dina inlägg från dina skärmdumpar eller från dina grafiska redaktörer.

Bildhiss för WordPress-plugin

Dessutom stöder WordPress-plugin typer av anpassade inlägg och du kommer att ha möjlighet att spara mycket tid under dina publikationer.

Ladda ner | demo | webbhotell

3. EWWW Image Optimizer

EWWW Image Optimizer är ett bra gratis alternativ för bildkomprimering i WordPress. Det är enkelt att använda och kan automatiskt optimera bilderna du laddar upp direkt. Det kan också masskomprimera och optimera befintliga bilder. 

EWWW Image Optimizer

Det gör all komprimering på dina egna servrar vilket innebär att du inte behöver registrera dig för att få en API-nyckel

Det kan också optimera bilder som genereras av andra WordPress-plugins och lagras utanför mapparna på mediebiblioteket. Det kräver inte ett konto för att kunna använda plugin-programmet, men du kan registrera dig för dess API för att få ytterligare funktioner.

Ladda ner demo | webbhotell

Rekommenderade resurser

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

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Slutsats

Här! Det är det för denna handledning, jag hoppas att det gör att du kan skapa lägga till Amazon Zoom-effekt på dina foton. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kan dock också konsultera våra resurser, 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 blog skapelse.

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

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen