Wilt u een vergrotende zoomlens toevoegen die vergelijkbaar is met die van Amazon op WordPress-afbeeldingen?
Met vergrote afbeeldingen kunnen gebruikers details zien die ze niet zien in een afbeelding op volledige grootte. In deze tutorial laten we je zien hoe je eenvoudig een vergrotende zoom kunt toevoegen aan afbeeldingen in 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.
Vergrootglas op WordPress-afbeeldingen toevoegen
Het eerste dat u moet doen, is de plug-in installeren en activeren WP Image Zoom. Zie onze stapsgewijze handleiding voor meer informatie manier om een ​​WordPress-plug-in te installeren.
Na activering moet u de pagina bezoeken WP Image Zoom in uw dashboard. Vanaf hier kunt u de zoominstellingen van uw afbeeldingen beheren.
In het tabblad Algemene instellingenkun je functies inschakelen zoals inzoomen op WooCommerce-productafbeeldingen, miniaturen, mobiele apparaten, bijlagepagina's, categoriepagina's, enz.
Hiermee kunt u ook de viewer verwijderen, zodat uw gebruikers soepel op de afbeeldingen kunnen inzoomen.
Als u de viewer voor afbeeldingen niet verwijdert, kunt u naar beneden scrollen voor andere instellingen, zoals het inschakelen van inzoomen op een viewer.
Remarque: U kunt de ondersteunde viewers zien om ervoor te zorgen dat de zoomfunctie correct werkt in een viewer.
Als u klaar bent met het aanpassen van de instellingen op deze pagina, vergeet dan niet op de knop te klikken Wijzigingen opslaan.
Dan moet je het tabblad bezoeken Zoon Instellingen. Het heeft 4 eenvoudige stappen om een ​​vergrotende zoomlens voor uw afbeeldingen toe te voegen.
Ontdek ook de 10 WordPress plug-ins van WooCommerce om uw producten visueel aan te passen
Allereerst moet u de vorm van de lens selecteren om de afbeeldingen te vergroten. U kunt kiezen tussen cirkel-, vierkant- en zoomvenstervormen.
Ga na het kiezen van uw lens naar de volgende stap en bekijk een voorbeeld van een afbeelding met de geselecteerde lens om te zien hoe deze werkt. De plug-in heeft een preview die u kunt gebruiken om uw wijzigingen te testen.
Leer ook Hoe u de voorraad van uw WooCommerce online winkel beheert
U kunt teruggaan en een voorbeeld van deze afbeelding bekijken nadat u de onderstaande configuratie hebt gewijzigd.
Ontdek ook onze 10 WordPress plug-ins om de zoomfunctie op de afbeeldingen van uw website te optimaliseren
In de volgende stap kunt u het type schuifregelaar selecteren, het animatieversnellingseffect instellen, de zoom met muis over of muisklik activeren en een zoomniveau instellen. Sommige van deze functies zijn alleen beschikbaar voor de pro-versie van de plug-in.
Nu kunt u naar het tabblad gaan lens voor parameters zoals lensgrootte, lenskleur, lensrandopties en meer. Deze instellingen zijn alleen effectief als u de cirkel- of vierkante lens heeft geselecteerd die is ingeschakeld in stap 1.
Ga dan naar het configuratietabblad van het Zoomvenster . Dit tabblad is alleen ingeschakeld als u de optie ' lens« Zoomvenster geactiveerd in stap 1.
Vanaf hier kunt u de breedte en hoogte van het zoomvenster, positionering, afstand tot de hoofdafbeelding, randen, enz. Wijzigen.
Ten slotte kunt u aangepaste tekst aan de afbeelding toevoegen en de tekstgrootte, kleur en uitlijning kiezen.
Vergeet niet op de knop te klikken Wijzigingen opslaan om uw instellingen op te slaan. Je kunt altijd het voorbeeld bekijken om te zien hoe het vergrootglas met deze instellingen werkt op je blogafbeeldingen.
Met de bovenstaande instellingen kunt u inzoomen op uw WooCommerce-productafbeeldingen.
raadpleeg Hoe maak je een klant te overtuigen en producten te verkopen op het internet en verbeter uw omzet
Om de zoom van uw afbeeldingen op publicaties en WordPress-pagina's te activeren, moet u de onderstaande stappen volgen.
Vergrotende zoomfunctie inschakelen voor afbeeldingen van publicaties en pagina's
Standaard is vergrotende zoom niet ingeschakeld op de afbeeldingen van uw berichten en pagina's. U moet dit handmatig doen nadat u een afbeelding aan uw inhoud hebt toegevoegd.
Maak uw blog populair door te ontdekken Hoe kan ik toevoegen sharing knoppen op WordPress
Zodra je de afbeelding aan je bericht of pagina hebt toegevoegd, klik je erop om deze te selecteren en vervolgens op het gemaximaliseerde pictogram in de werkbalk. Dit pictogram past de zoominstellingen toe op uw afbeelding.
Ga vervolgens naar het bericht om de vergrote zoomfunctie te zien die is ingeschakeld voor de geselecteerde afbeelding. U moet deze stap elke keer herhalen als u het zoomeffect aan een afbeelding wilt toevoegen.
We raden u aan afbeeldingen van hoge kwaliteit te gebruiken om de zoomfunctie perfect te laten zijn. Afbeeldingen van hoge kwaliteit zijn over het algemeen groter in bestandsgrootte en het laden ervan duurt langer, wat de snelheid en prestaties van uw website zal beïnvloeden. Om dit probleem op te lossen, u moet uw afbeeldingen voor het web optimaliseren voordat u ze uploadt naar WordPress.
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. Sabai Discussie bespreken voor WordPress
Sabai Discuss is een WordPress Plugin waarmee je een vraag- en antwoordsysteem op je blog of website kunt opzetten.
Hiermee kunnen gebruikers onderling vragen stellen en beantwoorden; net als Stack Overflow of Yahoo antwoorden.
Sabai Discuss is de perfecte tool, niet alleen voor het ontwerpen van een community Q & A-website, maar ook voor het maken van een discussiebord, kennisbank of zelfs ondersteuningsportaal op WordPress.
Downloaden | demonstratie | web hosting
2. legaliseren
Legaliseren is een WordPress Plugin waarmee u eenvoudig een privacybeleid en servicevoorwaarden aan uw blog of website kunt toevoegen.
En daar ga je! U heeft uw privacybeleid en gebruiksvoorwaarden. De pagina's die hierdoor worden gegenereerd WordPress Plugin zijn volledig configureerbaar. Integreren kan ook shortcodes op uw website, om eenvoudig links naar nieuw gegenereerde pagina's toe te voegen.
Als u uw website wijzigt, kunt u bovendien uw antwoorden in de vragenlijst bijwerken en uw nieuwe voorwaarden opnieuw publiceren. De plug-in is volledig herbruikbaar en herconfigureerbaar.
Downloaden | demonstratie | web hosting
3. CSV en XML Import
CSV- en XML-import is een WordPress-plug-in waarmee u uw website snel en gemakkelijk kunt maken en bijwerken, zodat u gegevens uit bestanden in CSV- of XML-indeling kunt importeren.
Deze plugin importeert / exporteert grote bestanden zonder de noodzaak om de php.ini. Het kan berichten, pagina's, aangepaste berichttypen, geladen aangepaste velden, opmerkingen, categorieën, gebruikers, afbeeldingen, media en andere opties naar WordPress importeren.
Bovendien werken CSV en XML Import naadloos samen met elk WordPress-thema of plug-in, en wat meer is, het is meertalig.
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- Hoe maak je een multi-auteur blog te maken en laat uw lezers om artikelen te plaatsen op uw blog
- Hoe PDF's presenteren en delen op WordPress?
- Hoe connectiviteitsfout op WordPress vast te stellen
- Hoe u uw WordPress-website in de onderhoudsmodus plaatst
Conclusie
Alstublieft ! Dat is het voor deze tutorial. We hopen dat het je heeft geholpen om te leren hoe je een vergrotende zoomlens kunt toevoegen aan afbeeldingen in WordPress. 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.
Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.
...
