# WPBakery Page Builder

> Prémium, drag‑and‑drop oldalépítő WordPresshez, amellyel kódolás nélkül készíthetsz professzionális, reszponzív elrendezéseket.

## Mi ez és milyen problémát old meg?

A **WPBakery Page Builder** egy vizuális, drag‑and‑drop oldalépítő WordPresshez. Lehetővé teszi, hogy programozás nélkül hozz felépített, reszponzív oldalakat: céges oldalak, landingek, blogok, portfóliók vagy WooCommerce‑oldalak pár perc alatt elkészülhetnek. A cél, hogy gyorsan dolgozhass a meglévő témáddal és bővítményeiddel, miközben egységes dizájnt és mobilbarát élményt adsz – fejlesztői beavatkozás nélkül.

## Hogyan működik röviden?

Két szerkesztőt kapsz:
- **Frontend Editor**: WYSIWYG mód, ahol az oldalt “élőben” látod, és elemeket húzol a vászonra.
- **Backend Editor**: sémás, “drótváz” nézet, ahol gyorsan átrendezheted a struktúrát.

Sorokból és oszlopokból építkezel, ezekbe helyezed a **tartalomelemeket** (szöveg, gomb, kép, rács, ikonok stb.). A motor alatt **shortcode‑ok** futnak, így rugalmas és bővíthető a rendszer.

```text
[vc_row][vc_column width="1/2"][vc_single_image image="123"][/vc_column]
[vc_column width="1/2"][vc_column_text]Saját szöveg[/vc_column_text][/vc_column][/vc_row]
```

## Fő funkciók részletesen

- **50+ beépített elem és add‑on ökoszisztéma**  
  Kész elemekből dolgozhatsz: szövegblokkok, képek, gombok, ikonok, tabok/akkordionok, videók, galériák, számlálók, rácsok. Több száz bővítmény egészíti ki az alapkészletet, így szinte bármilyen UI‑mintát le tudsz fedni.

- **Advanced Grid Builder**  
  Dinamikus **rácsok** blogbejegyzésekhez, médiához vagy egyedi bejegyzéstípusokhoz. Választhatsz 40+ előkészített stílusból, bekapcsolhatsz **szűrőket**, **lapozást**, és saját **lekérdezést** állíthatsz össze – kódolás nélkül.

- **Sablonok és Template Library**  
  Bármelyik elrendezésedet **sablonként** elmentheted, majd újra felhasználhatod más oldalakon. Az online **sablonkönyvtár** professzionális, letölthető layoutokat kínál gyors induláshoz.

- **Design Options és Skin Builder**  
  Vezéreld a **teljes szélességű/felmagasított szekciókat**, **parallax** képet/videót, **Google Fonts** tipográfiát, ikonkönyvtárakat, képszűrőket és adj hozzá **egyedi CSS‑t**. Reszponzív vezérlőkkel külön beállíthatod mobil/tablet/desktop nézetet.

- **Role Manager és jogosultságok**  
  Pontosan meghatározhatod, ki mely **poszttípusokon** és melyik editorban (frontend/backend) szerkeszthet. Ügynökségi vagy több‑szerzős környezetben ez nagyban csökkenti a hibázás esélyét.

- **WooCommerce és népszerű integrációk**  
  Termékek, kategóriák és promóciós blokkok villámgyors összerakása. Kompatibilis többek között SEO‑, többnyelvűségi, űrlap‑ és slider bővítményekkel, valamint multisite környezetben is használható.

- **Shortcode Mapper**  
  Bármely külső shortcode‑ot **vizuális elemmé** alakíthatsz, így a csapatodnak nem kell kódokat másolgatni – egyszerűen paraméterezhető UI‑t kapnak.

- **WPBakery AI**  
  Beépített asszisztens **szövegíráshoz**, **fordításhoz** és célzott **CSS/JS** kódrészletek generálásához – közvetlenül az editorból. Gyorsítja a tartalomkészítést és finomhangolást.

- **Beépített SEO Toolkit és Gutenberg‑kompatibilitás**  
  Meta‑ és social snippetek kezelése az editorból, valamint **Gutenberg blokk** beágyazása a layoutba, ha vegyes tartalomra van szükséged.

