# Szöveg, elválasztók és üzenetek

> A szövegblokk, az elválasztók, az üzenetdoboz, a közösségi gombok, a GYIK, az egyedi címsor, az ikon, az üres hely és a szerzői jogi sor beállításai.

Ebben a fejezetben a szöveges és díszítő elemek beállításait találod. Minden elemnek van **Design options** füle (szegély, háttér, **CSS animation**), valamint **Elem ID** és **Extra osztálynév** mezője. Az azonosító legyen egyedi és érvényes, az osztálynévvel a saját CSS-edből hivatkozhatsz az elemre. Ezeket lent nem ismételjük meg.

## Text block

Bekezdésszöveg a vizuális szerkesztővel. A szerkesztő a **Vizuális** és a **Kód** nézet között váltható, a **Média hozzáadása** gombbal képet és videót is beszúrhatsz. A mező a **Szöveg** (**Tartalom**) nevet viseli.

## Elválasztó

Vízszintes elválasztó vonal az oldalon.

![Az elválasztó szerkesztőablaka](./kepek/szerkesztes-elem-elvalaszto.webp)

*Az elválasztó szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Igazítás** | Balra, középre vagy jobbra igazítja a vonalat. |
| **Szín** | A vonal színe: előre megadott szín, vagy színválasztóval, illetve RGB-kóddal megadott egyedi szín. |
| **Stílus** | A vonal kinézete: folytonos, pontozott, szaggatott, árnyékos stb. |
| **Szegélyvastagság** | A vonal vastagsága képpontban. |
| **Elem szélessége** | A vonal szélessége az oszlopon belül, százalékban. |

## Separator with text

Elválasztó vonal szöveggel, amely a vonal közepén, bal vagy jobb oldalán állhat.

![A feliratos elválasztó szerkesztőablaka](./kepek/szerkesztes-elem-feliratos-elvalaszto.webp)

*A feliratos elválasztó szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

Az előző elem beállításai itt is megvannak (**Igazítás**, **Stílus**, **Szín**, **Szegélyvastagság**, **Elem szélessége**), ezen kívül:

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A vonalon megjelenő szöveg. |
| **Cím pozíciója** | A szöveg helye: bal oldalon, középen vagy jobb oldalon. |
| **Ikon** | Bekapcsolva ikont adhatsz az elválasztóhoz az ikonkönyvtárból (külön **Ikon** fül jelenik meg). |

## Zigzag separator

Cikkcakk alakú elválasztó vonal, SVG-grafikával. Beállításai: **Igazítás** (bal, közép, jobb), **Szín**, **Elem szélessége** (százalékban) és **Szegélyvastagság** (alapérték: közepes).

## Message box

Feltűnő üzenet a webhelyen, például siker, hiba vagy figyelmeztetés megjelenítésére.

![Az üzenetdoboz szerkesztőablaka](./kepek/szerkesztes-elem-uzenetdoboz.webp)

*Az üzenetdoboz szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Tartalom** | Az üzenet szövege a vizuális szerkesztővel. |
| **Presets** | Kész üzenetdoboz-kinézetek közül választhatsz, vagy az **Egyéni** értéket, ha te állítanád be a stílust. |
| **Stílus**, **Forma**, **Szín** | Az üzenetdoboz stílusa, alakja és színe. |
| **Ikonkönyvtár**, **Ikon** | Az üzenetben megjelenő ikon forrása és maga az ikon. |

## Közösségi gombok

| Elem | Beállítások |
|---|---|
| **Facebook Tetszik** | A **Gomb típusa** mezőben kész gombelrendezések közül választasz. |
| **X button** | A **Típus** mezőben négy lehetőség közül választasz: hivatkozás megosztása, követés, hashtag, említés. A választott típustól függően további mezők jelennek meg: **Share custom URL**, **Share custom title**, **Forrás @**, **Ajánlás @**, **Hashtag #**, **Nagy gomb használata**, **Opt-out of tailoring**. A **Nyelv** mezővel a gomb nyelvét állíthatod. |
| **Pinterest** | A **Gomb típusa** mezőben a gomb elrendezését választod ki. |

