Az elrendezés alapelvei az Elementorban
Miért szabványos keretek között épül a weboldal, miért fontos az oldal sebessége, és hogyan épül fel az oldal szakaszokból és oszlopokból.
Az Elementor weboldalak építésére való, ezért más, mint egy grafikai tervezőprogram: az elemeket nem húzhatod bárhová. Az elemeknek a weboldalak szabványos kereteibe kell illeszkedniük.
Miért kellenek szabványok?
Szekció neve “Miért kellenek szabványok?”Van, aki asztali gépet vagy laptopot használ, más telefont vagy táblagépet. Van, aki Chrome-ot, más Firefoxot vagy Safarit. Mivel a világon több milliárd ember fér hozzá az internethez, az oldalaknak sokféle konfigurációval kell működniük, és ezt a szabványosítás biztosítja a legjobban.
A szabványos oldalt minden böngésző el tudja olvasni. Ennek két további előnye van:
- Reszponzivitás: az oldal mennyire jól alkalmazkodik a különböző képernyőméretekhez, vagyis telefonon is úgy mutat, mint széles tévén.
- Optimalizálás: milyen gyorsan töltődnek be az oldalak.
Az Elementor ezért gondoskodik arról, hogy az építhető oldalak ezeken a kereteken belül maradjanak.
Miért fontos az oldal sebessége?
Szekció neve “Miért fontos az oldal sebessége?”A sebesség műszaki szempontból is számít, de a látogatók megtartásához is: senki sem szeret várni egy oldal betöltésére. Ha az üzleted a weboldaladra épül, optimalizálnod kell, hogy ne veszíts ügyfeleket.
Hogyan épül fel az oldal?
Szekció neve “Hogyan épül fel az oldal?”Képzeld az oldalt rácsnak: függőleges és vízszintes síkok metszéspontjának. Ebben a szakaszok a sorok (vízszintes), az oszlopok a függőleges részek.
- Ajánlott a webhelyet szakaszokkal szeletekre osztani.
- A szakaszokon belüli elemeket és tartalmat oszlopokba rendezd, hogy könnyebben megjelenjenek.
Az oszlopokba rendezett tartalom áttekinthetőbb, könnyebben követhető, és kevesebb munkát ad az agyunknak a feldolgozás.
Az újabb, konténer alapú felépítést a Konténerek és szakaszok/oszlopok különbségei, a Flexbox konténerek működése és a Hány konténer legyen az oldalon? fejezet mutatja be.
Készült: