Evidențierea pluginului Divi: pictograme de încărcare Divi

Divi Upload Icons este un plugin terță parte pentru Divi care facilitează adăugarea mai multor pictograme în Divi Builder. Spre deosebire de alte pluginuri de pictograme care integrează numai Font Awesome și Material Icons, acesta vă permite să adăugați orice set de pictograme doriți. Trebuie doar să fie un tip de fișier compatibil și se întâmplă să folosim cele mai populare cinci tipuri de fișiere.

Pluginul adaugă un program de încărcare la instalarea dvs. WordPress, unde veți trage și plasa fișierele pictograme. Pictogramele sunt apoi adăugate la orice modul Divi care afișează pictograme. La fel ca pictogramele standard Divi, orice set de pictograme pe care îl încărcați poate fi stilizat cu Divi Builder. În acest punct culminant al pluginului Divi, vom arunca o privire la pictogramele de încărcare Divi și vom vedea cât de ușor este de utilizat.

Instalarea și activarea pictogramelor de încărcare Divi

Încărcați și activați pluginul în mod normal, apoi accesați Setări > Pictograme de încărcare Divi din meniul tabloului de bord pentru a introduce cheia de activare.

Încărcarea pictogramelor cu pictogramele de încărcare Divi

De asemenea, în ecranul de setări se află funcția de încărcare. Aici, vă veți încărca pictogramele. Pictogramele trebuie să fie în format .eot, .svg, .ttf, .woff, .woff2 și .css. Puteți descărca pictograme din orice sursă doriți și le puteți folosi cu pictogramele de încărcare Divi atâta timp cât acestea sunt în aceste formate și includ fișierul CSS. Pentru a instala pictogramele, glisați-le și fixați-le în fereastra de încărcare. Instrucțiunile sunt furnizate în zona de încărcare și există un scurt videoclip care arată cum să îl utilizați.

Pictogramele includ uneori mai multe formate. Trebuie să încărcați fișierele CSS împreună cu pictogramele, iar pictogramele trebuie să fie un fișier acceptat. În acest exemplu, încărc mai multe seturi. Acestea includ mai multe tipuri de fișiere și fișiere CSS. Cei din imaginea de mai sus cu pictogramele portocalii au fișiere lipsă.

Fișierele din acest exemplu sunt corecte. Am încărcat tipurile de fișiere acceptate împreună cu fișierele lor CSS. Acum am peste 2500 de icoane noi. Le-am descărcat de pe iconfont, Dripicons, Foundation Icon Fonts și Map Icons. Dezvoltatorul menține o listă de pictograme care au fost testate și le puteți utiliza cu pictogramele de încărcare Divi. Desigur, există multe alte pictograme pe care le puteți folosi.

Pentru comparație, iată modulul Divi blurb înainte de a încărca noile pictograme. Divi include 360 ​​de pictograme. Puteți să vă faceți o idee despre cât de multe sunt, uitându-vă la lungimea barei din fereastră.

Această imagine include toate cele 2500 de pictograme pe care le-am încărcat. Acum am mult mai multe pictograme din care să aleg, iar bara pentru fereastră este mult mai mică. Puteți vedea pictogramele în Visual Builder, dar nu include noul filtru și instrumentele de căutare.

Filtrare și căutare pictograme Divi Upload

Un nou instrument de filtrare este adăugat dacă utilizați constructorul clasic. Puteți deschide sau închide filtrul. Este închis în acest exemplu.

Faceți clic pe Filtrare pictograme pentru a vedea familiile de pictograme pe care le-ați instalat și o caracteristică de căutare. Faceți clic pe oricare dintre familiile de pictograme pentru a vedea doar acea familie. De asemenea, puteți vizualiza toate familiile sau puteți închide opțiunea de filtrare și căutare. Filtrul funcționează rapid. Dacă faceți clic pe o familie de pictograme sau căutați pictograme, acestea se afișează aproape instantaneu, chiar și cu cele 2500 de pictograme. Sunt sigur că depinde parțial de câte pictograme ați instalat, astfel încât experiența dvs. ar putea fi diferită.

În acest exemplu, am selectat pictogramele hărții pe care le-am încărcat. Există aproape 200 de pictograme în această familie de pictograme.

Iată Icoanele Fundației . De asemenea, are aproape 200 de icoane.

Iată Icofonturile . Această familie de pictograme adaugă peste 2000 de pictograme.

Puteți căuta după cuvinte cheie sau după numele de familie al pictogramei. Rezultatele includ pictograme din toate familiile de pictograme pe care le-ați încărcat și cele care erau deja disponibile în Divi.

