25 de caracteristici Divi „ascunse” pentru a spori productivitatea și designul

Cu toate caracteristicile puternice Divi lansate de-a lungul anilor, este sigur să spunem că unele dintre ele ar fi putut fi trecute cu vederea (sau ignorate). Cei dintre noi care folosim Divi în fiecare zi ne putem lăsa ocazional blocați în modurile noastre Divi și avem nevoie de o mică amintire a noilor caracteristici disponibile. Și, cei care sunt noi pentru Divi ar putea avea nevoie de cineva care să arunce o lumină asupra acelor caracteristici care „se ascund” într-un site simplu. Indiferent dacă sunteți Divi Master sau Youngling, nu strică niciodată să aruncați o privire îndelungată la TOATE caracteristicile disponibile în Divi. S-ar putea să înveți ceva nou!

Pentru această postare, voi scoate în evidență 25 de caracteristici Divi care sunt menite să sporească productivitatea și designul, dar care au scăpat de atenția multor utilizatori. Înțeleg că nu toate aceste caracteristici vor fi noi pentru dvs. (unele dintre ele există de la începutul Divi), dar sunt destul de sigur că câteva vă vor surprinde.

Bucurați-vă!

25 de caracteristici Divi „ascunse” pentru a spori productivitatea și designul

Abonați-vă la canalul nostru Youtube

# 1 Bara de căutare Opțiuni de căutare

Bine, acesta nu este chiar atât de „ascuns”, dar bănuiesc că unii dintre voi nu obișnuiesc să folosească această caracteristică. Înțeleg. Vechile obiceiuri mor greu, dar cu siguranță merită să încorporați această bară de căutare în fluxul de lucru. Dacă trebuie să adăugați un tampon personalizat la modulul dvs., nu vă mulțumiți să faceți clic pe fila de proiectare, să derulați în jos, să deschideți comutatorul de dimensiune și apoi să adăugați marja personalizată. Pur și simplu tastați „margin” în bara de opțiuni de căutare și sunteți acolo! Doriți să vă asigurați că toate fonturile dvs. se potrivesc pentru un anumit modul? Pur și simplu introduceți cuvântul „font” în bara de opțiuni de căutare și actualizați fontul corpului, fontul antetului și fontul butonului într-o listă mică.

Sfat: nu trebuie să faceți clic pe o anumită filă înainte de a căuta. Rezultatele căutării vor fi extrase din toate opțiunile din toate cele trei file, indiferent unde vă aflați în setările de text.

Bara de căutare poate fi găsită și la adăugarea unui nou modul. Începeți să tastați numele modulului dorit și modulul dvs. va apărea în partea de sus a listei, fără a fi nevoie să derulați pentru a-l găsi.

# 2 Plasați gradientul deasupra imaginii de fundal

Aceasta este o caracteristică excelentă care îmbunătățește procesul de proiectare. Adăugarea suprapunerilor în gradient la imagini este o necesitate în designul web, iar această caracteristică facilitează adăugarea acelor suprapuneri chiar în interiorul Divi Builder. Pur și simplu adăugați o imagine de fundal la modulul dvs. și apoi adăugați o combinație de culoare de fundal degradată. Sub opțiunile de fundal de gradient, selectați „plasați gradientul deasupra imaginii de fundal”. Doar asigurați-vă că aveți o anumită opacitate cu culorile dvs. de gradient, astfel încât să puteți vedea imaginea din spatele gradientului. Și cu Visual Builder, puteți regla cu ușurință gradientul la opacitatea și culoarea perfectă pentru imaginea de fundal.

# 3 Alternează-ți cele două culori de fundal de gradient: există un buton pentru asta.

Aceasta nu este o caracteristică importantă, dar am vrut să o menționez pentru că nu aș putea dormi noaptea știind că sunt unii dintre voi care schimbă manual acele coduri de culoare. Obținerea unui fundal de gradient potrivit poate fi uneori provocator, așa că este bine să aveți opțiuni de acest gen.

Pentru a vă alterna culorile, pur și simplu treceți cu mouse-ul peste selectorul de culori și faceți clic pe pictograma „culoare alternativă” (nu sunt sigur de termenul oficial). Este și următoarea pictogramă de ștergere.

# 4 Comenzi rapide de la tastatură

Acestea sunt ușor de ratat și adesea uitate. Dar vă vor accelera fluxul de lucru dacă vă angajați să le utilizați. Timpul pe care îl economisiți utilizând tastele scurte în comparație cu timpul pe care NU îl folosiți poate fi considerabil. Adică, există un motiv pentru care învățăm să tastăm în loc să ne mulțumim cu scrierea de mână (deși îmi place să scriu). Și același lucru este valabil și pentru construirea de site-uri web.

Puteți găsi o listă a comenzilor rapide de la tastatură în modalitatea Divi Builder Helper. Pur și simplu introduceți semnul întrebării (shift +?) Pe tastatură din Visual Builder și faceți clic pe fila shortkeys.

Da, videoclipurile cu documentația de ajutor pot fi accesate în același mod. Să nu uităm de acestea.

Iată o listă cu toate tastele de comenzi rapide disponibile. Le-am evidențiat pe cele pe care le sugerez să încep (eu le folosesc personal tot timpul):

# 5 Vizualizare Wireframe

Îl menționez pe acesta, deoarece umple golul de a merge la construirea backend în timp ce proiectați cu constructorul vizual. Așadar, pentru toți cei care mor din greu, puteți lua în considerare să faceți saltul către constructorul vizual.

Și nu uitați de tasta scurtă pentru a deschide și închide vizualizarea wireframe: shift + w

Pentru a obține o vizualizare și mai largă a aspectului dvs. în cadrul vizionării prin cablu, puteți selecta pictograma săgeată de comutare pe fiecare dintre secțiunile sau rândurile dvs. pentru a restrânge întreaga secțiune.

# 6 Editarea în linie

Există câteva locuri în care se poate face editare inline. Când utilizați Visual Builder și doriți să editați textul într-un anumit modul, nu trebuie să faceți clic pentru a edita setările modulului pentru a modifica conținutul. Faceți clic simplu pe text și editorul inline se va implementa, permițându-vă să editați textul.

Când utilizați vizualizarea wireframe în Visual Builder, puteți edita etichetele în linie. Doriți să schimbați numele unei etichete de secțiune? Nu trebuie să o faceți din setările de rând modal sau din opțiunile de clic dreapta. Doar faceți clic pe etichetă și editați-o chiar acolo.

Sfat: ieșirea din editorul inline poate fi confuză, dar nu trebuie să fie. Pur și simplu apăsați tasta esc și ați ieșit.

# 7 Visual Builder Split Testing folosind opțiunile de clic dreapta

Mereu sunt surprins cât de ușor este să folosești funcția de testare divizată în Visual Builder. Nu am de gând să intru în detalii aici, deoarece puteți citi versiunea completă a versiunii. Dar, iată esența modului în care funcționează acest lucru. Faceți clic dreapta pe secțiunea, rândul sau modulul pe care doriți să îl testați, apoi selectați split test din meniul cu clic dreapta. Apoi selectați obiectivul testului (introducerea formularului de contact, clic pe buton, etc ...). Divi va crea automat o altă versiune (divizată) a elementului pe care îl testați, astfel încât să puteți crea o nouă versiune. Când am testat prima dată această caracteristică, nu am înțeles cum să văd ambele versiuni ale testului meu divizat din constructorul vizual, așa că am deschis vizualizarea wireframe pentru a le vedea pe ambele. Dar acest lucru nu este necesar. Odată ce activați un obiectiv de testare divizată, veți observa că în meniul de setări apar săgeți care vă permit să glisați prin diferitele versiuni ale testului divizat.

# 8 Setări personalizabile pentru constructor

