Fie că ești fotograf, designer sau proprietar de afacere, portofoliul tău este cel mai puternic instrument pe care îl ai pentru a câștiga noi clienți. Dar poate fi frustrant pentru vizitatori dacă aceștia trebuie să parcurgă zeci de imagini sau proiecte doar pentru a găsi ceea ce caută.
Am văzut cum un portofoliu dezorganizat te poate face să pierzi oportunități. Dacă un potențial client dorește să vadă studiile tale de caz „Logo Design”, dar se pierde printre proiectele tale „Dezvoltare Web”, atunci s-ar putea să renunțe.
Aici intervine un portofoliu filtrabil. Acesta permite vizitatorilor să sorteze munca ta după categorie, etichetă sau tip de proiect printr-un singur clic, făcându-le ușor să găsească exact ceea ce au nevoie.
În acest ghid, îți voi arăta cum să creezi cu ușurință un portofoliu filtrabil în WordPress, pas cu pas.
Voi acoperi două metode, astfel încât să poți alege pe cea care se potrivește cel mai bine nevoilor tale:
- Metoda 1: Envira Gallery (Recomandat pentru fotografii) – Cel mai bun dacă dorești să afișezi o galerie de imagini (cum ar fi un album de nuntă sau o prezentare foto).
- Metoda 2: WPFilters (Recomandat pentru proiecte) – Cel mai bun dacă dorești să filtrezi studii de caz, postări de blog sau produse WooCommerce.
De ce să creezi un portofoliu filtrabil în WordPress?
Majoritatea fotografilor și designerilor creează portofolii frumoase care prezintă cele mai bune fotografii ale lor. Cu toate acestea, uneori, persoanele care doresc să vă angajeze s-ar putea să vrea să vadă dacă ați făcut ceva similar înainte.
De exemplu, cineva care caută un fotograf de modă ar putea dori să vadă lucrările tale anterioare în domeniul modei.
Adăugarea de filtre la portofoliul tău îți permite să îți afișezi munca sub diferite etichete. De asemenea, ajută utilizatorii să sorteze cu ușurință elementele din portofoliul tău.
Să vedem cum să creăm cu ușurință un portofoliu filtrabil în WordPress, fără a fi nevoie de codare.
Metoda 1: Crearea unui portofoliu filtrabil folosind Envira Gallery (Recomandat pentru fotografii)
Envira Gallery este cel mai bun plugin pentru galerii foto pentru WordPress. Îți permite să creezi portofolii de imagini frumoase și filtrabile, care se încarcă rapid și arată grozav pe toate dispozitivele.
Am testat amănunțit Envira Gallery pentru a vedea cum se compară cu alte soluții. Pentru a citi mai multe despre experiența noastră, consultați recenzia noastră completă despre Envira Gallery Envira Gallery.
Mai întâi, trebuie să instalați și să activați pluginul. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Notă: Deși există o versiune gratuită a Envira Gallery, veți avea nevoie de planul Plus sau superior pentru a accesa Addon-ul Tags necesar pentru acest tutorial.
După activare, trebuie să vizitați pagina Envira Gallery » Settings pentru a introduce cheia de licență. Puteți obține aceste informații din contul dvs. de pe site-ul Envira Gallery.
După ce ați introdus cheia, ar trebui să faceți clic pe butonul „Verifică cheia”. Veți vedea un mesaj că site-ul primește acum actualizări.
Apoi, trebuie să instalezi addon-ul de etichete. Pentru a face acest lucru, accesează pagina Envira Gallery » Addons și caută Tags Addon.
Odată ce îl găsești, trebuie să dai clic pe butonul „Instalează”.
Envira Gallery va prelua și instala addon-ul pentru dvs., apoi va trebui să faceți clic pe butonul „Activate” pentru a începe să îl utilizați.
Acum, sunteți gata să creați portofoliul dvs. filtrabil.
Crearea portofoliului și organizarea imaginilor
Mergi la pagina Envira Gallery » Adaugă nou pentru a crea prima ta galerie și a-i da un nume.
Acum poți adăuga fotografii în galeria ta. Dă clic pe butonul „Selectează fișiere de pe computerul tău” pentru a încărca imagini noi sau dă clic pe „Selectează fișiere din alte surse” pentru a alege imagini deja existente în biblioteca media WordPress.
Dacă fotografiile se află deja în biblioteca media WordPress, atunci ar trebui să faceți clic pe butonul „Selectați fișiere din alte surse”.
Envira va încărca și insera acum acele fișiere în galeria ta. Odată ce este gata, poți derula în jos pentru a vedea imaginile tale.
Sfat de expert: Imaginile de înaltă rezoluție pot încetini performanța site-ului dvs. Vă recomand să folosiți un instrument precum EWWW Image Optimizer sau Smush pentru a comprima fotografiile portofoliului dvs. înainte de a le încărca în Envira.
Pentru mai multe detalii, consultați ghidul nostru despre cum să adaugi galerii de imagini în WordPress.
Apoi, faceți clic pe pictograma creion pentru a edita o imagine. Aceasta va deschide o fereastră pop-up unde puteți adăuga etichete și alte metadate fotografiilor dvs.
Gândiți-vă la etichete ca la cuvinte cheie sau categorii pentru imaginile dvs. De exemplu, ați putea folosi etichete precum „Nunți”, „Portrete”, „Peisaje” sau „Alb-Negru”. Aceste etichete vor deveni filtrele pe care vizitatorii dvs. le pot accesa pentru a sorta portofoliul.
Introdu etichetele pe care dorești să le atribui acestei fotografii. Poți adăuga mai multe etichete separate prin virgulă. Odată ce ai terminat, apasă pe butonul „Salvează metadatele” pentru a-ți stoca etichetele.
Acum, trebuie să repetați procesul pentru a adăuga etichete tuturor imaginilor din galeria dvs.
Sfat Pro: Fii consecvent cu etichetele tale. De exemplu, folosește întotdeauna „Portrete” în loc să alternezi între „Portret” și „Portrete”. Acest lucru menține filtrele curate și ușor de utilizat pentru vizitatori.
Activarea setărilor de filtrare
După ce ați adăugat etichete la fotografiile dvs., faceți clic pe fila „Etichete” din stânga paginii galeriei. Aici puteți activa sau dezactiva filtrarea etichetelor pentru galeria dvs.
Trebuie să bifezi căsuța „Activează filtrarea după etichete?” pentru a activa filtrarea după etichete și vei putea vedea setările pentru această opțiune.
Puteți alege poziția etichetelor (deasupra sau dedesubtul galeriei), puteți decide dacă să afișați toate etichetele sau doar anumite etichete și puteți configura alte setări de afișare.
Odată ce ați terminat, pur și simplu faceți clic pe butonul „Publicare” pentru a face galeria dvs. live. Galeria dvs. de portofoliu este acum gata să fie adăugată pe site-ul dvs.
Adăugarea portofoliului filtrabil pe site-ul tău WordPress
Acum poți crea postarea sau pagina unde dorești să afișezi portofoliul tău filtrabil. Dacă folosești editorul de blocuri, atunci pur și simplu adaugă un bloc Envira Gallery la articol.
După aceea, ar trebui să faceți clic pe meniul derulant „Search for a gallery” și să selectați galeria pe care ați publicat-o anterior.
Dacă utilizați editorul clasic, atunci ar trebui să faceți clic pe butonul „Adaugă galerie” situat deasupra barei de instrumente a editorului de postări.
Aceasta va deschide o fereastră pop-up unde puteți selecta galeria pe care tocmai ați creat-o și o puteți insera în postarea sau pagina dvs. WordPress.
Acum puteți actualiza postarea sau pagina pentru a salva modificările și a previzualiza site-ul dvs. web pentru a vedea portofoliul dvs. filtrabil în acțiune.
Dacă doriți să aflați mai multe lucruri pe care le puteți face cu Envira Gallery, consultați aceste tutoriale:
- Cum să creați o galerie de imagini în WordPress (Pas cu Pas)
- Cum să adăugați o galerie în WordPress cu efect de lightbox
- Cum să adăugați automat o filigran la imaginile din WordPress
Metoda 2: Crearea unui portofoliu filtrabil folosind WPFilters (Recomandat pentru proiecte)
WPFilters este cel mai bun plugin de filtrare a conținutului pentru WordPress. Îți permite să adaugi sortare în stil Amazon pe site-ul tău și funcționează perfect pentru studii de caz de proiecte și pagini detaliate de proiecte.
Permite vizitatorilor tăi să filtreze munca ta după categorie, etichetă sau câmpuri personalizate, fără a reîncărca pagina. De asemenea, moștenește automat stilul temei tale prin blocuri native, astfel încât să nu fie nevoie să-ți faci griji cu privire la modificări manuale de CSS.
Am testat temeinic WPFilters pentru a vedea cum se compară cu alte soluții. Pentru a afla mai multe despre experiența noastră, consultați recenzia noastră completă despre WPFilters.
Configurarea setărilor pluginului
Mai întâi, trebuie să instalezi și să activezi pluginul WPFilters. Pentru mai multe detalii, vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.
La activare, expertul de configurare va porni automat. Apăsați butonul „Să începem” pentru a continua.
Am constatat că expertul de integrare este incredibil de eficient. Am reușit să trec de la instalare la un bloc de filtrare complet funcțional în mai puțin de 5 minute.
Sfat Pro: Dacă sunteți un dezvoltator care folosește Advanced Custom Fields (ACF), veți aprecia faptul că WPFilters detectează automat datele ACF. Aceasta economisește mult timp, deoarece nu trebuie să mapați manual câmpurile personalizate la filtrele dvs.
Pe ecranul următor, vi se va cere: „Ce tip de date folosește site-ul dvs. pentru filtrare?” Acest lucru îi spune pluginului ce fel de conținut aveți pe site-ul dvs.
Pentru un portofoliu standard, ar trebui să bifați căsuțele pentru „Categorie WordPress” și „Etichetă WordPress”.
Cu toate acestea, dacă construiți un portofoliu de produse pentru a vă vinde munca, asigurați-vă că bifați opțiunile „Categorie WooCommerce” și „Preț WooCommerce”.
Dacă aveți un portofoliu foarte mare cu subcategorii adânci, am observat că WPFilters gestionează ierarhia imbricată superb, prin indentarea automată a categoriilor copil. Acest lucru previne un text lung și face mult mai ușor pentru clienții dvs. să navigheze prin listele complexe de proiecte.
Când apăsați butonul „Salvează și continuă”, vi se va cere să introduceți cheia de licență, pe care o puteți găsi în zona contului dvs. de pe site-ul WPFilters.
Pe ecranul final, veți vedea un mesaj de succes. Pur și simplu apăsați butonul „Salvează și finalizează” pentru a termina configurarea.
Personalizarea filtrelor portofoliului dvs.
Expertul de configurare creează automat filtre pentru dvs. pe baza alegerilor dvs. Cu toate acestea, s-ar putea să doriți să personalizați modul în care arată.
Pur și simplu accesați WPFilters » Elemente din tabloul de bord WordPress. Aici, veți vedea filtrele pe care expertul de configurare le-a creat pentru dvs., cum ar fi „Categorie WordPress” și „Etichetă WordPress”. În acest tutorial, vom filtra portofoliul nostru după categorie.
Să personalizăm filtrul de categorii. Trebuie să faceți clic pe pictograma creion de lângă elementul „WordPress Category” pentru a-l edita.
Aceasta va deschide editorul de filtre.
Puteți vedea că Sursa de date este deja setată la „Categorii”.
Acordați-vă un moment pentru a vă familiariza cu setările de pe această pagină. Pentru a face filtrul mai util, recomand activarea opțiunii „Item Count” din secțiunea Items.
Aceasta afișează numărul de proiecte din fiecare categorie lângă numele filtrului (cum ar fi „Web Design (12)”), ceea ce ajută vizitatorii să vadă cât de mult conținut aveți.
Odată ce sunteți mulțumit de setările dvs., faceți clic pe butonul „Save” din colțul din dreapta sus.
Afișarea portofoliului dvs. filtrabil
Acum că ați personalizat filtrul, trebuie să îl adăugați pe site-ul dvs. web. Partea cea mai bună la WPFilters este că funcționează ușor cu blocul nativ WordPress Query Loop.
Blocul Query Loop este soluția încorporată a WordPress pentru afișarea conținutului dinamic. Funcționează perfect cu WPFilters pentru a crea afișări de conținut filtrabile.
Pur și simplu editați pagina unde doriți să apară portofoliul dvs.
Mai întâi, adăugați blocul „WPFilters Element” pe pagină. În setările blocului din dreapta, asigurați-vă că filtrul dvs. „WordPress Category” este selectat.
Apoi, imediat sub filtru, adăugați un bloc Query Loop.
Puteți alege un model „Grid” sau „List” care se potrivește designului dvs.
În setările blocului din dreapta, găsiți secțiunea „Settings”. Asigurați-vă că selectați tipul de interogare „Custom” și tipul de postare „Posts”.
Acest lucru va asigura că blocul afișează postările dvs. în loc de pagina curentă.
Sfat expert: Deși blocul Query Loop este puternic, poate fi dificil pentru începători să îl configureze corect. Dacă nu vedeți elementele dvs., verificați de două ori dacă ați selectat tipul corect de postare în setările blocului.
Acesta este tot! Acum puteți previzualiza pagina.
Când selectați o categorie în filtru, lista de postări se va actualiza instantaneu pentru a afișa rezultatele.
Notă: Filtrele pot fi adăugate și într-o bară laterală ca widget-uri sau blocuri. Când sunt utilizate în acest mod, vor interacționa automat cu alte interogări primare ale paginii, cum ar fi listările magazinului WooCommerce, arhivele postărilor de blog sau orice alt conținut redat folosind o buclă WP_Query.
Tutorial video
Întrebări frecvente despre portofoliile filtrabile
Iată câteva dintre cele mai frecvente întrebări pe care cititorii noștri le pun despre crearea de portofolii filtrabile în WordPress.
1. Care este cel mai bun plugin WordPress pentru un portofoliu filtrabil?
Cel mai bun plugin depinde de conținutul dvs. specific. Pentru portofoliile bazate pe imagini (cum ar fi fotografia sau designul grafic), Envira Gallery este cea mai bună alegere, deoarece se concentrează pe prezentarea vizuală de înaltă calitate.
Cu toate acestea, pentru portofoliile bazate pe proiecte (cum ar fi studii de caz, postări de blog sau listări imobiliare), WPFilters este superior, deoarece vă permite să filtrați conținutul existent din WordPress după categorie, etichetă sau câmp personalizat.
2. Pot crea un portofoliu de produse filtrabil pentru WooCommerce?
Da. WPFilters este conceput special pentru a funcționa perfect cu WooCommerce. Vă permite să creați un portofoliu de produse unde clienții pot filtra articolele după preț, atributele produsului (cum ar fi mărimea sau culoarea) și categorii, oferind o experiență de cumpărături similară cu Amazon.
3. Utilizatorii trebuie să reîncarce pagina pentru a vedea rezultatele filtrate?
Nu. Atât Envira Gallery, cât și WPFilters utilizează tehnologia Ajax. Când un vizitator face clic pe un filtru, conținutul se actualizează instantaneu, fără a reîncărca pagina. Acest lucru asigură o experiență rapidă și fluidă pentru vizitatorii dvs.
4. Pot adăuga videoclipuri la portofoliul meu filtrabil?
Da, dacă alegeți Envira Gallery, atunci puteți instala addon-ul specific pentru videoclipuri. Această extensie vă permite să includeți videoclipuri YouTube, Vimeo și videoclipuri găzduite local în portofoliul dvs. filtrabil, alături de imaginile dvs.
5. Vor funcționa aceste pluginuri de portofoliu cu tema mea WordPress?
Da. Atât Envira Gallery, cât și WPFilters sunt concepute pentru a funcționa cu orice temă WordPress codificată corespunzător. De asemenea, se integrează ușor cu constructori de pagini populari precum SeedProd, Divi și Elementor, permițându-vă să plasați portofoliul oriunde pe site-ul dvs.
Resurse suplimentare și pașii următori
Acum că știți cum să creați un portofoliu filtrabil, s-ar putea să doriți să explorați alte modalități de a îmbunătăți galeriile și imaginile site-ului dvs. Consultați aceste ghiduri utile:
- Cele mai bune pluginuri pentru galerii foto WordPress – Consultați comparația noastră expertă a celor mai bune pluginuri pentru galerii pentru a vă asigura că folosiți cel mai bun instrument pentru sarcină.
- Cum să adăugați o galerie cu efect de lightbox – Faceți ca imaginile din portofoliul dvs. să iasă în evidență, permițând utilizatorilor să le vizualizeze într-un overlay frumos de tip lightbox.
- Cum să adăugați automat o filigran la imagini – Protejați-vă munca prin adăugarea automată a logo-ului sau a unui filigran la fiecare fotografie pe care o încărcați.
- Cum să creați o galerie de imagini de produse WooCommerce – Dacă vindeți fotografiile sau arta dvs. online, atunci acest ghid vă va arăta cum să creați galerii de produse uimitoare pentru magazinul dvs.
- Cum să creezi o galerie de imagini în WordPress – O reîmprospătare excelentă a bazelor creării de galerii de imagini frumoase și responsive.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Dennis Muthomi
Galerii filtrabile sunt un must-have pentru creativi.
Un sfat util pe care l-am învățat este să creezi un sistem standardizat de etichetare înainte de a configura etichetele Envira Gallery. Fac acest lucru cu toți clienții mei fotografi. Mă țin de etichete consistente precum „nuntă”, „portret” și „comercial” în munca lor. Este extrem de util din două motive:
– Facilitează mult întreținerea portofoliului
– Creează o experiență de filtrare mai bună pentru vizitatori
BTW, Addon-ul de Etichete pe care l-ați menționat a fost perfect pentru implementarea acestui sistem!
Haim
Toate galeriile foto pe care le-am găsit până acum și care suportă etichete permit filtrarea unei singure etichete pe rând. Aș dori să implementez o galerie unde pot filtra pe baza mai multor etichete pentru a obține fotografiile care au TOATE etichetele. Pentru asta, selecția etichetelor ar trebui să fie sub formă de casete de selectare pentru a permite selectarea mai multor etichete. Mă poate îndruma cineva către o astfel de soluție pentru WP? Mulțumesc.
divp
nice one keep sharing
Lewis
Articol cu adevărat grozav, mi-a plăcut această temă și în curând voi angaja un dezvoltator web pentru a-mi construi o temă ca aceasta. Mulțumesc!