# Egyéni HTML blokk

> Saját HTML, CSS és JavaScript kód beillesztése az oldalba, előnézettel, és a jogosultságokhoz kötött korlátozások.

Az **Egyéni HTML** blokkal saját HTML-kódot illeszthetsz be az oldalba vagy a bejegyzésbe. Akkor jó, ha egy külső szolgáltatótól kapott beágyazókódot vagy egy kisebb, kézzel írt kódrészletet kell megjeleníteni, amire nincs külön blokk.

Az ilyen blokkban három panel van: **HTML**, **CSS** és **JavaScript**. A **CSS** és a **JavaScript** panel csak azoknak jelenik meg, akiknek van „nem szűrt HTML” (`unfiltered_html`) jogosultságuk. Ha nincs ilyen jogosultságod (például közreműködő vagy), a WordPress mentéskor megszűri a blokk tartalmát: a nem engedélyezett elemeket, például a `<script>` és az `<iframe>` címkét eltávolítja. Ilyenkor a két további panel sem látszik.

## A blokk hozzáadása

1. Kattints a szerkesztő bal felső sarkában a blokkválasztó (**+**) ikonra, és keresd meg az **Egyéni HTML** blokkot.
2. Vagy írd be egy új bekezdésbe, hogy `/html`, és nyomj Entert.

## A kód szerkesztése

1. Jelöld ki a blokkot, és kattints az eszköztáron a **Kód szerkesztése** gombra (üres blokknál a blokkban lévő gomb is ugyanezt nyitja).
2. A megnyíló ablakban a bal oldali szerkesztőbe írd vagy másold be a kódot. A jobb oldalon azonnal látod, hogyan fog kinézni.
3. A tetején a **HTML**, **CSS** és **JavaScript** fülek közt válthatsz. A jobb felső sarok ikonjával teljes képernyőre nagyíthatod az ablakot.
4. Ha kész vagy, kattints a **Frissítés** gombra. A **Mégsem** gomb elveti a módosítást.

![Az Egyéni HTML blokk szerkesztőablaka: balra a kód, jobbra az előnézet](./kepek/blokkok-2-egyedi-html-szerkeszto.webp)

*Az Egyéni HTML blokk szerkesztőablaka: balra a kód, jobbra az előnézet* (https://minta-bolt.hu/wp-admin/post.php?post=10&action=edit)

A képen a bal oldali panelben a beírt kód, a jobb oldalon a belőle készült előnézet látszik.

## Eszköztár

![Az Egyéni HTML blokk eszköztára a Kód szerkesztése gombbal](./kepek/blokkok-2-egyedi-html-blokk.webp)

*Az Egyéni HTML blokk eszköztára a Kód szerkesztése gombbal* (https://minta-bolt.hu/wp-admin/post.php?post=10&action=edit)

Az eszköztáron balról jobbra ezek vannak:

| Elem | Mit csinál |
|---|---|
| Blokktípus ikon | A blokk típusát mutatja (HTML). |
| Hat pont | Húzással a blokkot máshová viheted az oldalon. |
| Fel és le nyilak | A blokkot egy hellyel feljebb vagy lejjebb mozgatják. |
| **Kód szerkesztése** | Megnyitja a kódszerkesztő ablakot. |
| Három pont | További lehetőségek: másolás, többszörözés, átnevezés. |

## Beállítások

Az oldalsáv **Blokk** fülén az Egyéni HTML blokknak nincs külön beállítása.