Teie veebisaidi kohandamine on oluline, et pakkuda kasutajatele unikaalset kogemust. Elementoriga WordPressis on teil palju tööriistu oma lehtede täiustamiseks. Laiendatud seaded on oluline osa, mida sageli eiratakse. Selles juhendis õpid, kuidas neid seadeid tõhusalt kasutada, et täpselt juhtida kujundusdetaile.
Olulisemad teadmised
- Paddingu ja marginaali vahet märkamine ja rakendamine.
- Negatiivsete väärtuste kasutamine marginaali jaoks elementide kattumiseks.
- Enda CSS-klasside lisamine ja ID-de loomine menüüelementidele.
Samm-sammuline juhend
1. Laiendatud seadete avamine
Kui alustate oma lehe redigeerimisega, lisage uus jaotis. Klõpsake vahekaarti "Laiendatud". Siit leiate keerukad võimalused, mis aitavad teil teha konkreetseid kohandusi.
2. Paddingu ja marginaali mõistmine
Laiendatud seadete oluline osa on paddingu ja marginaali väärtused. Padding on sisu ja selle serva vaheline kaugus. Marginaal aga viitab kaugusele naaberlementist.
Kui näiteks näitate 200px paddingut, juhtub järgmine: teie elemendi sisu saab 200px kauguse servadest.
3. Paddingu väärtuste kohandamine
Eeldame, et soovite konkreetse jaotise paddingu väärtusi kohandada, et luua rohkem või vähem ruumi. Saate väärtused individuaalselt määrata, näiteks 100px all ja 200px üleval. See võimaldab teil luua jaotisele atraktiivse kõrguse.
4. Marginaali kasutamine
Samamoodi oluline kui padding on ka marginaal. Kui määratlete 500px marginaali allapoole, tekib praeguse jaotise ning järgmise jaotise vahel 500px kaugus. On oluline mõista, et marginaal määrab teie elemendi ja teiste elementide vahelise kauguse, samas kui padding mõjutab teie elemendi sees.
5. Väärtuste ühendamine
Saate ühendada paddingu ja marginaali väärtused, et seada kõigis suundades samasugune kaugus. Vahel võib ruudukujuline kujundus olla ebasobiv, samas kui ümardatud väärtused jaotiste nurkades võivad aidata luua parema visuaalse efekti.
6. Z-indexi ja CSS-klasside kasutamine
Kui töötate Z-indexiga, määratlete katmata elementide nähtavuse. See on kasulik, kui soovite paigutada esiplaanil või taustal olevaid elemente.
Lisaks saate luua ja kasutada ka CSS-klasse, et omistada oma jaotistele konkreetseid stiile. Oluline on valida klassinimed strateegiliselt, et tagada ainulaadne identifitseerimine.
7. Negatiivsete marginite kasutamine
Huvitav funktsioon on negatiivsete marginite loomine. See võimaldab teil paigutada jaotised nii, et need kattuksid või oleksid lähemal. Kuigi siin pole võimalik otse miinuse märke sisestada, saate siiski väärtusi kohandada soovitud efekti saavutamiseks.
8. Lisakohandused ja tulevikuperspektiiv
Tulevastes õpetustes vaatame lähemalt liikumiseffekte ja täiendavaid laiendusi, mis aitavad teil oma veebidisaini veelgi täiustada ja dünaamilisemaks muuta.
Kokkuvõte
Elementoris laiendatud sätted pakuvad sulle mitmeid võimalusi oma veebisaidi kujundamiseks. Olgu selleks siis täite- või välismarginaal - nende funktsioonide abil saad parendada konkreetsete lehtede kujundust ja tagada atraktiivse kasutajakogemuse. Kasuta tutvustatud tehnikaid, et maksimeerida Elementori täielik potentsiaal ja anda oma veebilehele individuaalne puudutus.
Sagedased küsimused
Kuidas saan Elementoris avada laiendatud sätted?Lisa uus jaotis ning klõpsa vahekaardil „Laiendatud“.
Mis vahe on täite- ja välismarginaali vahel?Täidis on elemendi seesmine kaugus, välimarginaal on elementide vaheline kaugus.
Kas ma saan kasutada ka negatiivseid välismarginaali väärtusi?Jah, negatiivsed välismarginaaliväärtused on võimalikud, et lasta elementidel kattuda.
Kuidas luua CSS-klass Elementoris?Saad lisada CSS-klassi vahekaardil „Laiendatud“ punkti „Klass“ all.
Kas laiendatud sätted on saadaval Elementori tasuta versioonis?Mõned funktsioonid, nagu individuaalsed CSS-klassid, on saadaval ainult Pro-versioonis.