Dacă nu ați explorat setările Builder, nu este prea târziu. Există câteva setări utile aici care vă pot îmbunătăți interacțiunea zilnică cu Visual Builder.

Iată trei pe care vreau să le evidențiez.

Setări Modal Poziție implicită

Nu știu despre dvs., dar am o anumită preferință cu privire la modul în care îmi place Modalele mele să apară atunci când fac editări pe monitorul meu mare (este poziția fixă ​​a barei laterale stânga în cazul în care vă întrebați). Dar sunt momente când trebuie să rup tradiția și să schimb poziția modală (de obicei, când editez pe un ecran mai mic ca laptopul meu). Așa că am setat poziția mea implicită să fie fixată pe bara laterală stângă. În acest fel, nu mă încurajează să lucrez cu o poziție modală cu care nu mă simt confortabil înainte să realizez necesitatea de a o pune înapoi așa cum îmi place.

Setări de grup în comutare închisă

În mod implicit, Divi va grupa opțiunile de setare în comutatoare. Aceasta înseamnă că va trebui să faceți clic pentru a deschide aceste comutatoare pentru a vedea opțiunile din fiecare. Puteți dezactiva această funcție, astfel încât setările dvs. să nu mai fie grupate în comutatoare, permițându-vă să derulați setările fără a fi nevoie să faceți clic pentru a vedea mai multe.

Mod implicit de interacțiune a constructorului

La fel ca multe dintre caracteristicile enumerate în acest articol, acesta este cu siguranță o preferință personală. Dar văd beneficiile pentru fiecare. Modul implicit de interacțiune cu hover-ul evidențiază și implementează meniul de setări pentru orice secțiune, rând sau modul de pe hover.

Modul de clic poate fi de asemenea util. Uneori, este posibil să nu fie clar ce modul editați sau plasați, mai ales dacă modulul este închis împreună și / sau au margini personalizate. Modul de clic elimină ghiciunile dacă este complet evidențiat și conturat conținutul modulului de pe mouse înainte de a face clic pentru a edita modulul.

Modul Grilă va evidenția și va afișa simultan meniul de setări pentru toate secțiunile, rândurile și modulele. Deși nu folosesc personal acest mod ca implicit, văd valoarea utilizării modului grilă atunci când mișc / rearanjez elemente pe toată pagina mea.

# 9 Link, liste și opțiuni de proiectare Blockquote cu modulul text

Nu uitați de noua interfață cu file pentru gestionarea stilurilor de text personalizate din modulul de text Divi. Aceste file vă permit să personalizați designul pentru link-uri, liste (neordonate și ordonate) și citate. Efectuarea acestor modificări folosind CSS poate fi o dificultate. În plus, poate doriți să schimbați lucrurile de la modul la modul. Aceste opțiuni vă permit să faceți acest lucru cu ușurință.

Iată două dintre opțiunile mele preferate pe care probabil le-ați trecut cu vederea.

Opțiuni stil de listă

Sub filele Liste ordonate și ordonate, puteți schimba cu ușurință tipul stilului listei sau puteți scăpa de toate împreună.

De asemenea, puteți modifica marja de indentare pentru elementele listei și poziția stilului.

Opțiuni de stil Blockquote

Sub fila Blockquote, puteți modifica greutatea și culoarea chenarului elementului de design care diferențiază blockquote.

# 10 opțiuni de proiectare pentru toate cele 6 niveluri de antet

În aceeași notă ca # 9 de mai sus, noua interfață cu file există și pentru nivelurile de antet text. Asta înseamnă că dacă aveți un modul cu mai multe anteturi (h1, h2, h3 etc.), puteți oferi fiecăruia dintre aceste anteturi un stil unic în cadrul setărilor de proiectare a modulului. Sub fila Proiectare, comutați deschis secțiunea Titlu titlu sau Text antet și selectați fila care controlează tipul de antet pe care doriți să îl personalizați.