Ar fi interesant dacă filtrul ar funcționa după căutare pentru a vedea rezultatele după familia de pictograme. Vă arată numele cu familia de pictograme când treceți cu mouse-ul peste fiecare pictogramă. În imaginea de mai sus, plutesc peste a doua pictogramă din dreapta. Acest lucru este suficient de util, astfel încât filtrul de căutare nu este cu adevărat o prioritate ridicată.

Exemple de pictograme de încărcare Divi

Desigur, unul dintre avantajele utilizării pictogramelor este posibilitatea de a regla dimensiuni, culori, adăuga cercuri, chenare etc., folosind Divi Builder. Pluginul și pictogramele funcționează cu Visual Builder, dar nu afișează pictogramele în vizualizarea live. Acest exemplu arată pictogramele din selecția pictogramelor modulului, dar previzualizarea live nu funcționează.

Pictogramele arată foarte bine pe pagina sau postarea publicată. Puteți utiliza în continuare Visual Builder pentru a personaliza dimensiunea și culorile, pur și simplu nu le veți vedea în previzualizarea live. Prefer Visual Builder când personalizez culorile și dimensiunile, dar voi folosi Classic Builder pentru restul exemplelor. Aceasta este pagina de destinație din pachetul de aspect ipotecar.

Pictogramele arată minunat și pot fi personalizate la fel ca pictogramele standard Divi. Am găsit toate aceste pictograme folosind funcția de căutare. Aceasta este setările implicite.

Am schimbat culorile pentru a se potrivi cu aspectul, la fel ca imaginile originale pe care le-a folosit aspectul.

Pentru aceasta, am selectat să folosesc dimensiunea fontului pentru pictogramă și am ajustat-o ​​la 32 px. Începe să semene mai mult cu designul original, dar cu icoanele mele.

În aceasta, am adăugat un cerc la fiecare pictogramă. Am schimbat culorile cercurilor și icoanelor și am adăugat un chenar la al doilea și al patrulea din stânga. Am ales diferite culori doar pentru a arăta cum arată.

Iată cum arată pictogramele plasate în stânga textului.

În aceasta, am înlocuit imaginile din aspectul terenului de golf cu pictograme. Am folosit culori din aspect și le-am dimensionat la 48 px.

Pentru acest exemplu, am dezactivat ajustarea dimensiunii fontului pentru pictograme. Aceasta este dimensiunea implicită, la 96 px. Se îmbină bine cu designul aspectului.

De asemenea, arată uimitor atunci când utilizează setările pictogramei cercului. Am schimbat culoarea pictogramei în alb și am folosit bronzul din aspect ca culoare a cercului. Pictogramele sunt încă la 48 px.

Pentru aceasta, am folosit una dintre nuanțele de verde din aspect. Există o mulțime de posibilități cu personalizările Divi Builder.

Divi Încărcare pictograme Preț

Pictogramele de încărcare Divi sunt de 24,97 USD. Are utilizare și actualizări nelimitate. Puteți achiziționa pictograme Divi Upload de pe piață.

Gânduri de sfârșit

Pictogramele de încărcare Divi facilitează încărcarea pictogramelor exacte pe care le doriți din orice bibliotecă de fonturi. Ideea din spatele pluginului este în loc să instalați mii de pictograme de care nu aveți nevoie, puteți instala pictogramele exacte și familiile de pictograme pe care doriți să le utilizați cu site-ul dvs. Divi.

Deoarece încărcați pictogramele în Divi Builder, acestea sunt stocate pe serverul dvs. Am încărcat peste 2500 de pictograme și nu am avut probleme de viteză cu Divi Builder sau site-ul meu web.

Rețineți că necesită fonturi cu fișierul font și fișierul CSS. Este ușor să încărcați fonturile incorect (ghiciți cum știu). Asigurați-vă că urmați instrucțiunile exact sau fonturile vor fi pătrate goale. De asemenea, nu funcționează cu Font Awesome 5, dar funcționează excelent cu 4.7.

Mi-a plăcut să folosesc pictogramele de încărcare Divi. Aș dori să-l folosesc cu Visual Builder, dar funcționează excelent cu constructorul clasic. A fost nevoie de o încercare suplimentară pentru a mă asigura că am fișierele potrivite, dar având în vedere câte familii de pictograme există pe internet, merită să vă alocați timp pentru a găsi pictograme cu fișierele potrivite. Icoanele nu sunt greu de găsit, iar dezvoltatorul oferă o mulțime de link-uri către pictogramă pe care le-a testat deja.

Dacă sunteți interesat să adăugați propriile pictograme în Divi Builder, Divi Upload Icons merită să aruncați o privire.

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

Imagine prezentată prin hanss / shutterstock.com