Jei dirbate su "Elementor", teisingas elementų išdėstymas yra labai svarbus sėkmingam svetainės išdėstymui. Šioje pamokoje sužinosite, kaip veiksmingai valdyti elementų išdėstymą, kad būtų užtikrintas patrauklus rodymas įvairiuose įrenginiuose. Pasinerkime į įvairius pozicionavimo aspektus ir sužinokime apie geriausią praktiką.
Pagrindinės žinios:
- Elementų plotį galima nustatyti įvairiai: per visą plotį, inline arba pagal užsakymą.
- Venkite absoliutaus pozicionavimo, kad užtikrintumėte naudotojo patirtį mobiliuosiuose įrenginiuose.
- Taisyklingas pozicionavimas užtikrina minimalistinį numatytąjį dizainą, kuris išlieka vizualiai patrauklus.
Žingsnis po žingsnio vadovas
1 žingsnis: prieiga prie padėties nustatymo
Norėdami "Elementor" reguliuoti elementų pozicionavimą, pirmiausia turite pasirinkti norimą elementą. Spustelėkite jį, kad atidarytumėte redagavimo meniu ir pereitumėte prie padėties nustatymo nustatymų.
2 žingsnis: Nustatykite elemento plotį
Dabar turite galimybę konfigūruoti elemento plotį. Pagal numatytuosius nustatymus elementas užima viso skyriaus plotį. Tačiau taip pat galite pasirinkti parinktį "Visas plotis", kad elementas užpildytų visą turimą erdvę. Arba galite nustatyti nustatymą "inline", kuris reiškia, kad elementas yra tik tokio pločio, kokio pločio yra jame esantis tekstas.
3 veiksmas: nustatykite vertikalią padėtį
Taip pat svarbu atsižvelgti į vertikalią padėtį. Jei pasirinksite pasirinktinį plotį, galėsite toliau pritaikyti elementą ir perkelti jį konteineryje. Toks lankstumas leidžia nustatyti tikslią elemento padėtį.
4 veiksmas: atkreipkite dėmesį į padėties nustatymus
Čia turėtumėte atkreipti dėmesį į padėties nustatymus. Numatytoji parinktis yra įprastas (normalus) padėties nustatymas. Taip pat galite pasirinkti absoliutų pozicionavimą, tačiau to daryti nerekomenduojama, nes dėl to dažnai gaunami netikėti išdėstymai, kurie neatrodo gerai mobiliuosiuose įrenginiuose.
5 veiksmas: patikrinkite rodymą skirtinguose įrenginiuose
Norėdami įsitikinti, kad viskas atrodo nepriekaištingai, taip pat turėtumėte išbandyti maketą skirtinguose įrenginiuose. Dėl absoliutaus pozicionavimo elementai gali būti rodomi netinkamose vietose, ypač išmaniuosiuose telefonuose, kur vietos nedaug. Grįžkite prie reguliaraus pozicionavimo, kad užtikrintumėte darnų visų dydžių ekranų išdėstymą.
6 veiksmas: Venkite problemų dėl absoliutaus pozicionavimo
Dažna absoliutaus pozicionavimo problema yra ta, kad daug kas gali susimaišyti išdėstyme ir tai neigiamai paveikia tipinę naudotojo patirtį. Įsitikinkite, kad išlaikote aiškią struktūrą, kad tinklaraštis ar svetainė gerai atrodytų visuose įrenginiuose ir išliktų patogi naudotojui.
7 etapas: Smulkus derinimas ir galutiniai koregavimai
Galiausiai turėtumėte pakoreguoti elementų dydį, kad jie gerai atrodytų ir dideliuose ekranuose, ir mobiliuosiuose įrenginiuose. Eksperimentuokite su nustatymais ir raskite optimalų balansą tarp dizaino laisvės ir poreikio užtikrinti reaguojantį rodinį.
Apibendrinimas
Padėties nustatymas programoje "Elementor" yra pagrindinis sėkmingo išdėstymo elementas. Tinkamai nustatę plotį, vertikalų pozicionavimą ir pasirinkę tarp įprasto ir absoliutaus pozicionavimo, galite sukurti patrauklų dizainą, kuris optimaliai atrodys visuose įrenginiuose. Ypač daug dėmesio skirkite tam, kaip jūsų maketas atrodo mobiliuosiuose įrenginiuose, ir visada turėkite omenyje naudotojo patirtį. Pasinaudoję šiais patarimais, esate pakeliui į patrauklaus ir funkcionalaus maketo sukūrimą.
Dažniausiai užduodami klausimai
Kaip pakeisti elemento plotį "Elementor" programoje? Eikite į elemento nustatymus ir nustatykite plotį į visą plotį, į eilutę arba pasirinktinį.
Kodėl turėčiau vengti absoliutaus pozicionavimo? Dėl absoliutaus pozicionavimo gali kilti problemų skirtingo dydžio ekranuose ir išdėstymas gali būti painus.
Kaip išbandyti išdėstymą skirtinguose įrenginiuose? naudokite "Elementor" peržiūros funkcijas, kad pamatytumėte, kaip jūsų puslapis atrodo kompiuteriuose ir mobiliuosiuose įrenginiuose.
Į kokius veiksnius turėčiau atsižvelgti pozicionuodamas vertikaliai? Vertikalus pozicionavimas gali turėti įtakos jūsų dizaino išvaizdai, todėl įsitikinkite, kad jis visada yra malonus ir aiškus.
Kodėl svarbus reaguojantis dizainas?Reaguojantis dizainas užtikrina, kad jūsų svetainė visuose įrenginiuose atrodytų nepriekaištingai, o tai gerokai pagerina naudotojo patirtį.