- **Teljesítmény és friss fejlesztések**  
  Okosabb script‑betöltés, optimalizált betűtípus‑kezelés, új **Google Maps** elem, **Font Awesome 6**, és az AI‑hoz kapcsolódó **API** az egyedi elemekben – mind a gyorsabb, stabilabb oldalakat szolgálják.

## Gyakorlati példák

1. **Landing oldal 30 perc alatt**  
   - Hozz létre egy teljes szélességű hős szekciót háttérképpel és gombbal.  
   - Adj hozzá 3 oszlopos szolgáltatás‑blokkot ikonokkal.  
   - Zárd egy CTA sávval és űrlappal.  
   Ezt sablonként elmentheted, és minden kampányhoz újra felhasználhatod.

2. **Blogrács szűrőkkel**  
   - Az Advanced Grid Builderrel készíts masonry rácsot a “Hírek” kategóriára.  
   - Kapcsold be a kategória‑szűrőt és lapozást.  
   - Válassz előre beállított kártyastílust, majd finomítsd a spacinget.

3. **WooCommerce termékkiemelés**  
   - Húzd be a terméklista elemet az akciós termékek lekérdezésével.  
   - Adj hozzá árjelvényt, “Kosárba” gombot, és állíts be 4 oszlopot desktopon, 2‑t mobilon.

4. **Ügynökségi jogosultságok**  
   - A Role Managerrel engedélyezd az ügyfélnek csak a Frontend Editort a “Page” poszttípusra.  
   - Így ő frissíti a tartalmat, te pedig megőrzöd a struktúra integritását.

5. **AI‑val gyorsított finomhangolás**  
   - Kérj rövid, magyar összefoglalót egy hosszú cikkből.  
   - Generáltass CSS‑t a gomb árnyékához; illeszd be az elem egyedi CSS mezőjébe.

## Előnyök és értékajánlat

- **Időmegtakarítás**: sablonok, kész elemek és drag‑and‑drop szerkesztés.  
- **Kódmentes rugalmasság**: fejlesztő bevonása nélkül hozol létre haladó layoutokat.  
- **Egységes dizájn**: reszponzív vezérlők és globális tipográfia.  
- **Biztonságos munkafolyamat**: Role Manager, sablonosítás, automatikus mentés.  
- **Ökoszisztéma‑kompatibilitás**: témákkal és népszerű pluginekkel együttműködik.

## Kinek ajánlott?

- **KKV‑k és marketingcsapatok**: gyors landingek, A/B variációk, kampányoldalak.  
- **Ügynökségek**: folyamat‑ és jogosultságkezelés, újrafelhasználható sablonbázis.  
- **Tartalomkészítők és bloggerek**: vizuális szerkesztés, dinamikus listázások.  
- **Webshop‑tulajdonosok**: WooCommerce termékkiemelések és kategóriaoldalak.  
- **Fejlesztők**: shortcode‑alapú API, egyedi elemek, AI‑integráció.

## Licencelés és támogatás

- **Egyszeri díjas, élethosszig tartó licenc**: egy webhelyre szóló Regular licenc.  
- **Support Plus**: 1 év támogatás és extrák (egy kattintásos frissítések, Template Library, WPBakery AI, tipográfia). A támogatás évesen megújítható.

## Tippek a kezdéshez

- Indíts a **Backend Editorban** a szerkezet gyors összerakásához, majd válts **Frontend Editorra** vizuális finomhangoláshoz.  
- Ments el mindent **sablonként** (fejléc‑rész, CTA sáv, lábléc), és építkezz ezekből.  
- A **Shortcode Mapperrel** csomagold UI mögé a gyakran használt külső shortcode‑okat.  
- Használd a **WPBakery AI‑t** szövegvázlatokra és apró CSS finomításokra – hatalmas időnyerés.

Ezzel a bővítménnyel pontosan azt kapod, amire a tartalomgyártáshoz és oldalépítéshez szükséged van: gyors, vizuális munkafolyamatot, széleskörű kompatibilitást és profi végeredményt – mindezt kódolás nélkül.