Sfat: veți ști ce niveluri de antet au fost personalizate de eticheta albastră de pe filă. Dacă eticheta rămâne gri, setările implicite sunt active pentru acel nivel de antet.

# 11 Încărcați fonturi personalizate cu module Divi

Cine știe? Poate că butonul de încărcare a rămas ascuns pe un site simplu pentru unii dintre voi. Dacă da, ar trebui să profitați cu siguranță de această caracteristică convenabilă. Nu numai că puteți încărca cu ușurință fonturi personalizate în diferite tipuri de fișiere (eot, woff2, woff, ttf, otf), Divi va stoca aceste fonturi personalizate pentru ca acestea să devină disponibile pentru toate modulele de pe site-ul dvs.

Tot ce trebuie să faceți este să selectați pentru a modifica fontul unui element text și să faceți clic pe butonul Încărcare.

Se va afișa un Mod de încărcare a fontului, permițând denumirea și adăugarea fișierului de fonturi.

După ce fișierul dvs. a fost selectat, faceți clic pe butonul de încărcare. Apoi, veți putea accesa aceste fonturi personalizate din aceeași listă de fonturi incluse în Divi Builder.

# 12 Eliminați spațiul de sub imagine

Această caracteristică există de ceva vreme, dar există șansele să o fi pierdut sau să nu înțelegeți semnificația acesteia.

Această opțiune afectează imaginile numai atunci când acestea sunt ultimul modul dintr-o coloană. Când este activată, distanța dintre partea de jos a imaginii și următoarea secțiune este eliminată, permițând imaginii să marginească partea de sus a următoarei secțiuni de pe pagină.

O modalitate de a profita de această caracteristică este să poziționați imaginile din antet astfel încât să marginească secțiunea de mai jos.

# 13 Adăugați unități diferite pentru intrări diferite

În mod implicit, când introduceți un număr pentru anumite intrări în setările Divi Builder, Divi îl va trata ca pe o unitate de pixeli. Dar nu vă limitați la introducerea unităților de pixeli pentru aceste opțiuni de intrare. De asemenea, puteți introduce alte unități, inclusiv%, em, vh și vw.

De exemplu, procentele funcționează foarte bine pentru dispozitive mobile. Dacă setați o marjă superioară la 5% (în loc de ceva de genul 100px) pe desktop, marja va scala proporțional cu 5% din dimensiunea secțiunii de pe mobil (în loc să moștenească un spațiu mare de 100 px care ar fi prea mult spațiu) pe mobil). Aceasta este o tehnică bună pentru păstrarea unei secțiuni deasupra pliului pe diferite dimensiuni ale browserului.

Puteți folosi chiar și combinații de unități. Poate doriți să vă mențineți înălțimea fixă ​​setând marginile de sus și de jos la un anumit număr de pixeli și apoi setați marginile din stânga și din dreapta la un anumit procent.

Tot ce trebuie să faceți este să tastați sufixul unității cu numărul dvs. atunci când completați diferitele intrări.

# 14 State istorice

Stările istoriei sunt ca o mașină a timpului pentru modificările dvs. în cadrul constructorului Divi. În loc să utilizați opțiunile de anulare și refacere a clicului dreapta sau tastele rapide, puteți vizualiza în mod convenabil lista modificărilor făcând clic pe linkul Istoric editare din meniul de setări.

Ce este interesant în această caracteristică este că enumeră ștampila de timp și o mică descriere pentru fiecare editare din lista de stări istorice.

De asemenea, dacă selectați o stare a istoricului pentru a reveni la o stare anterioară, puteți revedea oricând lista pentru a merge mai departe la cea mai recentă modificare pe care ați făcut-o. Practic, vă permite să mergeți înapoi și înainte prin modificările anterioare, în timp ce vedeți aceste schimbări în timp real cu Visual Builder.

