Divi Plugin Highlight: pictogramele WP și Divi

WP și Divi Icons este un plugin terță parte pentru WordPress care funcționează cu orice temă WordPress și se integrează în Divi Builder. Pentru utilizare cu Divi, include machete exclusive pe care le puteți utiliza în proiectele dvs. Pictogramele sunt disponibile în editorul WordPress și în orice modul Divi care vă permite să alegeți pictograme. În acest articol, vom arunca o privire la pictogramele WP și Divi și vom vedea ce o face să se deosebească de mulțime.

WP și Divi Icons adaugă peste 2500 de pictograme la WordPress. Include pictograme minunate pentru fonturi, pictograme materiale și 450 de pictograme personalizate, inclusiv 48 de pictograme multicolore. Este disponibil atât în ​​ediția gratuită, cât și în cea pro. Testez ediția pro.

Instalarea pictogramelor WP și Divi

Încărcați și activați pluginul în mod normal. Folosesc versiunea 1.1.0 cu versiunea Divi 3.17 și WordPress 4.9.8.

Apoi, va trebui să vă activați licența. Puteți naviga la ecranul de activare sau faceți clic pe mesajul care apare în partea de sus a ecranului. Totuși, este încă util să știți cum să navigați acolo, deoarece această pagină va deveni ecranul de opțiuni odată ce ați introdus cheia de licență.

Pentru a ajunge la ecran, indiferent de tema pe care o utilizați, faceți clic pe linkul Instrucțiuni din descrierea pluginului din lista de pluginuri. Dacă utilizați Divi, un nou element de meniu este adăugat la meniul Divi din tabloul de bord denumit pictogramele WP și Divi. Faceți clic pe acesta și introduceți cheia de licență.

Personalizarea pictogramelor multicolore

După introducerea cheii de licență, acesta deschide ecranul cu instrucțiunile, lista a 48 de pictograme multicolore și instrumente pentru a crea propriile scheme de culori pentru acele pictograme.

Aveți controlul asupra a trei culori. Reglați comenzile de culoare și așteptați câteva secunde pentru a vedea rezultatele. Dacă faceți clic pe Eliminare șterge schema de culori. Culorile adaugă un mic efect de umbrire, ceea ce creează versiuni mai întunecate ale fiecărei culori și arată uimitor.

Dacă faceți clic pe Adăugați o schemă de culori, se creează un nou set de pictograme multicolore pe care le puteți regla.

Adăugați câte scheme de culori doriți. Acest lucru extinde foarte mult ceea ce puteți face cu pictograme. Comenzile sunt intuitive. După cum se dovedește, am găsit că acest lucru este puțin captivant.

Utilizarea pictogramelor WP și Divi în WordPress cu orice temă

Pentru a utiliza pictogramele cu orice temă, selectați noua pictogramă adăugată editorului WordPress.

Aceasta deschide editorul în care puteți alege o pictogramă, edita culoarea tastând-o în câmpul de culoare sau folosind selectorul de culori, modificați dimensiunea introducând numărul în pixeli sau folosind glisorul, adăugați un titlu și adăugați o clasă. De asemenea, puteți căuta pictograme.

Orice modificare pe care o faceți este afișată live. În acest exemplu, am introdus culoarea dorită, am schimbat dimensiunea la 106 pixeli și am schimbat numele în Green Leaf.

Dacă faceți clic pe OK, se adaugă pictograma la conținutul dvs.

Faceți dublu clic pe pictogramă pentru a deschide editorul și a face modificări.

Faceți clic pe OK și modificările se reflectă pe pictograma din conținutul dvs.

Acest editor nu editează pictogramele multicolore. Va trebui să le editați pe cele din ecranul principal de setări pe care le-am demonstrat mai sus. Puteți să le selectați în continuare din acest editor, să le modificați dimensiunea, să adăugați un titlu, să adăugați o clasă și să le inserați în conținutul dvs. de aici.

Pictogramele arată minunat în conținut.

Utilizarea pictogramelor WP și Divi cu Divi Builder

O mulțime de pictograme noi sunt adăugate la Divi Builder, care poate fi accesat din orice modul care vă permite să selectați pictograme. O nouă caracteristică de căutare este adăugată, iar pictogramele sunt mult mai mari, ceea ce le face mai ușor de văzut (ceea ce arată că acest plugin a fost probabil conceput de un bătrân ca mine. Am posibilitatea să mă refer și să apreciez această caracteristică).

Aș dori să văd un filtru adăugat, astfel încât să pot alege între Font Awesome, Material sau pictogramele personalizate. În acest fel am putut vedea cu ușurință pictogramele personalizate și a ignora pictogramele Font Awesome și Material dacă doream ceva diferit de ceilalți, sau construiesc doar cu Font Awesome sau Pictograme materiale sau îmi amestec pictogramele selectiv.

