# CrocoBuilder

> A Crocoblock önálló WordPress-oldalszerkesztője, amely tiszta HTML-t és saját CSS-t ír, és MI-ügynökökkel is összekapcsolható.

A CrocoBuilder a Crocoblock saját oldalszerkesztője. Nem egy másik szerkesztő kiegészítője, hanem önálló termék, amely a JetPlugins mellé készült.

A gyártó szerint a szerkesztőben egy elem egy elemet ad a HTML-ben, felesleges burkolók és generált osztálynevek nélkül.

## Mire jó

- Ha olyan szerkesztőt keresel, amely a saját stíluslapodat és az általad adott osztályneveket használja.
- Ha design-rendszert építenél változókkal és globális osztályokkal egy helyen.
- Ha dinamikus tartalmat jelenítenél meg lekérdezésekkel, a JetEnginenel együtt.
- Ha MI-ügynököt kapcsolnál az oldalépítéshez (MCP).

## Mit tud

| Funkció | Mire való |
|---|---|
| **Alapelemek** | Címsor, szöveg, kép, link, SVG, navigációs menü, blokk (a HTML-címke választható) és rács |
| **Collection** | Tabok, harmonika, slider vagy oszlopok ugyanabból az elemből |
| **Query Loop** | Adatvezérelt, dinamikus ciklus |
| **CSS Classes Manager, CSS Variables** | Osztályok és változók kezelése egy helyen, exportálható CSS-ként vagy JSON-ként |
| **Interactions, State Manager** | Esemény és művelet alapú interakciók, hover, fókusz és egyedi állapotok |
| **Display Conditions** | Megjelenítési feltételek |
| **Mobile Breakpoint Manager** | Egyedi töréspontok |
| **Theme Builder** | Sablonok a webhely szerkezetéhez |
| **Component Builder, Query Builder** | Saját komponensek és lekérdezések |

Az MI-asszisztens a generálás előtt beolvassa a projekt változóit, osztályneveit, színeit és betűtípusait. A gyártó GitHub-alapú verziókezelést és MCP-integrációt is ír. Harmadik fél saját elemeket regisztrálhat a WordPress elemregisztrációs API-ján át.

## Mikor nem ez kell

- A beépített elemek száma szándékosan kevés, a többit harmadik féltől származó elemekkel bővítheted.
- A gyártó oldala nem közöl rendszerkövetelményeket, ezeket a telepítés előtt érdemes megnézned a dokumentációban.
- Önálló szerkesztő, nem egy másik szerkesztő kiegészítője.

## Első lépések

1. Telepítsd és kapcsold be a bővítményt.
2. Hozz létre egy oldalt, és nyisd meg a CrocoBuilder szerkesztőjében.
3. Állítsd be a változókat és az osztályokat a CSS-kezelőkben, mielőtt elemeket építesz.
4. Dinamikus tartalomhoz használd a Query Loop elemet, JetEngine-nel együtt.

> **Megjegyzés**
>
> A menüpontok pontos nevét a gyártó cikke nem közli. Hogy a szerkesztő hol nyílik meg nálad, azt a telepítés után a WordPress felületén látod.

## Hasznos linkek

- [Dokumentáció](https://crocoblock.com/knowledge-base/plugins/crocobuilder/)
- [A CrocoBuilder bemutatása a Crocoblockon](https://crocoblock.com/blog/crocobuilder-ai-native-wordpress-page-builder/)
- [A CrocoBuilder MCP-megoldása](https://crocoblock.com/crocobuilder-mcp-solution/)