Divi Plugin Highlight - Divi Switch

Divi Switch este un plugin terță parte pentru Divi care adaugă o mulțime de funcții noi la Divi pe care le puteți activa sau dezactiva la simpla apăsare a unui switch. Mulți din comunitatea Divi cunosc Divi Switch deoarece există de câțiva ani, dar actualizarea lor 3.0 a adus o mulțime de caracteristici noi și îmbunătățiri demne de luat în considerare. Unele dintre aceste funcții noi includ: un nou tablou de bord, un mini plugin pentru import și export, pre-încărcătoare, setări noi de personalizare a temelor, personalizări de sigle, 404 personalizate și pagini de întreținere cu aspecte încorporate, suport pentru imagini SVG și multe altele.

În acest articol, vom arunca o privire asupra noului switch Divi și vom acorda o atenție deosebită setului de caracteristici actualizat.

Instalarea comutatorului Divi

Încărcați și activați Divi Switch ca orice plugin. O nouă filă este apoi adăugată la meniul Opțiuni temă Divi din tabloul de bord numit Divi Switch. Introduceți cheia de licență și activați pluginul. Fila va dezvălui apoi un nou tablou de bord intuitiv.

Tabloul de bord Divi Switch

Comutatorul Divi a fost reproiectat și toate setările au fost mutate din locul său separat din meniul de administrare în pagina Opțiuni temă Divi. Comutatoarele în sine sunt distribuite în sub-file sub noua filă „Divi Switch” din opțiunile temei Divi.

Fiecare comutare are un titlu, o scurtă descriere și un comutator umbrit setat în mod implicit la „Dezactivat”. Dacă doriți să activați efectul, faceți clic pe comutator și va comuta la „activat”. Se va face albastru pentru a indica faptul că este activat.

Pentru a vedea descrierea caracteristicilor, selectați semnul de întrebare care apare în dreapta când treceți cu mouse-ul peste efect.

Să ne uităm la mai multe file și să vedem ce poate face.

Antet

Fila Header adaugă 8 comutatoare și personalizări. Puteți elimina sublinierea antetului, faceți clic pe numărul de telefon, puteți deschide linkuri sociale într-o filă nouă, puteți centra elementele antetului de sus, puteți utiliza o altă siglă pe scroll, puteți modifica textul meniului hamburger, puteți utiliza o siglă specifică paginii și puteți înlocui meniu cu ecran complet cu aspect Divi.

Personalizări sigle

Tema Divi are capacitatea de a seta un logo personalizat care poate fi afișat pe fiecare pagină sau postare. Dar ce se întâmplă dacă trebuie să utilizați diferite sigle pe site-ul dvs.? Divi Switch adaugă mai multe opțiuni pentru sigle, astfel încât să aveți mai multe sigle de afișat și vă oferă control asupra modului și locului în care se afișează. Setările vă permit să alegeți o siglă diferită pe scroll și puteți seta o siglă diferită pentru anumite pagini.

Logo diferit pe scroll

Pentru a afișa o nouă siglă pe scroll pur și simplu încărcați sigla în ecranul de setări. Sigla alternativă va fi afișată acum când vizitatorul derulează.

Logo specific paginii

Cu sigla specifică paginii, nu sunteți limitat la o singură siglă de pe site-ul dvs. web. Puteți avea cât de multe sigle doriți și vă oferă control complet asupra logo-ului care se afișează pe ce pagină.

Dacă ați activat sigla specifică paginii în setări, o nouă caracteristică este adăugată în partea de jos a zonei de conținut a paginilor și a postărilor. Acum puteți seta diferite sigle pe pagina de pornire și alta pentru celelalte pagini și postări. Aici, pur și simplu încărcați sigla pe care doriți să o afișeze pagina sau postarea respectivă.

Acest exemplu arată pagini diferite, fiecare pagină afișând o variantă a siglei site-ului.

Meniu ecran complet

Antetul are, de asemenea, mai multe personalizări ale meniului. Pentru acest exemplu, am modificat textul meniului hamburger și am selectat un aspect pentru meniul cu ecran complet.

Iată meniul pentru hamburgeri cu noul său text.

Dând clic pe meniul hamburger, se deschide meniul pe ecran complet și se afișează aspectul Divi pe care l-am selectat. Este translucid, astfel încât să puteți vedea site-ul web în fundal. De asemenea, include un buton de închidere.

Subsol

Fila subsol vă permite să eliminați punctele glonț, să ascundeți subsolul subsolului, să opriți subsolul din plutire și să înlocuiți subsolul cu un aspect Divi.

Acest aspect a fost adăugat la subsolul fiecărei pagini doar selectându-l în fila subsol.

Conținut principal

Fila Conținut principal adaugă 11 comutatoare și personalizări. Puteți elimina linia de separare a barei laterale, puteți adăuga un preloader al paginii de pornire și puteți seta tipul și culorile, puteți schimba raportul de imagine al portofoliului, puteți împiedica deschiderea imaginilor într-o casetă ușoară, reglați animațiile glisante, eliminați tipul de postare Proiecte, adăugați o pagină de întreținere personalizată și adăugați o pagină personalizată 404.

Preîncărcător

Activarea preîncărcării va afișa o pictogramă animată în timp ce pagina de pornire se încarcă. Acest lucru este minunat de a indica vizitatorului că se întâmplă ceva în timp ce conținutul real al paginii încă se încarcă în fundal. Are 15 tipuri de tranziție și două opțiuni de culoare.

Iată un exemplu de aspect al preîncărcătorului pe site în timp ce pagina se încarcă.

Pagini personalizate 404 și întreținere cu machete

Aceste caracteristici vă permit să alegeți orice pagină de întreținere și o pagină 404 din lista dvs. de pagini. Aceasta înseamnă că puteți crea paginile folosind aspectele create sau importate în biblioteca Divi.

