Dokumentáció / Tervezés

Stíluskezelő

A Stíluskezelő egy egész elemtípus megjelenését változtatja meg. Ez a különbség aközött, hogy egy gombot szerkesztesz, és aközött, hogy a webhely összes gombját.

Frissítve:

Hogyan működik

Nyisd meg a Stíluskezelőt a felső sávból. A stílusok kategóriákba rendeződnek: gombok, tipográfia, elválasztók, menük, képek, űrlapok és így tovább.

Minden kártya élő előnézetet, a stílus nevét és a belső nevét mutatja. Használd az előnézeten a világos és sötét gombot, ha egy stílust nehéz kivenni az alapértelmezett háttérből.

A kártya hárompontos menüje tartalmazza az adott stílus műveleteit. Az alján a Haladó megjelenítése mutatja meg a ritkább kategóriákat.

A Stíluskezelő az egész projektre érvényes. Egy itt végzett módosítás minden oldalt érint, nem csak azt, amelyiket éppen szerkeszted.

A módosítások mentés után azonnal megjelennek a szerkesztőben. A következő publikálással kerülnek élesbe.

A Stíluskezelő módosításainak nincs visszavonási előzménye. A beépített stílusok visszaállíthatók, az egyediek nem.

Alapstílusok és variánsok

Az alapstílus egy elemtípus közös alapja, például egy gombé.

A variáns ennek az alapnak egy elnevezett változata. Egy gombnak lehet elsődleges, lágy és körvonalas variánsa. Közösen használják a gomb alapját, de néhány tulajdonságot másképp állítanak.

Így az alap módosítása minden variánshoz eljut, kivéve, ha egy variáns maga is beállítja ugyanazt a tulajdonságot. Ha egy variáns az alap módosítása után is másképp néz ki, szerkeszd meg azt a variánst is.

A Stíluskezelő mindkét fajtát listázza. Néhány közös alap, például az Alap gomb, a haladó Alapstílusok kategóriában van, ezért válaszd a Haladó megjelenítése lehetőséget, hogy lásd őket. Másokat, például a Szöveget és a Címsor 1-et, a saját kategóriájukban találod.

Amikor egy beépítettet módosítasz, projekt szintű felülírást kap, amíg vissza nem állítod. Az egyéni variánsok átnevezhetők és törölhetők.

Az alap gomb szerkesztése minden gombot megváltoztat. Az elsődleges variáns szerkesztése csak az elsődleges gombokat. Használd a Stílusok beolvasztása az alapstílusba lehetőséget, ha már megformáztál egy elemet, és át akarod vinni azokat az osztályokat valamelyik célba.

Erről a munkafolyamatról a Variánsok oldalon olvashatsz.

Beépített stílus módosítása

Nyisd meg egy beépített stílus vagy variáns műveletmenüjét, és válaszd az Osztályok szerkesztése lehetőséget.

Adj hozzá vagy vegyél ki osztályokat az Osztályok mezőben, majd ments. A kártya előnézete és a szerkesztő frissül.

Ezzel nem semmisíted meg az eredetit. A testreszabott beépített stílus kap egy Alapértelmezett visszaállítása műveletet. A visszaállítás visszahozza az eredeti megjelenést.

A közös gombalap szerkesztéséhez válaszd a Haladó megjelenítése lehetőséget, nyisd meg az Alapstílusok kategóriát, és szerkeszd az Alap gomb stílust. Ez minden gombot elér, az összes variánsával együtt.

A beépített stílusok és variánsok nem törölhetők. Csak az egyéni variánsok és az egyéni alapstílusok törölhetők.

Variáns hozzáadása

A variánsokat a szerkesztőben hozod létre, nem a Stíluskezelőben.

Jelölj ki egy elemet, ami támogatja a variánsokat, nyisd meg a palettagombot a lebegő eszköztárán, és válaszd az Új variáns lehetőséget. Adj neki nevet. Rögzíti az elem jelenlegi megjelenését, és hozzáadja a választóhoz meg a Stíluskezelőhöz.

A teljes folyamatról és a variánsok közti váltásról a Variánsok oldalon olvashatsz.

Egy elem megjelenésének megosztása

Néha addig formázol egy elemet, amíg jól nem néz ki, aztán úgy döntesz, minden hasonló elemnek ugyanígy kell kinéznie.

Jelöld ki az elemet, nyisd meg a palettagombot a lebegő eszköztárán, és válaszd a Stílusok beolvasztása az alapstílusba lehetőséget. A megnyíló párbeszédablak neve Stílusok alkalmazása mindenhol.

Ez a művelet azoknál az elemeknél érhető el, amelyek támogatják a variánsokat, például gomboknál, címeknél és képeknél. Szekció vagy sor esetén inkább a közös stílust szerkeszd a Stíluskezelőben.

A párbeszédablak az elem extra osztályait mutatja. Válaszd ki azokat, amelyeket meg akarsz osztani, majd válaszd ki a célt:

  • Egy variánscél, például az elsődleges gomb, csak azt a variánst változtatja meg.

  • Egy alapcél, például a gombalap, minden elemet megváltoztat, amely azt az alapot használja.

Az alkalmazás után a közös osztályok a stílusban élnek, és eltűnnek arról az egy elemről.

Ez a szokásos módja annak, hogy minden alapelem ugyanúgy nézzen ki, amikor az alapnak nincs saját kártyája.

A cél kiválasztásáról és egy példáról a Variánsok oldalon olvashatsz.

Új alapstílus létrehozása

Az Új alapstílus egy elnevezett osztálycsomagot hoz létre. Nem variáns, és nem jelenik meg a variánsválasztóban.

Ez haladó funkció. Adsz a csomagnak egy nevet, például x-card, hozzáadod az osztályokat, majd úgy alkalmazod, hogy a nevet beírod egy elem osztálylistájába.

Az osztálylista munkafolyamatáról az Egyedi osztályok (haladó) oldalon olvashatsz.

Mikor használd

Akkor használd a Stíluskezelőt, ha a változásnak mindenhol érvényesülnie kell:

  • Az összes elsődleges gomb legyen egy kicsit kerekebb.

  • Az összes címsor más betűvastagságot használjon.

  • Az összes menühivatkozás kapjon több helyet.

  • Az összes űrlapmező szegélye legyen lágyabb.

A Doboz és a Szöveg fület használd, ha a változás csak egy blokkra vonatkozik.

Ha egy közös változás túl szélesre hat, inkább készíts variánst, és csak ott alkalmazd, ahol kell.

Egy egyszerű kezdő recept

Ahhoz, hogy minden elsődleges gomb a márkádhoz illjen:

  1. Nyisd meg a Stíluskezelőt.

  2. Keresd meg a Gombok kategóriát.

  3. Válaszd ki az elsődleges variánst.

  4. Válaszd az Osztályok szerkesztése lehetőséget.

  5. Változtasd meg a kitöltést, a szövegszínt, a lekerekítést és a belső margót.

  6. Ments.

  7. Nézz meg egy oldalt elsődleges gombbal.

  8. Publikáld.

Utána nézd meg mobilon. Egy gomb, ami asztali gépen jól néz ki, telefonon lehet, hogy túl kicsi a koppintáshoz.

Ha minden gombot meg akarsz változtatni, nem csak az elsődlegest, vidd át a közös osztályokat az alapra a Stílusok beolvasztása az alapstílusba lehetőséggel, vagy szerkeszd meg az egyes variánsokat.

Remake

Weboldalépítő, ami úgy működik, mint egy dokumentum. A CMS, az űrlapok és az EU-s tárhely mind adott.

© 2026 Remake. Minden jog fenntartva.