Tot ce trebuie să știți despre modulul de liste de pictograme Divi 5

Una dintre cele mai recente actualizări DIVI 5 a introdus caruseluri și animații Lottie, precum și ceva pe care fiecare site îl poate folosi: noul modul de listă de pictograme. În loc de puncte de glonț simplu, puteți crea liste în stil cu pictograme semnificative care adaugă claritate și apel vizual.

Gândiți -vă la caracteristici pe o pagină de produs, pași într -un proces, servicii într -o masă de prețuri sau chiar beneficii pe o pagină de destinație. Modulul de liste de pictograme face ca toate acestea să fie mai ușor de proiectat și mai antrenante pentru vizitatori.

În această postare, vom acoperi tot ceea ce trebuie să știți despre modulul de liste de pictograme, de la caracteristici la cazuri de utilizare practică, astfel încât să vă puteți actualiza listele și îmbunătățiți site -urile Divi.

Care este modulul listei de pictograme?

Modulul de liste de pictograme din Divi 5 este conceput pentru a crea liste atrăgătoare și structurate care îmbunătățesc designul site -ului dvs. Vă permiteți să asociați fiecare articol de listă cu o pictogramă unică, acest modul transformă text simplu în conținut profesional, antrenant.

Înainte de DIVI 5, crearea de liste stilizate în DIVI a necesitat modele de text sau module blurb, ceea ce a fost mai puțin eficient. Modulul de liste de pictograme completează acest decalaj, oferind o soluție dedicată care să fie ușor de utilizat și extrem de personalizabilă.

Caracteristici cheie

Modulul de liste de pictograme are caracteristici care îl fac un plus excelent la Divi 5. Iată caracteristicile sale cheie:

Crearea listei ușoare

Creați liste rapid adăugând elemente și atribuirea pictogramelor din biblioteca extinsă a pictogramei Divi sau încărcarea pictogramelor personalizate. Interfața intuitivă a modulului vă permite să construiți liste lustruite în câteva minute, economisind timp în comparație cu formatarea manuală.

Opțiuni extinse de personalizare

Alegeți din sute de pictograme încorporate, reglați-le dimensiunea, culoarea și plasarea pentru a crea un aspect coerent care se aliniază designului site-ului dvs.

Încetează setările puternice ale designului Divi pentru a personaliza fonturi, culori de text, distanțare, aliniere și fundaluri. Puteți adăuga, de asemenea, efecte sau animații pentru a face listele dvs. mai interactive.

Cum se utilizează modulul de listă de pictograme

Începerea cu modulul de liste de pictograme Divi 5 este ușor. Creați o pagină nouă sau deschideți una existentă. Faceți clic pentru a adăuga un modul nou și alegeți lista de pictograme .

După adăugarea modulului, veți vedea trei elemente din lista de pictograme din fila Conținut. Să începem făcând clic pe primul pentru a -l edita.

În fila Conținut, introduceți un titlu în câmpul Text .

Apoi, extindeți fila derulantă pictograma. Aici, puteți alege dintre sute de pictograme din biblioteca Divi. Puteți căuta pictograme sau derulați pentru a găsi cea pe care doriți să o utilizați.

Modulul Lista de pictograme vă permite să adăugați link -uri la elementele de listă individuale, ceea ce face ușor să vă conectați la alte pagini, atașamente și multe altele.

Fila Design este locul în care puteți modela articolele din lista de pictograme. În meniul derulant pictogramă, alocați o culoare și o dimensiune a pictogramei.

În fila de fundal, puteți aloca pictograma dvs. o culoare de fundal, adăugați o bordură sau o umbră de cutie și puteți regla distanțarea.

Unele alte opțiuni includ textul, unde controlați alinierea textului sau adăugați o umbră de text. Cu toate acestea, pentru a stila textul, alegeți meniul derulant al textului Body. Puteți atribui un font, greutate, stil, aliniere text, culoare, dimensiune și multe altele acolo.

Ca toate celelalte module DIVI, puteți controla dimensionarea, distanțarea, bordura și umbrele cutiei și puteți adăuga filtre, tranziții sau animații.

După ce ați conceput primul articol din lista de pictograme, îl puteți copia cu ușurință, modifica pictograma și actualiza textul.

Adăugarea de spațiu între elementele listei de pictograme

În secțiunea anterioară, am demonstrat cum să adăugați elemente din lista de pictograme. În această secțiune, vom trece în revistă modul de ajustare a proprietăților de aspect folosind sistemul de aspect FlexBox DivI 5. După cum puteți vedea, am putea folosi un pic de spațiu între fiecare dintre elementele noastre din lista de pictograme.

În setările modulului principal al listei de pictograme, faceți clic pe fila Design. Localizați meniul derulant al aspectului și extindeți -l pentru a dezvălui setările.

În mod implicit, Flex este selectat sub stil de aspect. Acest lucru vă permite să utilizați setările FlexBox Divi 5 pentru a controla distanțarea, direcțiile de dispunere și alinierea. Pentru a adăuga distanțare între fiecare element de listă de pictograme, trebuie doar să reglați decalajul vertical. Acest lucru adaugă spațiu de respirație între fiecare articol, oferind listei noastre mai mult apel vizual.

Setări de proiectare universală pentru toate elementele din lista de pictograme

În plus față de elementele listei de pictograme în stil individual, puteți utiliza setările de design ale modulului principal pentru a adăuga stiluri la fiecare element de lista de pictograme simultan. De exemplu, dacă doriți ca toate pictogramele dvs. să aibă aceleași stiluri de culoare, text sau fundal, o puteți face la nivelul modulului.

Indiferent dacă doriți să listați elemente în mod individual sau în ansamblu, modulul de liste de pictograme din Divi 5 oferă o modalitate excelentă de a prezenta informații într-un mod mai ușor de utilizat.

Exemple practice folosind modulul de liste de pictograme

Modulul de liste de pictograme este versatil și poate îmbunătăți diferite zone ale site -ului dvs. web. Iată câteva exemple practice pentru a vă inspira design -urile.

Bloguri de călătorie

Modulul Lista de pictograme oferă o modalitate excelentă de a crea conținut captivant pe blogul dvs. de călătorie. Puteți să -l utilizați pentru a evidenția categoriile de pe blogul dvs., itinerarii de călătorie, sfaturi de ambalare sau evidențieri de destinație. În plus, puteți combina efecte hover și puteți utiliza diferite pictograme pentru fiecare articol de listă pentru a prezenta informații într -un mod clar și elegant.

Caracteristici pe un site de afaceri

Utilizați modulul de liste de pictograme pentru a prezenta serviciile afacerii dvs. Alocați pictograme relevante și personalizați culorile pentru a se potrivi cu marca dvs. Puteți adăuga, de asemenea, link -uri la paginile de service pentru o navigare ușoară.

Ghid de proces pas cu pas

Creați o listă care conturează pașii unui proces, cum ar fi „Cum să vă înscrieți”. Utilizați marcajele pentru a ghida vizual utilizatorii prin fiecare pas, ceea ce face ca informațiile complexe să fie mai digerabile.

Pagini de magazin de comerț electronic

Pentru site-urile de comerț electronic, utilizați modulul de liste de pictograme pentru a evidenția caracteristicile magazinului dvs. Împerechează cu modulele Woo Divi 5 pentru a crea o pagină de categorie de produse coerente.

Descărcați fișierele

Descărcați gratuit

Alăturați -vă buletinului informativ Divi și vă vom trimite prin e -mail o copie a pachetului de aspect final al paginii Divi Divi, plus tone de alte resurse, sfaturi și trucuri Divi uimitoare și gratuite. Urmați -vă și veți fi un maestru Divi în cel mai scurt timp. Dacă sunteți deja abonat, introduceți pur și simplu adresa de e -mail de mai jos și faceți clic pe Descărcare pentru a accesa pachetul de aspect.

Descărcare

V -ați abonat cu succes. Vă rugăm să verificați adresa de e -mail pentru a vă confirma abonamentul și pentru a obține acces la pachetele de aspect Divi gratuit săptămânal!

Utilizați modulul List Pictograme în Divi 5

Modulul de liste de pictograme din Divi 5 oferă o modalitate excelentă de a crea liste funcționale elegante, cu puțin efort. Ușorile sale de utilizare, opțiunile robuste de personalizare și integrarea perfectă cu noile caracteristici ale Divi 5 o fac un must-have pentru utilizatorii Divi. Indiferent dacă evidențiați serviciile, îndrumați utilizatorii printr -un proces sau prezentați caracteristici ale produsului, acest modul vă ajută să oferiți rezultate profesionale care să vă implice publicul.

Sunteți gata să îl încercați? Descărcați astăzi cel mai recent Divi 5 Public Alpha și explorați singur modulul List Icon. Rămâneți la curent pentru mai multe actualizări DIVI 5, pe măsură ce derulăm noi funcții.