Ikoonid Elementoris - Kuidas neid optimeerida

Elementor pakub sulle mitmesuguseid tööriistu oma WordPressi lehe kujundamiseks, üks põhielementidest on ikoon. Ikoonid pole mitte ainult dekoratiivsed elemendid, vaid need võivad parandada ka funktsionaalset kasutajakogemust ja aidata olulist teavet kiirelt edastada. Õpi siit, kuidas Elementoris ikoonidega töötada ja neid kohandada, et oma veebisaiti väärtustada.

Olulisemad teadmised

• Ikoonid on mitmekülgsed elemendid, mis võivad täita nii kunstilisi kui ka informatiivseid funktsioone.
• Sa saad ikoonid kohandada individuaalselt, sealhulgas värvi, suuruse, kuju ja animatsiooni.
• Linkimisvõimalus võimaldab ikoonide kasutamist navigeerimiseks tõhusalt.

Juhend sammu-sammult

Samm 1: Ikooni lisamine

Ikooni lisamiseks oma sektsiooni, lohista ikooni vidin soovitud lehealale. Sa näed eelseadet, tavaliselt tärniikooni.

Samm 2: Ikooni vahetamine

Klõpsa olemasoleval ikoonil, et avada valikaken. Siin saad valida mitme ikooni vahel. Näiteks vali taksoikoon, et eristada oma sisu spetsiifilist teemat.

Samm 3: Ikooni tüübi valimine

Elementor pakub kolme tüüpi ikoone: tavalised ikoonid, täidisikoonid ja brändiikoonid. Tavalised ikoonid on tavaliselt ainult kontuuriga, samas kui täidisikoonid on täielikult täidetud. Brändiikoonid vastavad tuntud logodele, nagu nt Amazon või Apple.

Samm 4: Kuva sätted kohandada

Saad oma ikooni kuvamist kohandada mitmel viisil – "Paki" (täielikult täidetud), "Kontuuriga" (piirjoonega) või "Vaikimisi" (kuva taust). Vali valik, mis sobib kõige paremini sinu veebisaidi esteetikaga.

Samm 5: Ikooni suuruse ja kuju kohandamine

Veel üks oluline aspekt on ikooni kuju. Saad valida, kas see peaks olema ümmargune või ruudukujuline. Ringi peetakse sageli harmoonilisemaks, samas kui ruut jätab teistsuguse graafilise mulje.

Samm 6: Lingi häälestamine

Interaktiivsuse loomiseks saad luua lingi. Näiteks sisesta oma avalehe aadress, nii et külastajad suunatakse ikooni klõpsamisel sinna.

Samm 7: Stiili kohandamine

Stiili all on sul võimalus määrata esmane ja teisene värv. Hover-effektide jaoks saad ka määrata, kuidas värvid peaksid muutuma. Muuda näiteks esmane värv punaseks ja teisene värv mustaks.

Samm 8: Hover-effektide määratlemine

Kui soovid interaktiivsust suurendada, saad lisada hover-elementile ka animatsiooniefekte. Need hõlmavad valikuid nagu "Lükkamine" või "Kasvamine". Vali soovitud efekt selleks, et parandada kasutajakogemust.

Samm 9: Suuruse ja vahemaa määratlemine

Ikooni suurust saad kohandada, samal ajal kui vahemaa, mida nimetatakse ka täitmiseks, vastutab selle eest, kui palju ruumi ikooni ja selle sisemise raami vahel on. Katseta nende väärtustega, et leida soovitud tasakaal.

Samm 10: Väärtuste sidumine

Kui soovid erinevate ikooni nurkade jaoks individuaalseid seadeid määrata, saad väärtused siduda või eraldi kohandada. Sidumata väärtused tagavad, et muudatused rakendatakse kõigile külgedele korraga.

Samm 11: Täiustatud sätete kontrollimine

Täiustatud sätete hulgast leiad samad valikud kui põhivalikutes. Veendu, et kõik on õigesti konfigureeritud, et tagada ühtlane kuvamine oma lehel.

Kokkuvõte

Selles juhendis õppisid sa põhilised sammud ikoonide Elementorisse lisamiseks ja kohandamiseks. Alates ikooni valimisest kuni värvi, suuruse ja lingini - nende tehnikatega saad luua veebilehti, mis on nii esteetiliselt meeldivad kui ka funktsionaalsed.