Cele mai importante 10 tutoriale Divi din 2019

Anul acesta a fost cel mai mare an al nostru pentru conținutul Divi de pe blogul Elegant Themes. Am publicat sute de postări, inclusiv unele dintre cele mai bune tutoriale ale noastre. În această postare am vrut să profitez de ocazie pentru a evidenția munca excelentă a redacției noastre, evidențiind cele mai populare zece tutoriale Divi ale noastre (cele mai vizitate în cursul anului). Și, bineînțeles, pentru a vă reaminti tuturor, comunității, doar câteva dintre cele mai bune resurse Divi de care dispunem.

Cele mai importante 10 tutoriale Divi din 2019

1. Ghidul final pentru accelerarea site-ului Divi

De fapt, Divi are o mulțime de îmbunătățiri de performanță care au fost adăugate în actualizările anterioare care au făcut ca site-urile Divi (și Divi Builder) să ruleze mai repede ca niciodată. În plus, Divi este construit având în vedere optimizarea terților. Atât de multe dintre pluginurile de optimizare a performanței care sunt utilizate pentru WordPress, pot fi, de asemenea, utilizate pentru a spori performanța vitezei pentru site-ul dvs. Divi.

În această postare, vom explora ce s-a făcut deja pentru a accelera Divi și ce putem face pentru a o face și mai rapidă.

Citiți această postare

2. Cum să creați un site web multilingv cu Divi sau Extra și WPML

Crearea unui site web multilingv cu Divi și Extra este ușoară. Ambele sunt pregătite pentru WPML, ceea ce înseamnă că puteți crea un site web multilingv cu Divi și Extra. WPML a făcut modificări care îmbunătățesc compatibilitatea cu Divi și Extra și a adăugat funcții care facilitează și mai mult traducerea site-ului dvs. web. În acest articol, vom vedea cum să creați un site web multilingv cu Divi sau Extra și WPML.

Citiți această postare

3. 5 stiluri Creative Divi Header Module pe care le puteți realiza folosind setările încorporate

Din cutie, modulul antet Divi poate crea modele de antet izbitoare cu doar câteva ajustări. Acest lucru îl face un modul extrem de popular atunci când proiectați anteturi pentru site-ul dvs. web în Divi. Și cu o gândire ușoară, puteți crea câteva modele cu adevărat unice folosind doar setările încorporate (fără CSS personalizat). Așadar, pentru cei dintre voi care doresc să exploreze câteva noi modele de antet, vă voi arăta 5 stiluri de module de antet Divi care vă pot inspira.

Citiți această postare

4. Modificarea numărului de coloane din modulul Divi Gallery la diferite puncte de întrerupere

Modulul Divi Gallery vă permite să creați galerii de imagini frumoase într-un aspect de grilă receptiv. Galeria este considerată receptivă, deoarece va scala dimensiunea imaginilor dvs. și va ajusta numărul de coloane din grilă în funcție de lățimile diferite ale browserului.

În mod implicit, modulul galerie are trei puncte de întrerupere (puncte în care stilul se modifică la anumite lățimi ale browserului) care ajustează numărul de coloane din grilă. Va afișa galeria de imagini în patru coloane pe desktop și apoi se va împărți în trei coloane pe tabletă, două coloane pe tablete mici (și telefoane mari) și o coloană pe telefoane.

Această configurare implicită va funcționa de obicei în majoritatea cazurilor, dar uneori este posibil să aveți nevoie de un control mai mare asupra numărului de coloane afișate pe anumite lățimi ale browserului. De aceea, în acest tutorial, vă vom arăta cum să aveți control complet asupra numărului de coloane afișate în modulul Divi Gallery nu numai pentru desktop, ci și pentru trei puncte de întrerupere suplimentare ale browserului.

Citiți această postare

5. Cum să creați un antet global personalizat cu Divi's Theme Builder

Acum, când Theme Builder este aici, abia așteptăm să ne scufundăm în tutoriale noi care vă vor ajuta să vă configurați site-ul web de la A la Z. Aceasta include crearea de antete personalizate utilizând opțiunea încorporată a lui Divi. În acest tutorial, ne vom concentra pe crearea unui antet global folosind Divi's Theme Builder. Un antet global va apărea peste tot pe site-ul dvs., cu excepția cazului în care ați atribuit un alt antet paginii sau postării respective.

Citiți această postare

6. Cum se creează Flip Cards cu orice modul din Divi fără un plugin

