Faceți mai multe cu imaginile de pe site-ul dvs. WordPress

După cum se spune în vechea zicală, "o imagine este în valoare de o mie de cuvinte". În cazul designului web, imagini de toate tipurile sunt utilizate pentru a ajuta la a spune o poveste. Articolele din blog le folosesc adesea pentru a rezuma un punct, în timp ce mai multe exemple orientate către vânzări utilizează imagini pentru a ilustra de ce un produs sau un serviciu merită să fie cumpărat. Ele sunt o parte indispensabilă a oricărui site web.

Lucky pentru noi, atunci, WordPress oferă imaginile noastre tratamentul regal. Funcțiile sale media integrate ne permit să catalogăm imaginile, să căutăm prin ele și chiar să facem niște editări minore.

În timp ce acest lucru ne oferă destul de puțină putere, plugin-urile potrivite ne pot ajuta să facem mai mult. Astăzi, vom examina cinci astfel de pluginuri WordPress pe care le puteți utiliza pentru a aduce mai multă flexibilitate și funcționalitate imaginilor site-ului dvs. Fiecare plugin este disponibil pentru descărcare cu abonamentul dvs. anual la Envato Elements. Abonații au acces la peste 450 de teme și pluginuri WordPress, împreună cu sute de mii de elemente de design de cea mai bună calitate - toate pentru un preț scăzut.

1. Creați o galerie de imagini high-end

WordPress nu are un mod încorporat de a crea galerii de imagini. Dar rezultatul final este ceva foarte fundamental. Galeriile au potențialul de a face mult mai mult. Ele pot prezenta subiectul dvs. (fie că este vorba de abilitățile dumneavoastră de fotografie, fie de colecția clasică de mașini) și adăugați o anumită interacțiune serioasă amestecului. Dar va trebui să folosiți un plugin pentru a crea ceva atât de frumos și funcțional.

Galeria globală - Galeria responsabilă de Wordpress

Galeria globală este un plugin care poate face totul. Utilizați-l pentru a crea galerii de imagini personalizate, glisoare sau caruseluri. Puteți importa imagini din site-urile de socializare și de partajare a fotografiilor sau le puteți încărca direct prin galeria media WordPress. Pluginul vă permite de asemenea să etichetați imagini, pe care le puteți utiliza pentru a construi o interfață de portofoliu filtrabilă. Veți găsi, de asemenea, că există o varietate de machete și setări disponibile pentru a modifica. În plus, totul este receptiv și va funcționa pe orice ecran.

2. Adăugați interactivitate imaginilor dvs.

Hărțile de imagini au fost în jur de ceva timp și sunt încă utile. Pentru cei neinițiați, o hartă de imagini arată ca orice altă imagine de pe site-ul dvs. web, dar magia provine din faptul că puteți personaliza zone cu puncte "hotspot" pe această imagine. Aceasta înseamnă că puteți să conectați diferite părți ale unei imagini în locuri diferite sau să adăugați alte efecte. De exemplu, este posibil să aveți o fotografie de grup a personalului companiei dvs. Puteți utiliza o hartă a imaginilor pentru a plasa un link pe fața fiecărei persoane care se îndreaptă spre biografia lor specifică.

Image Map Pro

Implicit, WordPress nu se ocupă foarte bine de hărțile de imagini. Și apoi există și problema că ei nu răspund deloc, ducând la hotspot-uri care nu se adaptează corect ecranelor mai mici. Acolo, Image Map Pro vine la fel de la îndemână. Desenați forme personalizate pe imaginile dvs., care pot fi utilizate pentru adăugarea de linkuri sau pentru afișarea unor sfaturi despre materialele media bogate. De asemenea, este complet receptiv și acceptă evenimente touch.

3. Faceți comparațiile o experiență vizuală mai mare

