# Gutenberg, WooCommerce, külső bővítmények és elavult elemek

> A Gutenberg elem, a WordPress-widgetek, a WooCommerce-elemek, a támogatott külső bővítmények és az elavult elemek.

## Gutenberg elem

A **Gutenberg editor** elem a WordPress blokkszerkesztőjét illeszti be az elrendezésbe. A szerkesztőt a szövegmező megnyitja. Az **Elem ID**, az **Extra osztálynév** és a **Design options** fül itt is elérhető, a **CSS animation** a **Design options** fülön van.

## Alapértelmezett WordPress-widgetek

Az összes alapértelmezett WordPress-widget megjelenik az **Elem hozzáadása** ablak elemlistájában. Mindegyiknek van **Widget címe** (a widget fölött megjelenő cím), **Elem ID** és **Extra osztálynév** mezője, a többi beállítás a widgettől függ.

## WooCommerce elemek

Ha a WooCommerce és a WPBakery Page Builder is telepítve van, a WooCommerce összes shortcode-ja automatikusan elemként elérhető az **Elem hozzáadása** ablakban.

## Támogatott külső bővítmények

A WPBakery Page Builder a következő népszerű bővítményekhez ad beépített támogatást:

1. Layer Slider
2. Revolution Slider
3. Contact Form 7
4. Gravity Forms
5. Ninja Forms
6. ACF
7. WooCommerce
8. Essential Grid

## Elavult elemek

Az alábbi elemek régi változatok, új oldalakon használd helyettük a megfelelő mai elemet.

| Elavult elem | Mire való, és mit használj helyette |
|---|---|
| **Google+** gomb | Google+ gomb. Beállításai: **Button size** (a gomb mérete), **Annotation** (a gomb mellett megjelenő megjegyzés típusa). |
| **Button 1.0** | Gomb ikonnal vagy anélkül. Beállításai: a gomb szövege, a hivatkozás, szín, ikon (alapérték: nincs), méret. A mai **Gomb** elem váltja. |
| **Button 2.0** | Gomb többféle színnel és stílussal. Beállításai: szöveg, hivatkozás, igazítás, stílus (négyzetes, lekerekített, körvonalas, kerek stb.), szín, méret. A mai **Gomb** elem váltja. |
| **Post carousel** | A webhely bejegyzéseit karusszelben jeleníti meg. Ne tedd ugyanazon bejegyzéstípus oldalára, mert végtelen ciklust okoz. |
| **Call to action 1.0** | Cselekvésre ösztönző blokk szöveggel és gombbal. Beállításai: szöveg, a gomb szövege, színe, ikonja és mérete, a gomb pozíciója, animáció. A mai **Call to action** váltja. |
| **Call to action 2.0** | Cselekvésre ösztönző blokk címsorral, szöveggel és gombbal. Beállításai: első és második címsor, a blokk stílusa (kerek, négyzetes stb.), szélessége százalékban, a szöveg igazítása, egyedi háttérszín (átlátszóság is állítható), a promóciós szöveg, a gomb szövege, hivatkozása, stílusa, színe, mérete és pozíciója. A mai **Call to action** váltja. |
| **Tabs 1.0** | Fülek. A tároló beállításai: **Widget címe**, automatikus fülváltás másodpercben, extra osztálynév. Egy fül beállításai: a fül címe és az azonosítója (nem módosítható, hivatkozásban használható). A mai **Fülek** elem váltja. |
| **Tour 1.0** | Körbevezetés. A beállítások megegyeznek a **Tabs 1.0** elemével. A mai **Körbevezetés** váltja. |
| **Accordion 1.0** | Harmonika. A tároló beállításai: **Widget címe**, az aktív szakasz száma (a `false` megadásával mind összecsukva marad), az összes szakasz összecsukhatósága, extra osztálynév. Egy szakasz beállítása a címe. A mai **Harmonika** váltja. |

Az elavult összetett elemekbe (fülek, körbevezetés, harmonika) más összetett elem nem ágyazható.