A V3 és a V4 szerkesztő különbségei
Mi változott a V4 szerkesztőben: osztályok, egységes Stílus fül, reszponzív szerkesztés, rétegzett hátterek és árnyékok.
A V4 szerkesztő a felület fejlesztésével gyorsabbá teszi a webdesignt. A V4 használatakor több változást is látni fogsz.
Osztályok bevezetése
Szekció neve “Osztályok bevezetése”A legnagyobb változás az osztályok használata. Az elem megjelenését, stílusát az osztályai határozzák meg. Minden elemnek van legalább egy helyi osztálya, amellyel csak az adott elemet formázod, és könnyen hozzáadhatsz továbbiakat is. Az osztályokkal a stílusokat az egész webhelyen újra felhasználhatod.
Például egy webhelyen a legtöbb szöveghez ugyanazt a betűtípust szeretnéd használni. Létrehozol egy Szöveg nevű osztályt fekete, 12 pontos talpatlan betűvel. Minden új elemhez elég hozzáadnod a Szöveg osztályt, és a szöveg ezt a stílust kapja.
Részletek az osztályokról: Atomic szerkesztő (V4) és Osztálykezelő.
Egységesítés
Szekció neve “Egységesítés”A V3 szerkesztőben az elemeknek három füle volt: Tartalom, Stílus és Haladó. A V4-ben a fülek száma csökkent, és egységesebbek lettek: minden elemnek két füle van, az Általános és a Stílus. Az Általános fül az elem igényei szerint változik, a Stílus fül viszont minden elemnél ugyanaz, így könnyebb a webhely egységes megjelenése.
A helyi felületen a V4 elemek paneljén az Általános, Stílus és Interakciók fül látható, a Stílus fülön pedig az Osztályok mező, valamint az Elrendezés, Térközök, Méret, Pozíció, Tipográfia, Háttér, Szegély, Hatások és Egyedi CSS részek.
Reszponzívabb vezérlők
Szekció neve “Reszponzívabb vezérlők”A V3-ban a reszponzív beállítások az elempanelen vannak, és csak néhány beállításra érvényesek. A V4-ben a reszponzív szerkesztést úgy végzed, hogy reszponzív módra váltasz a felső sávon.
Összefoglaló
Szekció neve “Összefoglaló”| Szempont | V3 szerkesztő | V4 szerkesztő |
|---|---|---|
| Az elem beállításai | Három fül: Tartalom, Stílus, Haladó. Az opciók elemenként különbözők. | Két fül: Általános és Stílus. A stílusbeállítások egységesek. |
| Osztályok | Globális színek, betűtípusok és widgetek. | Az elemeket osztályokkal szerkeszted és egységesíted. |
| Osztálykezelő | Nincs. | Az osztályok és stílusok szerkesztése és prioritásuk beállítása. |
| Osztályjelzők | Nincsenek. | Jelzik, ha az osztályok beállításai ütköznek, és melyik érvényesül. |
| Rétegzett hátterek | Nincs. | Több rétegű háttér hozható létre. |
| Színátmenetes háttér | Legfeljebb két szín. | Korlátlan számú szín adható hozzá. |
| Dobozárnyék | Nincs rétegzett dobozárnyék. | Több rétegű dobozárnyék hozható létre. |
| Ragadós elemek | Az oldal tetejéhez vagy aljához tapadhatnak. | Az oldal tetejéhez, aljához, jobb vagy bal széléhez tapadhatnak. |
| Reszponzív szerkesztés | Az opciók panelen, csak a megjelölt beállításokra. | A felső szerkesztősávon, minden beállításra. |
| HTML-kód | Néhány widgetben engedélyezett. | Nem engedélyezett. |
| Visszaállítás alapértékre | Sok beállításnál egy visszaállítás gombbal. | Nem érhető el. |
Készült: