# Cím widget és Cím elem

> Címsor beszúrása és testre szabása: szöveg, link, HTML-címke, igazítás, tipográfia, körvonal, árnyék és keverési mód; a v4 szerkesztő Cím eleme.

A címsorok az oldal legfontosabb részeire irányítják a figyelmet. A **Cím** widgettel kód nélkül szúrhatsz be és formázhatsz címeket.

A szerkesztő v4-es változatában ugyanez az **Cím** elem néven érhető el; ennek beállításait lent, külön szakaszban találod.

## Mire jó?

- Egy pékség nyitóoldalának fő címe („Sütés szeretettel”), `<h1>` címkével a keresőoptimalizálás miatt, és hangulatos betűtípussal, amely illik a márkához.
- Blogbejegyzések címei és alcímei.
- Ajánlások (vélemények) címei.
- Cselekvésre ösztönző (CTA) elemek címei.

## A widget hozzáadása és törlése

1. A szerkesztőben kattints a **+** gombra, hogy megjelenjen az összes widget.
2. Kattints a **Cím** widgetre, vagy húzd a vászonra. Lásd: [Elemek hozzáadása az oldalhoz](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elemek-hozzaadasa/).

A törléshez jelöld ki a vásznon, és nyomd meg a billentyűzeten a Delete billentyűt. Lásd: [Elemek törlése és mozgatása](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elemek-torlese-es-mozgatasa/).

## Cím készítése lépésről lépésre

1. Add a **Cím** widgetet a vászonra.
2. A **Tartalom** fülön a **Cím** mezőbe írd a címsor szövegét.
3. Ha kattinthatóvá szeretnéd tenni, a **Link** mezőbe írd be a cél URL-jét.
4. A **HTML-címke** listából válaszd ki a címke típusát: **H1**-től **H6**-ig, **Div**, **Span** vagy **Bekezdés**.
5. A **Stílus** fülön az **Igazítás** mezővel állítsd be, hol jelenjen meg a cím: balra, középre, jobbra vagy sorkizártan.
6. A **Tipográfia** mezővel állítsd be a betűtípust és a méretet.

![A Cím widget Tartalom füle: Cím, Link és HTML-címke](./kepek/widgetek-cim-tartalom.webp)

*A Cím widget Tartalom füle: Cím, Link és HTML-címke* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

A képen a **Cím** szövegmező, a **Link** mező és a **HTML-címke** lista látszik.

![A Cím widget Stílus füle: Igazítás, Tipográfia, Szöveg körvonala, Szövegárnyék, Keverési mód és Szöveg színe](./kepek/widgetek-cim-stilus.webp)

*A Cím widget Stílus füle: Igazítás, Tipográfia, Szöveg körvonala, Szövegárnyék, Keverési mód és Szöveg színe* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

A képen az **Igazítás** gombjai és a tipográfiai beállítások láthatók, alattuk a **Szöveg színe** a **Normál** és a **Rámutatás** állapothoz.

## A Cím widget beállításai

### Tartalom fül

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A címsor szövege |
| **Link** | URL, amelyre a címsor kattintásra mutat. A fogaskerék ikonnal további linkopciók, az adatbázis ikonnal dinamikus címke érhető el |
| **HTML-címke** | A címsor HTML-címkéje: **H1**-**H6**, **Div**, **Span** vagy **Bekezdés**. A helyes címkézés segíti a keresőket. A címke cseréje nem módosítja a szöveg méretét és stílusát, kivéve ha a téma vagy az Elementor webhelybeállításai külön megadják |

### Stílus fül

| Beállítás | Mit csinál |
|---|---|
| **Igazítás** | A címsor helye: balra, középre, jobbra vagy sorkizárt |
| **Tipográfia** | Betűtípus, méret és egyéb tipográfiai beállítások. Lásd: [Betűtípus, méret és szín](https://hub.hellowp.io/hu/plugins/elementor/stilus-betutipus-meret-es-szin/) |
| **Szöveg körvonala** | Körvonal a szöveg betűi körül. Lásd: [Tipográfia](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-tipografia/) |
| **Szövegárnyék** | Árnyék a szöveghez. Lásd: [Árnyék](https://hub.hellowp.io/hu/plugins/elementor/stilus-arnyek/) |
| **Keverési mód** | Rétegeffektusok, például **Normál**, **Szorzás**, **Képernyő**, **Világosítás**. Lásd: [Keverési módok és szűrők](https://hub.hellowp.io/hu/plugins/elementor/stilus-keveresi-modok-es-szurok/) |
| **Szöveg színe** | A címsor színe, **Normál** és **Rámutatás** állapotban |

### Haladó fül

A **Haladó** fülön a widget helyét, térközeit és egyedi kódját állíthatod, mint a többi widgetnél. Lásd: [Haladó fül](https://hub.hellowp.io/hu/plugins/elementor/stilus-halado-ful/).

## A Cím elem a v4 szerkesztőben

Ez a rész a v4 szerkesztőt használóknak szól. A különbségekről lásd: [A v3 és a v4 szerkesztő különbségei](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-v3-es-v4-kulonbsegek/).

Az elem felvétele és törlése ugyanúgy megy, mint a widgeté. A cím beállítása:

1. Add az elemet a vászonra.
2. Az **Általános** fülön a **Cím** alatt írd be a címsor szövegét.
3. Kattintható címhez kattints a **Link** melletti **+** jelre, és írd be a cél URL-jét.
4. A **HTML-címke** mezővel válaszd ki a címke típusát (a példában **H2** marad).
5. A **Stílus** fülön nyisd meg az **Elrendezés** szekciót. Az **Önigazítás** mezővel megadhatod, hol jelenjen meg a cím a szülőkonténeren belül: **Kezdet**, **Közép**, **Vég** vagy **Nyújtás**.
6. A **Tipográfia** szekcióban állítsd be a méretet és a betűtípust.

### Az Általános fül beállításai

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A címsor szövege |
| **Címke** | A HTML-címke. A helyes címkézés segíti a keresőket |
| **Link** | A **+** jellel adható meg; a címsorra kattintva a látogató a linkre jut. Link esetén megjelenik az **Megnyitás új lapon** kapcsoló |
| **ID** | Azonosító, amellyel az elemre egyedileg hivatkozhatsz |

A **Stílus** fül szekciói: **Elrendezés**, **Térköz**, **Méret**, **Pozíció**, **Tipográfia**, **Háttér**, **Szegély** és **Effektek**. Részletek: [Stílus fül a v4 szerkesztőben](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-tipografia/), [méret](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-meret/), [pozíció](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-pozicio/), [háttér](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-hatter/) és [hatások](https://hub.hellowp.io/hu/plugins/elementor/stilus-v4-hatasok/).

## Az eredmény az oldalon

![Az oldalon a középre igazított „Sütés szeretettel” cím a kék színnel](./kepek/widgetek-cim-es-terkep-elol.webp)

*Az oldalon a középre igazított „Sütés szeretettel” cím a kék színnel* (https://minta-bolt.hu/widget-demo-3/)

A képen a középre igazított cím látszik a Google Térkép widget fölött.