Témastílus és tervezési rendszer

A tervezési rendszer közös tervezési szabályok és elemek gyűjteménye, amelyek egységessé teszik a webhelyet. Különösen hasznos nagy oldalaknál és csapatmunkánál. Papíron vagy dokumentumban a rendszer kényelmetlen: a tervező folyton a leírás és a munka között ugrál, és minden elemet egyenként állít be. Az Elementorban a tervezési rendszer a szerkesztőbe van építve, ezért egy kattintással kiválaszthatod az előre megadott szín- és betűkombinációt.

A másik nagy előny a későbbi változtatás. Ha a márka színei vagy betűtípusai megváltoznak, a globális beállításokban egyetlen helyen módosítasz, és a változás az egész webhelyen megjelenik. Ezt a szemléletet valósítja meg a Témastílus és a globális színek és betűtípusok együtt.

Témastílus és globális színek, betűtípusok

A kettő nem ugyanaz, bár mindkettő színt és tipográfiát vezérel az egész webhelyen.

	Mit csinál
Témastílus	Tartalék stílusokat ad a HTML-címkéknek (például <h1>, <body>, <label>). Nem Elementor-specifikus, a lehető legáltalánosabb. A webhely alapbeállítása, és csak akkor érvényesül, ha az elemhez nincs konkrét stílus megadva.
Globális színek és betűtípusok	A Témastílus fölé kerülő, CSS-változókat használó réteg, amely elsőbbséget élvez. A webhely tervezési rendszerének építőkövei: a négy előre megadott globális beállítást kitöltöd, és tetszőleges továbbit adhatsz hozzá, mindegyiknek nevet adva.

Ha egy elemhez nincs globális beállítás rendelve, a Témastílus értékei érvényesek rá. Ez az Elementoron kívüli elemekre is igaz.

Példa

Szerkessz egy Elementor-oldalt, és egy H2 címsor színét és tipográfiáját állítsd a korábban megadott globális Másodlagos stílusra (Webhely beállításai → Tervezési rendszer → globális színek és betűtípusok). Ugyanígy állíthatsz be bármely más elemet is. Ha a gombok színe is egyezzen a H2 címsorokéval, válaszd a gomboknál is a Másodlagos színt.

A H3 címsorokhoz másik globális beállítást használhatsz. Ha például létrehoztál egy Kiegészítő nevű globális színt, ezt oszlopok háttéréhez is hozzárendelheted.

Később egyszer módosítod a globális beállítást, és tudod, hogy pontosan melyik elemek változnak az egész webhelyen.

Az Elementorral nem szerkesztett oldalak

Az Elementorban beállított Témastílus azokra az oldalakra is érvényes, amelyeket nem az Elementorral szerkesztettél. Ezek címsorai, gombjai és hátterei a Témastílustól öröklik a stílust, mert nincs hozzájuk globális szín vagy betűtípus rendelve. Így az Elementor az egész webhely megjelenését vezérelheti.

Figyelem

Ha egy elem stílusát sem a globális színek vagy betűtípusok, sem a Témastílus nem adja meg, a stílus a témából, a böngészőből vagy más forrásból (például egy bővítményből) öröklődik. A teljes kontrollhoz a Témastílusban minden lehetséges beállítást töltsd ki, így az lesz az alapértelmezett tartalék.

Korábban mentett színek

A globális színek bevezetése előtt a színválasztó el tudta menteni a színeket. Az új színválasztóban ez a lista már nincs ott, de a munkád nem veszett el: a frissítéskor a mentett színek automatikusan bekerültek a globális színek palettájába. Bármelyik elem színbeállításánál a legördülő listából választhatod őket, a színválasztó megnyitása nélkül.

A színválasztóról lásd: Szín kiválasztása.