A Google+ gomb elavult, lásd az [Elavult elemek](https://hub.hellowp.io/hu/plugins/js_composer/szerkesztes-egyeb-es-elavult/) fejezetet.

## GYIK (lenyíló elem)

Összecsukható és kinyitható blokk, jól használható gyakori kérdésekhez.

![A GYIK elem szerkesztőablaka](./kepek/szerkesztes-elem-gyik.webp)

*A GYIK elem szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A lenyíló címe, amely a nyitó- és záróikon mellett látszik. |
| **Custom font** | Egyedi betűkészletet engedélyez a címhez (külön **Cím** fül jelenik meg). |
| **Tartalom** | A lenyíló szövege a vizuális szerkesztővel. |
| **Stílus** | A lenyíló kinézete. |
| **Méret** | A lenyíló mérete: **S**, **M** vagy **L**. |
| **Ikon színe** | A nyitó- és záróikon színe. |
| **Open by default** | Bekapcsolva az elem alapból kinyitva jelenik meg, kikapcsolva összecsukva. |

## Custom heading

Egyedi címsor Google Fonts betűkészlettel. Ha nem latin karaktereket használsz, kapcsold be a megfelelő betűkészlet-részhalmazt a **WPBakery Page Builder → Általános beállítások** oldalon.

![Az egyedi címsor szerkesztőablaka](./kepek/szerkesztes-elem-egyedi-cimsor.webp)

*Az egyedi címsor szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Source** | A szöveg forrása, például **Egyéni szöveg**. |
| **Tartalom** | A címsor szövege. |
| **Post or page link** | Hivatkozás a címsorra. |
| **Elemcímke** | A címsor HTML-címkéje (az alapérték h2, a h1 is választható). |
| **Betűméret** | A betűméret. Ha üresen hagyod, a sablon adott címkéhez tartozó mérete érvényes. |
| **Sormagasság** | A sorok közti távolság. |
| **Szín** | A szöveg színe. |
| **Igazítás** | Balra, középre, jobbra vagy sorkizárt. |
| **Use theme default font family** | A sablon alapértelmezett betűkészletét használja. Bekapcsolva a **Font family** és a **Betűstílus** beállítás kikapcsol. |
| **Font family** | A Google Fonts betűkészletek előre megadott listája. |
| **Betűstílus** | A választott betűkészlethez elérhető stílusok: vékony, normál, félkövér, dőlt stb. |
| **Font preview** | Előnézet a kiválasztott betűkészletről és stílusról. |

## Ikon

Ikon a következő könyvtárakból: Font Awesome, Open icons, Typicons, Entypo, Linecons (az **Ikonkönyvtár** listában további források is lehetnek).

![Az ikon szerkesztőablaka](./kepek/szerkesztes-elem-ikon.webp)

*Az ikon szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Ikonkönyvtár**, **Ikon** | Az ikon forrása és maga az ikon. |
| **Méret** | **XS**, **S**, **M**, **L** vagy **XL**. |
| **Igazítás** | Az ikon helye az oszlopban. |
| **Szín** | Az ikon színe, egyedi szín is választható. |
| **Háttéralakzat** | Az ikon háttérének alakja (alapérték: **Nincs**). Ha választasz, megjelenik a háttér színe is. |
| **Link** | Az ikonra kattintva megnyíló hivatkozás. |

## Empty space

Üres hely két elem között megadott magassággal. Egyetlen saját beállítása a **Magasság**.

## Copyright

Szerzői jogi sor, amelyben az évszám automatikusan frissül. Beállításai: **Prefix** (az évszám előtti szöveg), **Postfix** (az évszám utáni szöveg) és **Igazítás** (balra, középre vagy jobbra).