Egyéni HTML blokk

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.

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

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.