Kaip patikrinti Elementor puslapį telefone

Mobilioji peržiūra turi apimti ne tik vaizdą, bet ir navigaciją, tekstą, mygtukus, vaizdus, produkto variantus bei pagrindinius lankytojo veiksmus.

Pradėkite nuo esamos struktūros

Prieš keisdami mobilų vaizdą supraskite, kaip sekcija sudėta darbalaukyje. Patikrinkite konteinerius, stulpelius, tarpus ir elementų eiliškumą. Viena lokali korekcija dažnai yra saugesnė už visos sekcijos perstatymą.

Šiame projekte išlaikoma ErgoCraft temos tipografija, spalvos ir produktų kortelių sistema. Mobilioji versija neturi tapti kitu dizainu – ji turi būti ta pati sistema, pritaikyta siauresniam ekranui.

Tikrinkite realiu telefono pločiu

Elementor adaptyvioji peržiūra padeda greitai rasti problemą, tačiau galutinį rezultatą verta atidaryti ir tikroje naršyklėje maždaug 390 pikselių pločiu. Patikrinkite ir tarpinius dydžius, kad problema neatsirastų tik planšetės režime.

Stebėkite, ar nėra horizontalaus slinkimo. Dažniausios priežastys yra fiksuotas elemento plotis, per didelis tarpas, ilga neperlaužiama nuoroda arba vaizdas, kuriam nenustatytas maksimalus plotis.

Įvertinkite tekstą ir mygtukus

Antraštė neturi užimti viso pirmojo ekrano ar lūžti po vieną žodį. Jei ji per didelė, koreguokite mobilų šrifto dydį ir eilutės aukštį, bet išlaikykite aiškią hierarchiją.

Mygtuko tekstas turi tilpti, o paspaudimo sritis – būti patogi. Keli mygtukai mažame ekrane paprastai rikiuojami vienas po kitu, paliekant nuoseklų tarpą.

Patikrinkite vaizdų apkirpimą

Dideli redakciniai kadrai yra svarbi temos dalis, todėl jų negalima atsitiktinai suspausti. Naudokite tinkamą proporciją ir židinio tašką, kad pagrindinis objektas liktų matomas.

Optimizuotas vaizdas turi būti pakankamai ryškus, bet ne per sunkus. Šiam paketui paruošti katalogo ir straipsnių JPEG failai, kurių dydis pritaikytas interneto svetainei.

Pakartokite pagrindinį scenarijų

Atidarykite meniu, pereikite į parduotuvę, pasirinkite produkto variantą, grįžkite į kategoriją ir atidarykite straipsnį. Taip patikrinama ne viena sekcija, o visas trumpas lankytojo kelias.

Baigę užfiksuokite darbalaukio ir telefono ekranus. Jei teko slėpti svarbų turinį tik mobiliajame vaizde, patikrinkite, ar lankytojas neprarado būtinos informacijos ar veiksmo.