WordPress Gutenberg bejegyzésszerkesztő és Bejegyzések fül bemutatása

Ebben a leckében a WordPress „Bejegyzés” füle, illetve a Gutenberg névre keresztelt bejegyzésszerkesztő kerül bemutatásra.

Bejegyzés fül

A WordPress admin felületén, a bal oldalsó sávban található „Bejegyzések” fülre kattintva találhatjuk az eddig elkészített bejegyzéseket. Ezek a bejegyzések a cikkek, azaz azok a tartalmak, amelyek kikerülnek a weboldalra.

Egy frissen feltelepített WordPress rendszerben alapértelmezetten található egy „Helló Világ!” bejegyzés, hogy szemléltetni tudják a működését, ezt nyugodtan törölhetjük a „Lomtár” gombbal, majd ezt ne felejtsük el törölni a lomtárból is.

A „Bejegyzések” fülön látszik az összes eddig elkészített bejegyzés. A bejegyzéseknek két állapota lehet:

• Közzétett: látszik a weboldalon
• Vázlat: még nincs közzétéve, így nem látszik a weboldalon

Illetve vannak még olyan bejegyzések, amelyek a Lomtárban találhatóak, ezek azok, amelyekre már nincs szükségünk, így töröltük őket.

Ha egy bejegyzésre ráhúzzuk az egeret, akkor az alábbi pontok ugranak fel:

• Szerkesztés: ezzel módosíthatjuk a bejegyzés tartalmát, címét, kategóriáit stb, azaz mindent, ami a bejegyzéshez kapcsolódik
• Gyorsszerkesztés: a bejegyzés fontosabb elemeit módosíthatjuk: cím, URL, dátum, kategóriák, címkék
• Lomtár/Helyreállítás: ha a bejegyzés közzé van téve, vagy vázlat állapotban van, akkor törölhetjük, vagy ha már töröltük, akkor visszaállíthatjuk a helyreállítás gombbal
  • Végleges törlés: ha úgy gondoljuk, hogy már nem lesz szükségünk a bejegyzésre, akkor törölhetjük véglegesen
• Megtekintés/Előnézet: publikált állapotban megnézhetjük az éles bejegyzést, míg vázlatként megtekinthetjük, hogy hogy néz ki a bejegyzés előnézete

Új bejegyzés létrehozásához a felső menüsorban kell az „Új” gombra kattintanunk, vagy a bal oldali menüben a „Bejegyzések” fülön belül az „Új hozzáadása” gombra.

Gutenberg bejegyzésszerkesztő

Kattintás után a Gutenberg szerkesztő fogad minket, amelyben elkészíthetjük a publikálandó cikkünket, tartalmunkat az oldalra.

Felül alapvető eszközsávot láthatunk, amely segítségével új elemeket adhatunk a bejegyzéshez, visszavonhatjuk a módosításokat, vagy pedig áttekinthetjük vázlatosan eddigi munkánkat. Szintén felül, de a jobb oldalt menthetjük eddigi munkánkat vázlatként, hogy később folytatni tudjuk, az „Előnézet” gomb segítségével megtekinthetjük valós nézetben azt, hogy hogyan áll az eddigi munkánk, míg a Közzététel gomb segítségével élessé tehetjük eddig munkánkat.

A „Közzététel” gombot megnyomva beállíthatjuk a láthatóságot, illetve a közzététel időpontját.

A láthatóság az alábbi három értéket veheti fel:

• Nyilvános: a bejegyzés bárki számára megtekinthető
• Magán: csak a megfelelő jogosultsággal rendelkezők tekinthetik meg a bejegyzést
• Jelszóval védett: a bejegyzést csak azok tudják megtekinteni, akik tudják a hozzátartozó jelszót

A „Közzététel” alatt megadhatjuk, hogy a bejegyzés azonnal közzé legyen téve, vagy pedig csak egy későbbi időpontban.

Továbbhaladva láthatunk egy „Bejegyzés” és egy „Blokk” fület. Az előbbiben magával a bejegyzéssel kapcsolatos dolgokat állíthatunk be, míg az utóbbiban konkrétan a bejegyzés egyes elemeit, például egy szövegrészt szabhatunk személyre.

A „Bejegyzés” alatt láthatjuk szintén a láthatóságot, a közzététel időpontját, a leendő URL-t, amin majd a bejegyzés elérhető lesz, illetve választhatunk szerzőt a cikkhez.

Ezenfelül a bejegyzést kategóriákba sorolhatjuk, címkéket, kiemelt képet adhatunk hozzá, illetve írhatunk egy rövid kivonatot, hogy miről szól a cikk, ez jelenik meg a weboldalon a kategóriákban, vagy a keresőkben a cím alatt. Végül pedig láthatunk egy „Beszélgetés” fület, ahol a bejegyzéshez való hozzászólást szabályozhatjuk.

Először adjunk a bejegyzésnek címet, majd a felül látható, vagy a bejegyzés tartalmában látható plusz jellel adhatunk hozzá a bejegyzéshez újabb tartalmakat.

Gutenberg blokkok

Most pedig nézzük meg a Gutenberg bejegyzésszerkesztő által kínált blokkokat. Az alábbi képen láthatjátok az összes jelenlegi blokkot WordPress 6.1.1-es verzió alatt.

Pár gyakran használtat kiemelünk és be is mutatunk. Fontos, hogy ezek a blokkok nem csak bejegyzésekben használhatók fel, hanem bárhol, ahol a weboldalon felhasználhatunk blokkokat, így egy blokkalapú sablonszerkesztőben is, vagy pedig widgetként elhelyezhetjük őket a láblécben, vagy pedig az oldalsávban.

Bekezdés

Ezzel egy újabb szöveges szekciót adhatunk hozzá a tartalmunkhoz, csak úgy, mint nyelvtan és irodalom órákon, itt is vizuálisan elkülönülnek egymástól a bekezdések. Két bekezdés között nagyobb távolság található. Példaként elmondhatjuk, hogy ahol ez a szöveg található ez egy bekezdés.

Illetve ez egy másik bekezdés. Ugye látjátok a kettő közötti teret?

Címsor

A címsorok a szövegek monotonitásának megtörésére vannak, illetve ezekkel tudjuk jelezni, hogy az adott rész miről szól.

Lista

A listákat gondolom senkinek sem kell bemutatni, készíthetünk számozott és számozatlan listákat.

• Így
• néz
  • ki
• egy
• lista.

1. Így
2. meg
   1. egy
3. másik.

Idézet

Készíthetünk idézeteket is, amelyekhez megadhatjuk a szerzőt is. Íme egy példa:

Az ég kék.

Egy random arc

Kód

A bejegyzésben kódokat is jeleníthetünk meg, ez nem fog lefutni, csak megjelenítésre szolgál. Ha azt szeretnénk, hogy működjön is, akkor „Egyéni HTML”-re van szükségünk.

Példa:

<p style="background-color:red;">SZÖVEG</p>
Code language: HTML, XML (xml)

Egyéni HTML

Ezek olyan HTML kódok, amelyek már le is futnak, és megjelenítődnek a weboldalon, bejegyzésben.

Példa:

SZÖVEG

Táblázat

Természetesen táblázatok készítésére is van lehetőség a WordPress-ben, sőt ezeket akár formázhatjuk is.

Példák:

cella	cella
cella	cella

fejrész	fejrész
cella	cella
cella	cella

fejrész	fejrész
cella	cella
cella	cella

Kép

Természetesen szúrhatunk be képeket is a bejegyzésekbe, ahogy ebben a leckében is láthattátok. A beszúrt képeket akár formázhatjuk is, széleiket lekerekíthetjük, méretüket módosíthatjuk stb.

Támogatott képformátumok:

• .png
• .gif
• .jpg
• .jpeg
• .ico
• .bmp
• .webp

Példák:

Galéria

Ha több képünk van, akkor készíthetünk belőlük galériát is.

Audió

Tölthetünk fel és jeleníthetünk meg audiofájlokat is a bejegyzésekben.

Jelenleg támogatott fájlformátumok:

• .mp3
• .m4a
• .ogg
• .wav

Fájl

Sőt még fájlokat, dokumentumokat is tölthetünk fel, például Word, PDF és egyéb fájlformátumú fájlokat is.

Támogatott dokumentum fájlformátumok:

• doc
• .docx
• .odt
• .pdf
• .psd
• .ppt
• .pptx
• .pps
• .ppsx
• .xls
• .xlsx

Videó

A videók sem maradhatnak ki, így ezeket is elhelyezhetünk a bejegyzéseinkbe.

Támogatott videóformátumok:

• .avi
• .mpg
• .mov
• .mp4,
• .m4v
• .ogv
• .wmv
• .3gp
• .3g2

Gombok

Lehetőségünk van gombok létrehozására is WordPress-ben, ezekre helyezhetünk el linkeket, amelyek segítségével átnavigálhatunk egy másik oldalra. Ezeket a gombokat teljes mértékben személyre szabhatjuk, változtathatjuk az alakjukat, a színüket, a tartalmukat stb.

Példák:

Naptár

Akár naptárakat is beszúrhatunk a bejegyzésekbe, amelyekben láthatjuk az elmúlt és az elkövetkezendő napok eseményeit, például a nemrég publikált bejegyzéseket.

YouTube

Számos platform tartalmait ágyazhatjuk be a weboldalunkba widgetként, így bejegyzéseinkbe is. Nincs ez másképp a YouTube videókkal sem, ha a videót feltöltő személy engedélyezte, hogy a videója beágyazható legyen, akkor a WordPress rendszere elvégzi a feladatot helyetted, neked csak a videó URL címére van szükséged.

Példa:

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!

#CMS ismeretek #Magyar WordPress tutorial #Webfejlesztés #WordpPess magyar tutorial #WordPress alapok #WordPress alapok kezdőknek #WordPress bejegyzések #WordPress blogkészítés #wordpress gutenberg #WordPress honlap készítése #WordPress ismeretek #WordPress magyar #WordPress oktatás #WordPress tananyag #WordPress Vezérlőpult #WordPress weboldal készítés lépésről lépésre