Flip Cards sunt o modalitate distractivă pentru utilizatori de a interacționa cu site-ul dvs. web. Nu numai că oferă o animație cool, ci vă permite să oferiți informații suplimentare într-o locație concisă. În acest tutorial, vă voi arăta cum să transformați modulele Divi în cartele flip fără a utiliza un plugin! Cu această metodă, veți putea utiliza un modul Divi ca față a unui card și un alt modul Divi ca partea din spate a unui card. Puteți chiar să proiectați fiecare modul (față și spate) oricum doriți să utilizați divi builder. Funcționalitatea este realizată prin doar câteva fragmente de CSS (fără jquery).

Citiți această postare

7. Moduri simple și creative de a afișa siglele companiei în Divi

Există multe motive pentru a afișa siglele companiei pe site-ul dvs. web. O secțiune „Featured In” din siglele companiei ar putea influența potențialii investitori sau parteneri. Sau o secțiune „Clienții noștri includ” ar putea stabili dovezi sociale valoroase cu vizitatorii. Dar, indiferent de motiv, este important să știți cum să adăugați aceste sigle pe site-ul dvs. web. În acest tutorial, voi trece peste trei metode diferite pentru a adăuga logo-urile companiei pe site-ul dvs. web cu Divi. Vă voi arăta chiar cum să adăugați galerii de sigle la orice modul Divi!

Citiți această postare

8. 5 moduri fantastice de a stiliza modulul de mărturie al lui Divi

Singurul lucru pe care vizitatorii îl caută mereu pe un site web sunt mărturii. Ele reprezintă credibilitate și influențează procesul de luare a deciziilor pe care îl au clienții potențiali sau clienții potențiali atunci când vă vizitează site-ul web. Pe lângă faptul că vă asigurați că aveți mărturii puternice de împărtășit, a le face atrăgătoare din punct de vedere vizual joacă și un rol important. În această postare, vă vom arăta 5 moduri fantastice de a stiliza modulul Divi Testimonial în timp ce utilizați numai opțiunile încorporate.

Citiți această postare

9. Cum să vă personalizați glisorul Divi pentru a schimba elemente specifice cu fiecare diapozitiv

Știm cu toții că glisoarele sunt minunate pentru a maximiza acea secțiune primară de peste ori a site-ului dvs. web. Sunt tari! Utilizatorii sunt întâmpinați cu mai multe CTA-uri și cu funcții importante care alunecă în vizualizare fără a fi nevoie să derulați pagina în jos. Dar, uneori, prea multe schimbări în design și conținut din diapozitiv în diapozitiv pot distrage atenția sau copleși vizitatorii. De aceea, în acest tutorial, vă voi arăta cum să vă personalizați glisorul Divi pentru a schimba numai elemente specifice cu fiecare tranziție de diapozitive. Acest lucru vă permite să păstrați conținutul de bază și componentele de proiectare ale glisorului dvs. în timp ce schimbați doar un anumit element (cum ar fi un singur cuvânt sau buton) cu fiecare diapozitiv. Vizitatorii vor putea procesa cu ușurință modificarea și vor înțelege în mod clar îndemnul la acțiune.

Citiți această postare

10. Cum se creează un glisor de galerie foto personalizată în Divi

Știm cu toții că glisoarele sunt excelente pentru a atrage utilizatorii cu servicii, produse sau pagini recomandate într-o locație convenabilă deasupra pliantei. Unele site-uri (cred că fotografii) trebuie să prezinte una sau mai multe dintre galeriile lor foto pe pagina principală. Folosirea unui glisor pentru aceasta poate fi o opțiune plăcută. Cu toate acestea, este posibil să nu vă fi gândit să prezentați galeria foto într-un glisor de genul acesta.

În acest tutorial, vă voi arăta o modalitate ușoară de a încorpora galeriile de imagini Divi în diapozitivele dvs. pentru a crea un glisor complet personalizat pentru galeria foto în Divi. Trucul este să creați o galerie de imagini WordPress în zona de conținut a glisorului dvs. Apoi, trebuie doar să vă asigurați și să selectați opțiunea de a utiliza Galeria Divi în loc de stilul implicit al Galeriei WordPress. Este foarte ușor și distractiv de implementat.

Citiți această postare

In concluzie

În fiecare an, tipurile de conținut Divi pe care ne concentrăm depind foarte mult de funcțiile noi care sunt lansate. Considerăm că cel mai bine este să complimentăm noile versiuni de caracteristici cu o mulțime de tutoriale noi care îi învață pe oameni cum să o folosească și chiar să împingă aceste funcții la limitele lor în moduri interesante. Cu toate acestea, această abordare înseamnă că sărim în jurul valorii mult și poate că am lăsat câteva subiecte neacoperite. Deci, dacă aveți o solicitare tutorial Divi pe care o putem aborda în noul an, vă rugăm să o împărtășiți mai jos în secțiunea de comentarii și o vom adăuga la coadă!

Imagine prezentată prin hobbit / shutterstock.com