Tartalomkezelés

A Gutenberg blokk-szerkesztő használata

Teljes útmutató a Gutenberg blokk-szerkesztőhöz: blokkok, oszlopok és összetett layoutok létrehozása.

Utolsó frissítés: 2026. 03. 30.

A Gutenberg Blokk-Szerkesztő Használata

A Gutenberg a WordPress modern szövegszerkesztője, amely egy blokk-alapú megközelítést használ. Ez a cikk bemutatja, hogyan lehet a leghatékonyabban használni.

A Gutenberg felhasználói felülete

A Gutenberg felhasználói felülete a következő elemekből áll:

  • Szerkesztő terület: Központi terület, ahol a tartalmat szerkeszted
  • Jobb panel: Blokk beállításokat tartalmazó panel
  • Felső eszköztár: Az szerkesztés eszközei és gombjainak
  • Blokk-navigátor: Az oldal összes blokkját egy fában jeleníti meg

Az első blokk hozzáadása

  1. A szerkesztő terület tetején kattints az „+” ikonra
  2. Egy blokk-választó jelenik meg
  3. Válaszd ki a kívánt blokkot (például „Bekezdés”)
  4. A blokk hozzáadódik az oldal végéhez
  5. Írd be a szöveg-tartalmat

Az alapvető blokkok

Az alábbiak a leggyakrabban használt blokkok:

  • Bekezdés: Az alapszöveg tartalmához
  • Cím: A fejlécek (H1, H2, H3, stb.)
  • Kép: Képek beszúrásához
  • Galléria: Több kép megjelenítéséhez
  • Lista: Felsorolásokhoz
  • Idézet: Az idézetek formázásához
  • Kódblokk: A programozási kód megosztásához

Oszlopok és összetett layoutok

Az összetett layoutok létrehozásához oszlopok blokkját használd:

  1. Az „+” ikonra kattintva add hozzá az „Oszlopok” blokkot
  2. Válaszd ki az oszlopok számát (1, 2, 3, stb.)
  3. Adjon meg blokkokat az egyes oszlopokhoz
  4. Az oszlopok szélessége automatikusan alkalmazkodik

A blokkok beállítása

Amikor egy blokkra kattintasz, a jobb panel megmutatja az adott blokk beállításait:

  • Szín: A szöveg és a háttér színe
  • Betűtípus mérete: A szöveg mérete
  • Igazítás: A szöveg pozicionálása
  • Margó és térköz: A blokk körüli távolsággal

A blokkok törlése és mozgatása

  • Törlés: Jobb klikk a blokkon és válaszd a „Törlés” lehetőséget
  • Mozgatás: Az oldal bal oldalán a nyilakra kattintva mozgathatsz blokkokat fel és le
  • Másolás: Jobb klikk a blokkon és válassza a „Másolás” lehetőséget
Vissza a Tudástárba