Elementor este un Page Builder puternic pentru WordPress, care îți permite să creezi site-uri web atrăgătoare fără cunoștințe de programare. Unul dintre elementele cele mai utile în Elementor este Lista de Icon-uri. Cu această funcție poți prezenta informațiile în mod vizual plăcut, fie că este vorba despre liste de sarcini, link-uri către rețelele de socializare sau alte tipuri de conținut. În acest ghid îți voi arăta pas cu pas cum poți crea și ajusta o listă de Icon-uri atrăgătoare.
Principalii pași
- Prin Lista de Icon-uri poți adăuga ușor elemente vizuale.
- Fiecare intrare poate fi individual personalizată cu text, icon-uri și link-uri.
- Stilul și aspectul listei sunt ajustabile.
Ghid pas cu pas
Pasul 1: Deschideți Elementor și adăugați Lista de Icon-uri
Pentru început, deschideți editorul Elementor pe site-ul web la care lucrați. Căutați în zona de widget-uri Elementor opțiunea „Lista de Icon-uri”. Trageți acest widget în secțiunea dorită a paginii dvs.
Pasul 2: Ajustați elementele din Lista de Icon-uri
Odată ce widget-ul este plasat, veți vedea implicit câteva elemente de listă. Puteți modifica numărul de icon-uri și liniile de text folosind opțiunile corespunzătoare din meniul din stânga. Faceți clic pe „Elementul de listă 1” pentru a edita textul. Aici puteți introduce de exemplu „YouTube”.
Pasul 3: Selectați icon-urile
Pentru a selecta un icon potrivit pentru fiecare intrare din listă, faceți clic pe zona de icon-uri. Se va deschide o fereastră în care puteți selecta dintr-o bibliotecă extinsă. Căutați „YouTube” și adăugați icon-ul dorit.
Pasul 4: Adăugarea link-urilor
Puteți atribui fiecărui element de listă un link. Faceți clic pe câmpul „Link” lângă text și adăugați URL-ul corespunzător, de exemplu link-ul către canalul dvs. YouTube.
Pasul 5: Ajustați aspectul
Puteți acum configura opțiunile de aspect. Alegeți între „În linie” sau „Lățime completă”. Decideți cum doriți să vizualizați lista de icon-uri pentru a se potrivi stilului general al site-ului dvs.
Pasul 6: Ajustați stilul
Mergeți la fila de Stil pentru a schimba aspectul listei de icon-uri. Aici puteți seta distanța dintre liniile individuale, ajusta alinierea și activa eventualele elemente de separare. De exemplu, selectați o linie punctată ca element de separare pentru un aspect elegant.
Pasul 7: Ajustați culorile
Puteți schimba culorile icon-urilor și ale textului. Selectați de exemplu o culoare verde când treceți cu mouse-ul peste element. Aceasta va oferi un efect umbrit interactiv care va atrage atenția vizitatorilor.
Pasul 8: Ajustați dimensiunile fontului și tipografia
Pentru a vă asigura că dimensiunea fontului se potrivește vizual cu icon-urile, ajustați dimensiunea textului în fila „Text”. Setați de exemplu dimensiunea la 25 și selectați o culoare de text potrivită pentru a obține un efect vizual armonios.
Pasul 9: Previzualizare și Salvare
Dacă sunteți mulțumit de lista de icon-uri, faceți clic pe „Salvare” pentru a aplica modificările. Acordați atenție previzualizării pentru a vedea cum arată lista în partea din față.
Pasul 10: Testați funcționalitatea
Testați link-urile de pe pagina dvs. publicată pentru a vă asigura că totul funcționează așa cum ați dorit. Verificați de asemenea dacă efectele de hover sunt afișate corect, pentru a vă asigura că interactivitatea este prezentă.
Rezumat
În acest ghid, ai învățat cum să creezi pas cu pas o listă de pictograme atractivă și funcțională cu Elementor pentru WordPress. Trebuie doar să faci câteva ajustări simplu pentru a-ți personaliza lista în funcție de stilul tău și pentru a-ți optimiza experiența utilizatorului.
Întrebări frecvente
Cum pot adăuga un nou element de listă la lista de pictograme?Puteți pur și simplu da clic pe simbolul "+" din widgetul de listă de pictograme pentru a adăuga un nou element.
Pot schimba pictogramele după ce le-am adăugat?Da, puteți personaliza orice pictogramă în orice moment făcând clic pe elementul corespunzător din listă.
Cum pot schimba culorile pictogramelor?În zona de stil a editorului Elementor, poți ajusta culorile pictogramelor și ale textului.
Pot adăuga linkuri către rețelele de socializare?Da, fiecare intrare din listă poate fi asociată cu un link, ideal pentru rețelele de socializare.
Există o funcție de previzualizare în Elementor?Da, poți vedea o previzualizare a modificările tale înainte de a le salva.
