Accentsconagua
Share
Zoals het oude gezegde luidt: "een foto zegt meer dan duizend woorden." In het geval van webdesign worden allerlei afbeeldingen gebruikt om een verhaal te vertellen. Blogberichten gebruiken ze vaak om een punt samen te vatten, terwijl meer verkoopgeoriënteerde voorbeelden afbeeldingen gebruiken om te illustreren waarom een product of service de moeite waard is om te kopen. Ze zijn een onmisbaar onderdeel van elke website.
Gelukkig voor ons, dan geeft die WordPress onze beelden de koninklijke behandeling. Dankzij de ingebouwde mediamogelijkheden kunnen we onze afbeeldingen catalogiseren, ze doorzoeken en zelfs kleine bewerkingen uitvoeren.
Hoewel dat ons behoorlijk wat kracht oplevert, kunnen de juiste plug-ins ons helpen nog meer te doen. Vandaag bekijken we vijf van die WordPress-plug-ins die u kunt gebruiken om meer flexibiliteit en functionaliteit aan de afbeeldingen van uw site te geven. Elke plug-in kan worden gedownload met uw jaarabonnement op Envato Elements. Abonnees hebben toegang tot meer dan 450 WordPress-thema's en plug-ins, samen met honderdduizenden designelementen van topkwaliteit - alles voor één lage prijs.
WordPress heeft een ingebouwde manier om afbeeldingsgalerijen te maken. Maar het eindresultaat is iets heel basaals. Galerijen hebben het potentieel om zoveel meer te doen. Ze kunnen uw onderwerp laten zien (of het nu uw fotografische vaardigheden zijn of uw verzameling klassieke auto's) en voeg wat serieuze interactiviteit toe aan de mix. Maar u moet een plug-in gebruiken om iets te maken dat zowel mooi als functioneel is.
Global Gallery - Wordpress Responsive GalleryGlobal Gallery is een plug-in die alles kan. Gebruik het om sterk aangepaste afbeeldingsgalerijen, schuifregelaars of carrousels te maken. U kunt afbeeldingen van sociale media en sites voor het delen van foto's importeren of deze rechtstreeks uploaden via de mediagalerij van WordPress. Met de plug-in kunt u ook afbeeldingen labelen, die u kunt gebruiken om een filterbare portfolio-interface te bouwen. Je zult ook merken dat er een verscheidenheid aan beschikbare lay-outs en instellingen zijn om te tweaken. Bovendien is alles responsief en werkt het op elk scherm.
Image maps bestaan al geruime tijd en ze zijn nog steeds ongelooflijk handig. Voor niet-ingewijden ziet een afbeeldingskaart eruit als elke andere afbeelding op uw website, maar de magie komt van het feit dat u aanklikbare "hotspot" -gebieden op die afbeelding kunt aanpassen. Dit betekent dat u verschillende delen van een afbeelding op verschillende plaatsen kunt koppelen of andere effecten kunt toevoegen. U hebt bijvoorbeeld een groepsfoto van de medewerkers van uw bedrijf. Je zou een imagemap kunnen gebruiken om een link te plaatsen op het gezicht van elke persoon die naar zijn specifieke biografie leidt.
Image Map ProWordPress verwerkt standaard afbeeldingen niet goed. En dan is er ook het probleem dat ze helemaal niet reageren, wat ertoe leidt dat hotspots niet goed worden aangepast aan kleinere schermen. Dat is waar Image Map Pro zo handig in komt. Teken aangepaste vormen op uw afbeeldingen die kunnen worden gebruikt voor het toevoegen van koppelingen of om rich-media-tooltips weer te geven. Het is ook volledig responsief en ondersteunt aanraakgebeurtenissen.
Een van de meest effectieve methoden om het verschil tussen onderwerpen aan te tonen, is de klassieke voor-en-na afbeelding. We zien ze overal voorgoed als een reden: ze werken. Het is zeer visueel en vaak zo gemakkelijk te begrijpen dat er geen verdere uitleg nodig is. Ze komen beter over het woord dan woorden alleen.
Vóór & na afbeeldingen Vergelijking WordPress-plug-inImages Comparison biedt niet alleen een eenvoudige manier om voor- en achtervoegsels toe te voegen aan uw WordPress-website, het maakt ze ook interactief. Gebruikers kunnen een vergelijkingslijn slepen (horizontaal of verticaal - afhankelijk van uw opstelling) om verborgen delen van een gecombineerd beeld te onthullen. Dit zorgt voor een extra gebruikersfocus die hun aandacht beter bewaakt.
En als je interessant bent om je handen vies te maken met JavaScript en je eigen JavaScript te bouwen, bekijk dan deze tutorial van Adi Purdila:
Het toevoegen van speciale effecten aan afbeeldingen kan uw site een unieke uitstraling geven en tegelijkertijd helpen een gebruiker naar een specifiek gedeelte van een pagina te trekken. Er zijn een aantal dingen die je kunt doen, van Instagram-achtige beeldfilters tot het implementeren van animatie. Het mooie is dat je niet langer een Photoshop-expert hoeft te zijn om dit te doen. Met CSS3 zijn veel van deze effecten ingebouwd.
Imager - Amazing Image Tool voor WordPressMet Imager kunt u gemakkelijk meer dan 60 speciale effecten toevoegen aan de afbeeldingen van uw site. Filters, animaties en mouseover-effecten zijn binnen handbereik. De plug-in dient ook als een volledig beeldhulpprogramma door u in staat te stellen om aangepaste beeldformaten, miniatuurregeneratie, watermerken en meer te maken.
En nogmaals, hier is Adi Purdila om meer te vertellen over filters en CSS:
Als sociale media ons één ding hebben geleerd, is het dat mensen graag afbeeldingen delen. Memes en GIF's maken ons aan het lachen en worden vaak gebruikt om ideeën te verspreiden. In de juiste situatie is het zinvol om deze technologie te gebruiken om de betrokkenheid van gebruikers op onze eigen websites te vergroten. Toch lijkt het erop dat dit een relatief onaangesproken bron is buiten de sociale ruimte.
WP Afbeeldingen en video's reagerenVoor sites die lezerscommentaren aanmoedigen, kunnen WP Comment Images en video's precies het ding zijn om meer conversaties te genereren. Niet alleen maakt het media-uploads van gebruikers mogelijk, het maakt ook het delen van media mogelijk van sites zoals YouTube en Vimeo. Dit beetje extra leuk kan een groot verschil maken als het gaat om gebruikersparticipatie.
Traditioneel worden afbeeldingen gebruikt om een decoratief element aan websites toe te voegen. Maar zoals we hebben gezien, zijn ze ook in staat om een allesomvattende effectieve tool te zijn. Met de bovenstaande plug-ins kunt u ze gebruiken op manieren die uw verhaal vertellen en nieuwe niveaus van interactiviteit toevoegen aan uw site.