Pentru a vă ajuta în acest sens, Divi Switch include pachete premium de pagini de 404 pagini și pagini de întreținere cu 10 machete predefinite care pot fi personalizate cu ușurință și setate implicit. Sunt în format JSON. Imaginea de mai sus este una dintre cele 404 de pagini.

Aspectele sunt proiectate profesional, astfel încât paginile dvs. de 404 și paginile de întreținere nu vor fi doar informative, ci și atractive. Acest exemplu este una dintre paginile de întreținere. Include un temporizator de numărătoare inversă.

Mobil

Fila Mobil vă permite să setați puncte de întrerupere pentru fiecare dimensiune a imaginii. Introduceți un număr din valoarea pe care doriți să o schimbe punctul de întrerupere. De asemenea, puteți restrânge meniul de pe mobil și puteți afișa un anumit text.

Postări

Postări are o caracteristică interesantă de comentarii. Aceasta mută comentariile într-o comutare, astfel încât acestea să fie ascunse în mod implicit.

Acesta este comutatorul închis. Este plasat în partea de jos a postării unde apar în mod normal comentariile.

Faceți clic pentru a deschide și a vedea comentariile. Acesta este formularul standard de comentarii WordPress.

Dacă adăugați modulul de comentarii Divi la aspectul dvs. îl puteți stiliza cu setările modulului. Este încă plasat în comutator și este închis în mod implicit.

Arhive

Fila Arhive vă oferă control asupra paginilor arhivei (pagini pentru etichete, categorii, autor, căutare etc.). Adăugați titlul categoriei, eliminați bara laterală, adăugați un link pentru mai multe informații și adăugați o linie separatoare sub postări.

Iată un exemplu de pagină Autor cu toate comutatoarele de arhivă activate.

Integrare

Fila Integrare vă permite să introduceți aspectele Divi în locații specifice, inclusiv înainte de conținutul principal, după conținutul principal și înainte de conținutul postării. Selectați aspectul din listele derulante.

Am făcut un banner cu lățime completă folosind doar un modul text și l-am inserat înainte de conținut. Desigur, puteți construi orice tip de aspect doriți. Acesta este un mod excelent de a crea CTA și meniuri speciale.

Avansat

Fila Avansat vă permite să încărcați grafică vectorială scalabilă (SVG) pentru sigle, pictograme și alte imagini mai clare. Deoarece WordPress blochează în mod implicit SVG-urile, acesta este un mod excelent de a utiliza acest format de imagine cu Divi.

Import Export

Fila Import / Export vă permite să exportați codul generat de Divi Switch într-un plugin ușor și personalizat pentru a fi instalat pe site-urile clienților dvs. Acest lucru facilitează utilizarea codului Divi Switch preferat fără a fi nevoie să instalați și să configurați pluginul Divi Switch în sine. Introduceți un nume pentru plugin, furnizați o descriere, adăugați informațiile despre autor, dați-i o versiune de plugin și selectați Exportare plugin.

Acum puteți încărca pluginul dvs. de marcă pe site-urile clientului dvs., la fel ca orice plugin. Va avea brandingul dvs.

Personalizator tematic

O nouă filă este adăugată la personalizatorul temei numit Divi Space Settings. Aici veți găsi o altă filă numită Divi Switch. Personalizatorul de teme include setări suplimentare pentru a crea o pictogramă personalizată pentru meniul mobil, pentru a modifica imaginea de fundal a antetului, pentru a personaliza butonul înapoi în sus și pentru a personaliza paginile de arhivă - toate cu previzualizare live.

În acest exemplu, am adăugat o imagine de fundal în antet. Îl puteți seta să se repete, să schimbați poziția imaginii și să modificați dimensiunea imaginii. Deasupra acestei setări este o zonă de selecție în care puteți alege o pictogramă pentru meniul mobil.

În acest exemplu, ajustez butonul înapoi în sus pentru a se potrivi cu aspectul. Puteți regla dimensiunea pictogramei, raza, poziția, culoarea de fundal, culoarea pictogramei și culorile cursorului.

În acest exemplu, ajustez culoarea, înălțimea și lățimea separatorului pentru paginile de arhivă. Veți observa, de asemenea, în aceste exemple că sigla s-a schimbat când am derulat în jos. Încă mai am setarea de schimbare a logo-ului activată (bine, cred că este de fapt „comutată”.)

Licență

Divi Switch are trei licențe din care să aleagă:

• Site unic - 24 USD
• 3 site-uri - 50 USD
• Site-uri nelimitate - 96 USD

Divi Switch este, de asemenea, disponibil în planul Divi Space Memberships.

Gânduri de sfârșit

Sunt impresionat de noile funcții din Divi Switch. Nu este necesar să lipiți clasele CSS și noul tablou de bord sunt caracteristici binevenite. Opțiunile pentru sigle, pre-încărcătorul, mini-pluginul și pagina personalizată 404 și pagina de întreținere adaugă foarte mult la Divi singure. Îmi place posibilitatea de a insera machete Divi și de a alege un subsol personalizat. De asemenea, îmi plac caracteristicile de personalizare a temei pentru a adăuga o imagine la antet și a o personaliza și a schimba culoarea, forma și poziția butonului din spate în sus.

Divi Switch adaugă o mulțime de caracteristici Divi. Am găsit pe fiecare dintre ele ușor de utilizat. Dacă căutați o mulțime de personalizări pe care le puteți adăuga în cel mai simplu mod posibil, Divi Switch poate fi ceea ce căutați.

Vrem sa auzim de la tine. Ați încercat Divi Switch? Povestiți-ne despre experiența dvs. în comentariile de mai jos!

Imagine prezentată prin Oleh Donets / shutterstock.com