# Témastílus és tervezési rendszer

> Hogyan dolgozik együtt a Témastílus és a Tervezési rendszer globális színei és betűtípusai, és mi érvényesül az Elementoron kívüli tartalmaknál.

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](https://hub.hellowp.io/hu/plugins/elementor/stilus-szinvalasztas/).