Divi Plugin Highlight: Divi FilterGrid

Divi FilterGrid este un plugin terță parte care adaugă un nou modul filtrabil la Divi Builder. Poate afișa postări din orice tip de postare personalizată și poate crea filtre personalizate pentru a le afișa în funcție de orice taxonomie pe care o alegeți. Afișați postări de blog, proiecte, produse, creați galerii și multe altele.

În acest punct culminant al pluginului, vom arunca o privire la Divi FilterGrid, vom vedea ce poate face și vom vedea cât de ușor este de utilizat. Puteți achiziționa pluginul de pe site-ul dezvoltatorului.

Modulul Divi FilterGrid

Modulul Divi FilterGrid este adăugat la Divi Builder. Pictograma este colorată și se distinge de restul.

Filă Divi FilterGrid Content

Fila Conținut adaugă o mulțime de caracteristici. Acestea includ elemente de postare, opțiuni de interogare, opțiuni de filtrare, opțiuni de paginare și fundal pentru a regla toate culorile de fundal. Include, de asemenea, opțiunile standard pentru linkuri și etichete de administrator.

Post Elements

Opțiunile Post Elements vă permit să afișați sau să ascundeți imaginea prezentată și apoi să determinați acțiunea miniaturilor. Puteți să vă conectați la postare, să afișați imaginea într-o casetă lightbox, într-o galerie lightbox, să afișați postarea într-un pop-up sau să deschideți o galerie lightbox personalizată. Pentru acest exemplu, afișez postarea într-un pop-up.

Acesta deschide imaginea într-o galerie lightbox. Cititorul poate selecta săgețile pentru a vedea imaginile prezentate ale tuturor postărilor. Dând clic pe titlul postului, se deschide în continuare postarea în aceeași filă.

De asemenea, puteți schimba culoarea suprapunerii, pictograma și culoarea pictogramei. Am personalizat fiecare dintre acestea în imaginea de mai sus. Puteți, de asemenea, să afișați titlul, să adăugați linkul la titlu, să adăugați un extras, să limitați numărul de caractere al extrasului, să afișați un buton de citire mai multe, să adăugați câmpuri personalizate și multe altele. Am adăugat un extras și am dezactivat meta de postare.

Opțiuni de interogare

Opțiunile de interogare vă permit să alegeți tipul de interogare din Basic, Advanced și Custom. Alegeți categoriile, numărul postării, numărul de compensare și comandați după opțiuni. Am ales o categorie în acest exemplu.

Opțiunile avansate vă oferă mai multe funcții noi. Selectați anumite tipuri de postări, taxonomii, termeni și excludeți termeni și taxonomii. De asemenea, puteți afișa postări private și postări lipicioase. În exemplul de mai sus, stabilesc o taxonomie. Îmi permite să aleg categoriile sau etichetele specifice pe care vreau să le folosesc și apoi să specific relația lor cu termenul de căutare. Termenii pentru copii funcționează la fel. Acest lucru vă permite să obțineți detalii suplimentare și nu doar să afișați postări bazate pe categorii sau etichete. De asemenea, puteți seta numărul de postare și opțiunile de comandă pentru taxonomii.

Tipul de interogare personalizată vă permite să utilizați conținut personalizat. Acesta oferă un link către documentație unde puteți afla cum să configurați acest lucru. Interogările personalizate se fac cu cod în fișierul functions.php. Documentația include mai multe exemple care vă vor ajuta să o parcurgeți.

Opțiuni de filtre

Opțiunile de filtre vă permit să filtrați grila în funcție de termenii de căutare. Selectați filtrul implicit și veți vedea un mod în care puteți alege categorii și etichete pentru postări și proiecte. De asemenea, puteți seta comanda și filtra după ID, nume sau o comandă personalizată. Pentru comanda personalizată, veți vedea o casetă în care puteți introduce valorile separate prin virgule.

Opțiuni de paginare

Opțiunile de paginare vă permit să alegeți tipul de paginare. Alegeți dintre paginate, un buton de încărcare mai mult sau pentru a încărca mai multe pe scroll. Pentru opțiunea paginată puteți alege săgețile, textul și numărul de pagini care apare în linkuri. Am adăugat text și am schimbat săgețile din acest exemplu.

fundal

Setările de fundal vă permit să personalizați fundalurile grilei, filtrelor, filtrului activ, paginării și paginării active. De asemenea, include opțiunile de fundal standard la care vă așteptați într-un modul Divi. În exemplul de mai sus, am ajustat culorile de fundal pentru filtru, grilă și paginare.

Filă Divi FilterGrid Design

Fila Proiectare oferă personalizări pentru opțiunile de aspect, textul titlului postului, textul metadatelor postului, textului conținutului postării, textului filtrelor, textului paginării, butonului Citiți mai multe, butonului de încărcare mai mult și tuturor opțiunilor standard ale modulului Divi.

Opțiuni de aspect

Opțiunile de aspect vă permit să selectați un aspect, un aspect, să setați lățimea elementelor, dimensiunea jgheabului coloanei și rândurilor și dimensiunea fontului grilei. Am redus lățimea articolelor, am scos jgheabul și am selectat Midnight pentru piele. De asemenea, am redus dimensiunea fontului.

Acesta este Filtrele verticale din stânga. Plasează filtrele într-o stivă verticală în partea stângă. Am mărit lățimea articolelor, astfel încât imaginile să fie mai mari.

Acesta este Elementele în suprapunere. Postările sunt mai scurte în această opțiune.

Zoom Image arată fiecare imagine cu o suprapunere și titlul în centru. Imaginea se apropie de zoom.

Biblioteca arată cardurile cu chenar și plasează titlul deasupra imaginii.

Acesta este aspectul List utilizând skin-ul implicit.

Aceasta este Fullwidth. Plasează titlul, meta și extrasul în partea de jos a imaginii.

Filă avansată a modulului Divi FilterGrid

Fila Advanced adaugă 15 câmpuri CSS personalizate pentru aproape fiecare element din modul. Utilizatorii CSS nu vor avea probleme în direcționarea anumitor elemente de personalizat.

Stilul modulului Divi FilterGrid

Opțiunile de aspect pot crea câteva modele interesante. În acest exemplu, am redus lățimea, astfel încât acestea să se afișeze într-un singur rând. De asemenea, am eliminat meta și fragmentul.

Pentru aceasta, am mărit lățimea articolelor. Acest lucru creează un design frumos al galeriei de mozaic.

În acesta, am adăugat titlul, toate meta, extrasul și butonul Citiți mai multe. Am schimbat culoarea titlului, l-am făcut cu majuscule, am mărit dimensiunea, l-am centrat și am mărit spațiul dintre caractere. De asemenea, am redus dimensiunea butonului de citire mai mult și am redat textul în alb.

Există o mulțime de opțiuni de stil pentru butonul Citiți mai multe. Pentru aceasta, m-am întors la dimensiunea implicită, dar am redus textul în greutate. Am rotunjit marginile și i-am dat un gradient de fundal.

Nu se afișează în modul editor, dar puteți adăuga și o imagine la buton. Puteți adăuga imaginea de la sine, cu o suprapunere solidă sau cu o suprapunere în gradient. În acest exemplu, am adăugat imaginea din spatele gradientului meu verde.

Textul metadatelor de postare reglează împreună metadarea postării. Am schimbat culoarea și spațiul dintre linii.

Textul filtrelor vă permite să stilizați fontul filtrului. Am mărit dimensiunea fontului, am schimbat culoarea și am adăugat un efect de umbră. Stilul de filtrare implicit are o culoare diferită pentru filtrul selectat. Puteți ajusta acest lucru separat în opțiunea de fundaluri din fila Conținut.

În acest exemplu, ajustez textul de paginare. Am schimbat culoarea, am mărit dimensiunea, am adăugat o oarecare distanță între caractere și am adăugat o umbră. De asemenea, am reglat puterea neclarității.

Butonul Încărcare mai mult include, de asemenea, opțiunile de stil de bază. Folosesc textul implicit (poate fi modificat în fila conținut). De asemenea, am setat textul la alb (este implicit verde).

Am mărit dimensiunea fontului, am adăugat spațierea caracterelor, am ajustat marginea, am adăugat un gradient și am dezactivat afișarea numai a pictogramei pe hover.

Divi FilterGrid și tipuri de mesaje personalizate

Mi s-a părut ușor de utilizat cu tipuri de postări personalizate. În opțiunile de interogare, faceți clic pe Selectare tipuri de postare și apoi selectați tipul de postare din modal.

Afișează în continuare filtrul original, dar îl puteți crea sau dezactiva. În opțiunile de filtrare, faceți clic pe filtru taxonomii și alegeți taxonomiile din listă. Faceți clic pe Setare valori .

Acum am un filtru personalizat pentru produsele mele WooCommerce.

Acum am un modul de produs WooCommerce pe care îl pot stiliza după bunul plac.

Exemplu de blog Divi FilterGrid

Pentru acest exemplu, am înlocuit modulul de blog din pagina de blog cu aspectul Dog Walker. L-am stilat pentru a se potrivi culorilor, stilurilor de font și colțurilor rotunjite pentru postări. Am adăugat apoi produse WooCommerce pentru a apărea în lista de bloguri. Acesta este un mod excelent de a adăuga diferite tipuri de conținut în fluxul de blog.

Rezultatul pare uimitor. Se creează un blog filtrabil sau puteți dezactiva filtrul și pur și simplu afișa conținutul.

Documentație și preț pentru modulul Divi FilterGrid

Documentația este disponibilă pe site-ul dezvoltatorului. Faceți clic pe butoane pentru a vedea informații specifice despre funcțiile avansate. Puteți vizita pagina de întrebări frecvente sau puteți trimite un bilet de asistență de aici. De asemenea, puteți face clic pe semnul întrebării pentru fiecare caracteristică din modul pentru a vedea o explicație a modului de utilizare.

Există patru opțiuni pentru achiziționarea Divi FilterGrid:

• Site unic - 19 USD
• 5 site-uri - 39 USD
• Site-uri nelimitate - 59 USD
• Site-uri nelimitate pe toată durata vieții - 129 USD

Puteți achiziționa pluginul de pe site-ul dezvoltatorului.

Gânduri de sfârșit

Divi FilterGrid este un plugin interesant. Este un modul excelent pentru afișarea diferitelor tipuri de conținut. Puteți afișa practic orice tip de postare și puteți afișa împreună mai multe tipuri de postări. Opțiunile de filtrare pot fi la fel de complexe pe cât doriți.

Îmi place să am opțiunile de ajustare a culorilor pentru fundaluri. Dacă aveți opțiunile de culoare în fila Conținut înseamnă că opțiunile de culoare sunt în două locații diferite. Cred că ar fi o atingere mai intuitivă dacă aceste ajustări ale culorii ar fi mutate în fila Design. Totuși, este plăcut să puteți personaliza culorile independent.

Mi s-a părut extrem de intuitiv. Vă recomand să explorați pentru a vedea toate opțiunile. Dacă sunteți interesat să adăugați o grilă puternică filtrată pentru a afișa tipurile dvs. de postări, Divi FilterGrid este un plugin ușor de recomandat.

Vrem sa auzim de la tine. Ați încercat Divi FilterGrid? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin Thepanyo / shutterstock.com