Accentsconagua
Share
Som det gamle ordtaket sier, "et bilde er verdt tusen ord." Når det gjelder webdesign, brukes bilder av alle typer for å bidra til å fortelle en historie. Blogginnlegg bruker dem ofte til å oppsummere et poeng, mens flere salgsorienterte eksempler benytter bilder for å illustrere hvorfor et produkt eller en tjeneste er verdt å kjøpe. De er en uunnværlig del av et nettsted.
Heldig for oss, da, at WordPress gir våre bilder den kongelige behandlingen. Med den innebygde mediefunksjonen kan vi katalogisere bildene våre, søke gjennom dem, og til og med gjøre noen mindre endringer.
Mens det gir oss ganske mye strøm, kan de riktige pluginene hjelpe oss med å gjøre enda mer. I dag tar vi en titt på fem slike WordPress-plugins som du kan bruke til å gi mer fleksibilitet og funksjonalitet til nettstedets bilder. Hver plugin er tilgjengelig for nedlasting med ditt årlige abonnement på Envato Elements. Abonnenter har tilgang til over 450 WordPress-temaer og plugins, sammen med hundretusener av toppkvalitets designelementer - alt for en lav pris.
WordPress har en innebygd måte å lage bildegallerier på. Men sluttresultatet er noe veldig grunnleggende. Gallerier har potensial til å gjøre så mye mer. De kan vise frem temaet ditt (enten det er fotografiske ferdigheter, eller din klassiske bilsamling) og legg til noen seriøs interaktivitet til blandingen. Men du må bruke et plugin for å lage noe som er både vakkert og funksjonelt.
Global Gallery - Wordpress Responsive GalleryGlobal Gallery er et plugin som kan gjøre alt. Bruk den til å lage svært tilpassede bildegallerier, skyveknapper eller karuseller. Du kan importere bilder fra sosiale medier og fotodelingssteder eller laste dem opp direkte via WordPress mediegalleriet. Pluggen gjør det også mulig å merke bilder som du kan bruke til å bygge et filterbart grensesnitt. Du vil også finne ut at det finnes en rekke tilgjengelige layouter og innstillinger for å justere. Plus, alt er responsivt og vil fungere på hvilken som helst skjerm.
Bildekart har eksistert lenge, og de er fortsatt utrolig nyttige. For de uinitierte ser et bildekart ut som et annet bilde på nettstedet ditt, men dets magi kommer fra det faktum at du kan skreddersy klikkbare "hotspot" -områder på det bildet. Dette betyr at du kan koble ulike deler av et bilde til forskjellige steder eller legge til andre effekter. For eksempel kan du ha et gruppebilde av selskapets ansatte. Du kan bruke et bilde kart for å legge en lenke på hver persons ansikt som retter seg mot deres spesifikke biografi.
Bilde Kart ProSom standard håndterer ikke WordPress bildekartene veldig bra. Og så er det også problemet at de ikke er lydhør i det hele tatt, noe som fører til at hotspots ikke justeres riktig til mindre skjermer. Det er der Image Map Pro kommer inn så praktisk. Tegn tilpassede figurer på bildene dine, som kan brukes til å legge til linker eller vise verktøy for riktige medier. Det er også fullt responsivt og støtter berøringshendelser.
En av de mest effektive metodene for å demonstrere forskjellen mellom fag er det klassiske før-og-etter-bildet. Vi ser dem overalt for en god grunn: de jobber. Det er svært visuelt og ofte så lett å forstå at ingen videre forklaring er nødvendig. De får poenget over bedre enn ord alene.
Før og etter bilder Sammenligning WordPress PluginSammenligning av bilder gir ikke bare en enkel måte å legge til før og etter bilder på WordPress-nettstedet ditt, det gjør dem også interaktive. Brukere kan dra en sammenligningslinje (enten horisontalt eller vertikalt - avhengig av oppsettet) for å avsløre skjulte deler av et kombinert bilde. Dette bringer den ekstra bruken av brukerfokus som bedre sikrer deres oppmerksomhet.
Og hvis du er interessert i å få hendene skitne med noen JavaScript og bygge din egen, ta en titt på denne veiledningen av Adi Purdila:
Legge til spesialeffekter på bilder kan gi nettstedet et unikt utseende, samtidig som det bidrar til å trekke brukerens øye til et bestemt område på en side. Det finnes en rekke ting du kan gjøre, fra Instagram-lignende bildefiltre helt til implementering av animasjon. Det store er at du ikke lenger trenger å være en Photoshop-ekspert for å gjøre det. Med CSS3 er mange av disse effektene bygget rett inn.
Imager - Amazing Image Tool for WordPressMed Imager kan du enkelt legge til over 60 spesialeffekter på bildens bilder. Filtre, animasjoner og mouseover-effekter er like ved hånden. Pluggen fungerer også som et fullblåst bildeverktøy ved å gjøre det mulig å lage egendefinerte bildestørrelser, miniatyrregenerering, vannmerker og mer.
Og igjen, her er Adi Purdila for å forklare mer om filtre og CSS:
Hvis sosiale medier har lært oss en ting, er det at folk elsker å dele bilder. Memes og GIF gjør oss til å le og brukes ofte til å spre ideer. I riktig situasjon er det fornuftig å utnytte denne teknologien for å øke brukerengasjementet på våre egne nettsteder. Likevel virker det som om dette er en relativt uutnyttet ressurs utenfor det sosiale rommet.
WP Kommenter bilder og videoerFor nettsteder som oppfordrer leserkommentarer, kan WP kommentere bilder og videoer bare være tingen å gnistrende en samtale. Ikke bare gjør det mulig for brukeropplasting av media, det gjør det også mulig å dele medier fra nettsteder som YouTube og Vimeo. Denne lille ekstra sjansen kan gjøre stor forskjell når det gjelder brukerdeltakelse.
Tradisjonelt har bilder blitt brukt til å legge til et dekorativt element på nettsteder. Men som vi har sett, er de også i stand til å være et allround effektivt verktøy. Pluggene ovenfor hjelper deg med å bruke dem på måter som hjelper deg med å fortelle historien din og legge til nye nivåer av interaktivitet på nettstedet ditt.