Rețineți că aceste stări istorice sunt salvate ca o colecție Backbone / obiect Javascript și nu sunt salvate în baza de date și nu vă vor umfla baza de date. Din acest motiv, dacă ieșiți din constructor atunci când editați pagina, nu veți putea revizui stările istorice pe care le-ați făcut anterior. Deci, asigurați-vă că păstrați clădirea deschisă până când ați finalizat proiectul. Stările istorice încep când încărcați pagina / constructorul.

# 15 Opțiune personalizată a lățimii jgheabului (excelentă pentru aspectul grilei)

Lățimea jgheabului corespunde cantității de spațiu orizontal (marjă) dintre coloanele din fiecare rând.

Valorile opționale pentru lățimea jgheabului variază de la 1 la 4.

1 reprezintă marja zero între coloane.
2 reprezintă o marjă dreaptă de 3% între coloane.
3 reprezintă o marjă dreaptă de 5,5% între coloane.
4 reprezintă o marjă dreaptă de 8% între coloane.

Acest lucru vine cu siguranță în proiectarea la îndemână a aspectelor de grilă. Planurile de grilă pot fi create manual folosind structuri și module de coloane, dar puteți, de asemenea, să atribuiți planuri de grilă în mod automat în anumite module, cum ar fi modulul portofoliu și modulul blog.

De exemplu, să presupunem că doriți să creați un aspect al grilei cu lățime completă pentru a afișa imaginile fără nici o distanță între ele. Puteți crea un rând nou cu trei coloane, puteți adăuga imagini la coloanele dvs., faceți lățimea completă a rândului și apoi dați-i o lățime personalizată a jgheabului de 1.

# 16 Opțiuni de clic dreapta

Locația caracteristicii : Faceți clic dreapta pe orice secțiune din Divi Builder.

Deși nu trec peste toate opțiunile de clic dreapta aici, aș dori să subliniez câteva opțiuni care sunt accesibile doar atunci când faceți clic dreapta, care sunt pur și simplu prea convenabile pentru a fi trecute cu vederea.

Lacăt

În calitate de administrator, singurul dvs. aveți capacitatea de a bloca anumite elemente. Acesta este un mod convenabil de a împiedica editorii să schimbe conținutul pe care îl doriți neschimbat. De asemenea, vă protejează de schimbarea accidentală a unei secțiuni importante.

Reduceți și redenumiți

Îmi place să folosesc aceste două opțiuni în combinație pe măsură ce construiesc pagini web mai lungi. Nu știu despre tine, dar m-am săturat să derulez în sus și în jos pentru a găsi secțiunile pe care trebuie să le editez. De aceea folosesc opțiunea de restrângere a clicului drept pentru a condensa secțiuni mari ale paginii mele web care au fost finalizate. Odată restrâns, folosesc opțiunea de clic dreapta pentru a redenumi secțiunea pentru o etichetă de administrator recunoscută.

# 17 Dezactivați linkurile din meniul drop-down de nivel superior

Locație caracteristică : Divi → Opțiuni temă → Navigare → Setări generale

Pentru a fi clar, legăturile de meniu derulant de nivel superior sunt principalele legături părinte care rămân vizibile în meniul de navigare. Link-urile de sub-nivel sunt cele care apar după ce plasați cursorul peste link-ul părinte de nivel superior.

Prin dezactivarea legăturilor din meniul drop-down de nivel superior, linkurile părinte de nivelul superior nu mai sunt linkuri pe care se poate face clic. În schimb, ele pot servi ca substituenți care nu pot fi făcute clic pe dvs., care etichetează și organizează sub-linkurile dvs.

De exemplu, să presupunem că construiți un site pentru o companie care oferă trei servicii principale și fiecare dintre aceste servicii are nevoie de propria pagină. O configurare normală ar fi să aveți un link de nivel superior numit „servicii” cu cele trei tipuri de servicii ca elemente de submeniu. În loc să aveți de-a face cu conectarea la o pagină de servicii generale, puteți dezactiva linkul „servicii” de nivel superior și pur și simplu îl puteți folosi ca etichetă organizațională.

# 18 Metoda alternativă de derulare până la ancoră

Locație caracteristică : Divi → Opțiuni temă → Navigare → Setări generale

Dacă ați încercat vreodată să vă conectați direct la un ID CSS utilizând un link de ancorare dintr-o pagină externă, este posibil să fi observat că locația finală de odihnă a paginii nu este chiar corectă. Uneori este prea scăzut, astfel încât o parte din conținut să fie tăiată în partea de sus.

Iată cum arată ecranul meu după conectarea la ID-ul meu CSS de pe o pagină externă. Nu o puteți vedea, dar titlul secțiunii a fost tăiat.

Activarea metodei Alternative scroll-to-ancor corectează această problemă. Nu numai că pune utilizatorul în locul corect, partea de sus a paginii se încarcă mai întâi înainte de a derula la ID-ul CSS. Mi se pare util pentru utilizatorii care s-ar putea confunda și nu își dau seama inițial că vizionează o secțiune a paginii.

# 19 Ascunde sigla pe mobil

Locație caracteristică : Divi → Personalizator temă → Stiluri mobile → Meniu mobil

Dacă vreodată trebuie să vă ascundeți sigla pe mobil, Divi vă face acest lucru foarte ușor. Dar este una dintre acele opțiuni ușor de trecut cu vederea. Economisiți-vă ceva timp și nu vă faceți griji cu privire la încurcarea cu CSS suplimentare.

# 20 Meniu principal și Meniu secundar Animare derulantă

Locația caracteristicii meniului principal : Divi → Personalizator temă → Antet și navigare → Meniu principal BAr Meniu derulant Animație

Locația caracteristicii meniului secundar : Divi → Personalizator temă → Antet și navigare → Bara meniului secundar -> Meniu derulant Animație

Nu trebuie să vă mulțumiți cu animația de estompare implicită pentru meniurile derulante. Secțiunea de animație a meniului drop-down include patru opțiuni:

1. Fade (implicit)

2. Extindeți

3. Glisați

4. Întoarceți

Uneori, microinteracțiunile de acest gen pot face ca meniul dvs. să fie deosebit.

# 21 Editați (sau dezactivați) creditele subsolului

Locație caracteristică : Divi → Personalizator temă → subsol → Bara de jos → Dezactivare credite subsol / Editare credite subsol

Dacă folosiți Divi de ceva timp, este posibil să vă fi obișnuit să editați bara de jos a subsolului, editând fișierul footer.php din tema copilului dvs. Acest lucru nu mai este necesar.

Puteți dezactiva cu ușurință bara de jos complet sau puteți insera propriile credite de subsol introducând text sau html în caseta de text.

# 22 Schimbarea paletei de culori implicite a lui Divi

Locație caracteristică : Divi → Opțiuni temă → Filă generală → Palete implicite pentru selectorii de culori

Oferiți-vă o pauză de la copierea și lipirea codurilor hexagonale de culoare.

Paleta implicită Color Pickers este paleta de culori care va fi utilizată în întregul Divi Builder.

Dacă cunoașteți tema culorilor site-ului dvs. web, pur și simplu actualizați culorile implicite pentru a include acele culori necesare pentru designul dvs. Această opțiune vă poate economisi mult timp pe termen lung, deoarece aceste culori vă vor fi accesibile în toate modulele atunci când construiți și editați site-ul.

# 23 Setările paginii Divi

Locație : pictogramă roată din meniul Setări din partea de jos a Visual Builder.

Încă de la Divi 2.7, Setările Divi Builder vă permit să setați setările implicite (și să înlocuiți setările temei) pentru pagina specifică la care lucrați în cadrul Divi Builder. Această abilitate de a seta setări specifice paginii este un economizor de timp extrem de convenabil pentru construirea paginilor de destinație sau a altor pagini care necesită un design specific care se abate de la normă.