Include atât pictograme unice, cât și pictograme multicolore.

Căutați și modificați pictogramele live din frontend.

Sunt reglabile la fel ca orice pictogramă Divi.

De asemenea, puteți adăuga pictograme multicolore din constructorul frontend. Nu puteți regla culorile pictogramei aici (acest lucru se face în editorul de pictograme multi-culoare), dar puteți adăuga un cerc, puteți adăuga o margine, reglați culorile acestora și reglați dimensiunea pictogramei din setările modulului.

În acest exemplu, am adăugat un cerc cu un chenar.

Le puteți folosi atât din frontend cât și din backend.

Editorul de pictograme WordPress este disponibil și în modulul text Divi. Acest editor funcționează exact la fel ca la orice temă WordPress.

Aspecte de pictograme WP și Divi

Pluginul funcționează cu orice temă, dar are caracteristici speciale doar pentru Divi. Unul dintre cele mai mari avantaje ale utilizării acestuia cu Divi este aspectul exclusiv personalizat. Au fost proiectate personalizat folosind pictogramele WP și Divi, iar linkul de descărcare este disponibil numai în cadrul pluginului. Acestea sunt disponibile pentru descărcare pentru oricine are pluginul și pot fi utilizate în orice proiect. Sunt machete complete, cu multe module de stil.

Există deja mai multe disponibile și încă câteva pe drum. Iată o privire asupra fiecăruia, cu accent pe modul în care utilizează pictogramele. Le puteți vedea pe pagina demonstrativă a dezvoltatorului.

Aspect eCommerce

Acest aspect include un antet stilat cu bule pentru a arăta tipurile de gateway-uri de plată și partenerii de transport utilizați de companie. Pictogramele multicolore arată serviciile oferite. Cum funcționează sunt afișate în file. De asemenea, include tabele de prețuri, mărturii, înscrierea la buletinul de întrebări frecvente și subsol.

Aspectul agenției creative

Acesta include un antet cu stil, o zonă despre tipurile de servicii pe care le oferiți, un portofoliu, un glisor care acoperă modul în care lucrați și pașii pe care îi faceți, mărturii, premii, despre echipa dvs., contact și subsol. Folosește o mulțime de colțuri unghiulare și efecte profunde de umbră. Pictogramele multicolore arată serviciile.

Aspect business întunecat

Acesta are un antet cu două coloane, cu o imagine pe o parte și text în cealaltă. O secțiune care arată serviciile pe care le oferiți utilizează pictograme multicolore și afișează imagini și text alternând în josul paginii. Alte secțiuni folosesc text de fundal mare și arată istoricul companiei, membrii echipei cu pictograme multicolore în suprapunere, formular de contact, informații de contact și subsol.

Lumina de aspect pentru afaceri

Acesta este același aspect ca Business Layout Dark, dar cu culori deschise.

Aspect nonprofit

Acesta afișează un glisor de imagine pe ecran complet cu un meniu vertical în dreapta și folosește pictograme pentru butoanele de urmărire socială. O secțiune subțire sub aceasta arată un CTA de donație. De asemenea, include o secțiune despre, cauzele pe care le susțineți, o secțiune de evenimente, proiecte, blurbs cu pictograme, sponsori și un subsol.

Licență și documentație

Prețurile variază de la gratuit pentru o ediție limitată, 39 USD pentru un singur site, 59 USD pentru 3 site-uri și 79 USD pentru site-uri nelimitate. Puteți achiziționa pluginul de pe site-ul dezvoltatorului.

Include suport premium și 3 ani de actualizări. Documentația este furnizată pe site-ul dezvoltatorului.

Gânduri de sfârșit

Pictogramele WP și Divi sunt ușor de utilizat. Durează câteva secunde în plus pentru a încărca pictogramele când fac clic pe ele în modulele Divi. Sunt sigur că acest lucru se datorează în principal conexiunii mele lente la internet „bun venit în țară”. Aș dori să văd un filtru adăugat la modulele Divi. Funcția de căutare este utilă pentru găsirea pictogramelor bazate pe cuvinte cheie.

Îmi place că adaugă pictograme Font Awesome și Material, dar preferatele mele sunt pictogramele personalizate - și mai ales pictogramele multicolore. Editorul este ușor de folosit. Cred că este un plugin grozav chiar și fără Divi, dar este și mai bine cu Divi din cauza aspectelor gratuite.

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

Imagine prezentată prin VectorsMarket / shutterstock.com