Una dintre metodele cele mai eficiente de a demonstra diferența dintre subiecți este imaginea clasică înainte și după. Le vedem peste tot pentru un motiv bun: ei lucrează. Este extrem de vizibil și adesea atât de ușor de înțeles că nu este necesară o explicație suplimentară. Ei primesc punctul mai bine decât cuvintele singure.

Înainte și după compararea imaginilor WordPress Plugin

Comparația imaginilor nu numai că oferă o modalitate ușoară de a adăuga imagini înainte și după pe site-ul dvs. WordPress, ci le face și interactive. Utilizatorii pot trage o linie de comparație (orizontală sau verticală - în funcție de configurație) pentru a dezvălui părți ascunse ale unei imagini combinate. Acest lucru aduce un plus de atenție utilizatorilor care le asigură mai bine atenția.

Și dacă sunteți interesant în a vă pune mâinile murdare cu unele JavaScript și construirea propriilor dvs., aruncați o privire la acest tutorial de Adi Purdila:

• 

  Cum se creează un slider cu ecran separat cu JavaScript

  În tutorialul video de astăzi vă voi arăta cum să creați un element "split-screen" (sau UI, indiferent ce preferați să îl numiți) folosind JavaScript. Inspirație…

4. Creați efecte speciale uimitoare

Adăugarea de efecte speciale la imagini poate oferi site-ului dvs. o imagine unică, ajutând, de asemenea, la atragerea ochiului unui utilizator într-o anumită zonă a unei pagini. Există o varietate de lucruri pe care le puteți face, de la filtre de imagine de tip Instagram până la implementarea animației. Lucrul grozav este că nu mai trebuie să fii expert în Photoshop pentru a face acest lucru. Cu CSS3, multe dintre aceste efecte sunt construite chiar înăuntru.

Imager - Instrument Amazing Image pentru WordPress

Cu Imager, puteți adăuga cu ușurință peste 60 de efecte speciale pe imaginile site-ului dvs. Filtrele, animațiile și efectele de redirecționare a mouse-ului sunt la îndemână. Pluginul servește, de asemenea, ca utilitate de imagine completă, permițându-vă să creați dimensiuni personalizate ale imaginilor, regenerarea miniaturilor, filigrane și multe altele.

Și din nou, iată-l pe Adi Purdila pentru a explica mai multe despre filtre și CSS:

• 

  Cum să aplicați filtrele Instagram în browser utilizând CSS pur

  Să vedem cum puteți crea efecte de filtrare asemănătoare cu Instagram în browser utilizând doar CSS. Hai să aruncăm o privire!

5. Faceți participarea la audiență mai distractivă

Dacă mass-media socială ne-a învățat un lucru, este că oamenii iubesc să împărtășească imagini. Memele și GIF ne fac să râdem și sunt adesea folosiți pentru a ajuta la răspândirea ideilor. În situația potrivită, este logic să folosim această tehnologie pentru a spori implicarea utilizatorilor pe site-urile noastre. Totuși, se pare că aceasta este o resursă relativ neexploatată în afara spațiului social.

WP Comentariu Imagini și videoclipuri

Pentru site-urile care încurajează comentariile cititorilor, imaginile și videoclipurile despre comentariile WP ar putea fi doar un lucru care ar putea declanșa mai multă conversație. Nu numai că permite încărcarea de către utilizatori media, ci permite și partajarea de materiale media de pe site-uri precum YouTube și Vimeo. Acest pic de distracție adăugată ar putea avea o mare importanță atunci când vine vorba de participarea utilizatorilor.

Mai mult decît decorarea

În mod tradițional, imaginile au fost folosite pentru a adăuga un element decorativ pe site-uri web. Dar, așa cum am văzut, aceștia sunt, de asemenea, capabili să fie un instrument eficient. Pluginurile de mai sus vă vor ajuta să le folosiți în moduri care vă vor ajuta să vă spuneți povestea dvs. și să adăugați noi niveluri de interactivitate site-ului dvs..