Puteți seta o paletă de culori pentru pagina dvs., care va înlocui paleta implicită în Opțiunile temei.

De asemenea, puteți adăuga CSS personalizate specifice paginii. Deoarece CSS se va încărca numai pe pagina specifică, nu va trebui să treceți prin problemele legate de identificarea anumitor ID-uri de postare sau de accesarea fișierului dvs. style.css pentru tema copilului.

O caracteristică unică a setărilor Divi Builder este capacitatea de a activa sistemul de testare divizată Leads Divi pentru pagina dvs. Acest instrument puternic este pur și simplu prea valoros pentru a fi ignorat. Dacă nu l-ați folosit încă, luați sfatul meu și începeți primul test astăzi!

# 24 Alegeți ce informații Meta să afișați pe postările de pe blog

Deși această caracteristică Divi există de la începutul Divi, poate fi ușor trecută cu vederea. Fiecare dintre postările de pe blog au anumite meta-informații care apar sub titlul postării (autor, categorie, dată, comentarii). Dar, în funcție de modul în care vă folosiți blogul, este posibil să nu doriți ca aceste informații suplimentare să vă distragă atenția de la conținutul pe care îl furnizați. Divi facilitează personalizarea acestor informații pentru dvs.

Schimbați informațiile meta pentru aspectul unei singure postări

Locație : Divi → Opțiuni temă → Aspect (filă) → Aspect post unic

Puteți face clic cu ușurință pentru a dezactiva sau a activa fiecare dintre cele patru informații meta pentru toate postările dvs. de blog, făcând clic pe fiecare dintre ele. Informațiile meta dezactivate vor fi afișate ca decolorate.

Schimbați informațiile meta pentru extrase de postare pe pagina de blog

Locație: Divi → Opțiuni temă → Aspect (filă) → Setări generale

Pentru a schimba informațiile meta afișate pe extrasele postărilor de pe pagina dvs. de blog, trebuie doar să faceți clic pe fiecare dintre cele patru meta elemente pe care doriți să le afișați sau să le ascundeți.

Dacă utilizați modulul Blog Divi pentru pagina blogului dvs., setările de mai sus nu vor funcționa. Va trebui să modificați ce meta-informații doriți să fie afișate în Setările generale ale modulului Blog.

# 25 Modulul Cod

Modulul de cod este una dintre cele mai bune caracteristici ascunse ale Divi. Vă oferă posibilitatea de a adăuga html la pagina dvs., fără restricții. Modulul vă permite, de asemenea, să adăugați elemente html la anumite pagini fără ca acesta să afecteze alte pagini. Capacitățile modulului de cod sunt nesfârșite, dar iată câteva moduri în care îl puteți folosi:

• Importați fișiere CSS externe precum Animate.css numai pentru pagina de care aveți nevoie de animație.
• Adăugați blocuri de cod javascript sau biblioteci care să vă permită doar ceea ce s-a aplicat paginii dvs.
• Integrați pluginuri terță parte, precum glisorul de revoluție.
• Puteți utiliza modulul de cod Fullwidth pentru a încorpora un formular de tip pentru chestionare mai interactive, formulare de contact etc.
• Adăugați un meniu de acțiune flotant
• Creați un anunț cu bara de sus glisantă.
• Adăugați un buton de acțiune flotant.

În încheiere

Când înveți ceva pentru prima dată, uneori se poate simți ca și cum ai bea dintr-un hidrant de incendiu și există lucruri pe care, fără îndoială, le-ai fi ratat și pe care trebuie să le treci în revistă. Scopul meu cu această postare a fost să trec în revistă unele dintre acele caracteristici Divi care cred că sunt ușor de ratat și prea utile pentru a fi ignorate.

Aveți caracteristici pe care credeți că ar trebui să le apară pe listă? Vă rog să împărtășiți, sunt sigur că vom beneficia cu toții.

Aștept cu nerăbdare comentariile tale.