Ennek az új szerkesztőnek az a célja, hogy a gazdag tartalom hozzáadása a WordPresshez egyszerű és élvezetes legyen. Ez a bejegyzés teljes egészében tartalmi elemekbőláll – hasonlóan a LEGO-kockákhoz –, amelyeket mozgathatsz és amelyekkel interakcióba léphetsz. Ha a kurzort ide-oda mozgatod, észreveheted, hogy a különböző blokkok kontúrral és nyilakkal jelölődnek meg. A nyilakra kattintva gyorsan áthelyezheted a blokkokat, anélkül, hogy attól kellene tartanod, hogy a másolás és beillesztés során elveszítenél valamit.

Amit most olvasol, az egy szövegblokk – a legegyszerűbb blokktípus. A szövegblokknak saját vezérlőelemei vannak, amelyek segítségével szabadon elhelyezhető a bejegyzésen belül…

… mint ez itt, amelyik jobbra igazítva van.

A címsorok szintén külön blokkokat alkotnak, ami elősegíti a tartalom vázlatának kialakítását és rendszerezését.

Egy kép többet mond ezer szónál

A képek és a médiaelemek rendkívüli gondossággal történő kezelése az új szerkesztő egyik legfontosabb célja. Reméljük, hogy a képaláírások hozzáadását és a képek teljes szélességű megjelenítését sokkal egyszerűbbnek és megbízhatóbbnak fogod találni, mint korábban.

Próbáld meg kijelölni, majd eltávolítani vagy szerkeszteni a feliratot – így nem kell attól tartanod, hogy véletlenül a képet vagy más szöveget jelölöd ki, és ezzel tönkreteszed a prezentációt.

A beillesztő eszköz

Képzeld el, hogy a WordPress minden funkciója gyorsan és egy helyen elérhető a felületen. Nem kell megismerkedned a HTML-címkékkel, osztályokkal, sem pedig bonyolult rövidkód-szintaxist megjegyezned. Ez az a szellemiség, amely az „inserter” mögött áll – a (+) gombot, amelyet a szerkesztő felületén láthatsz – ezzel áttekintheted az összes elérhető tartalomblokkot, és beillesztheted őket a bejegyzésedbe. A bővítmények és a témák saját tartalomblokkokat is regisztrálhatnak, ami számtalan lehetőséget nyit meg a gazdag szerkesztés és közzététel terén.

Próbáld ki, talán olyan dolgokat fedezel fel, amelyeket a WordPress máris be tud illeszteni a bejegyzéseidbe, és amelyekről eddig nem is tudtál. Íme egy rövid lista arról, hogy jelenleg mit találhatsz ott:

• Szöveg és címsorok
• Képek és videók
• Galériák
• Beágyazott tartalmak, például YouTube-videók, tweetek vagy más WordPress-bejegyzések.
• Elrendezési elemek, például gombok, kiemelt képek, elválasztók stb.
• És persze az ilyen listák, mint ez 🙂

---

Vizuális szerkesztés

A blokkok egyik hatalmas előnye, hogy helyben szerkesztheted őket, és közvetlenül módosíthatod a tartalmukat. Ahelyett, hogy külön mezők lennének az idézet forrásának vagy egy gomb szövegének szerkesztéséhez, közvetlenül módosíthatod a tartalmat. Próbáld meg szerkeszteni a következő idézetet:

A szerkesztő arra törekszik, hogy olyan új oldalkészítési és bejegyzés-készítési élményt teremtsen, amelynek segítségével a tartalmas bejegyzések írása könnyedén megy, és amely „blokkok” segítségével egyszerűvé teszi azokat a feladatokat, amelyekhez manapság rövidkódok, egyéni HTML-kódok vagy a „mystery meat” beágyazási módszerek használata szükséges.

Matt Mullenweg, 2017

Az idézet forrására vonatkozó információ egy külön szövegmezőben található, hasonlóan a képek alatti feliratokhoz, így az idézet szerkezete megmarad akkor is, ha a forrást kijelölöd, módosítod vagy eltávolítod. Bármikor könnyen visszaadhatod.

A blokkok bármi lehetnek, amire szükséged van. Például beilleszthetsz egy visszafogott idézetet a szöveg összetételének részeként, vagy inkább egy hatalmas, stilizált idézetet szeretnél megjeleníteni. Mindezek a lehetőségek elérhetők a beillesztő eszközben.

A galériák oszlopainak számát az oldalsávon található blokk-szerkesztőben található csúszkát húzva állíthatod be.

Médiagazdag

Ha az új széles és teljes szélességű elrendezéseket galériákkal kombinálod, nagyon gyorsan létrehozhatsz egy rendkívül sok médiát tartalmazó elrendezést:

Persze, a teljes képernyős kép elég nagy lehet. De néha megéri a kép miatt.

A fenti galéria mindössze két képet tartalmaz. Ez egy egyszerűbb módszer a vizuálisan vonzó elrendezések létrehozására, anélkül, hogy a „float” tulajdonsággal kellene foglalkozni. A blokkválasztó segítségével a galériát könnyedén vissza is alakíthatod egyedi képekké.

Bármelyik blokk csatlakozhat ezekhez az igazításokhoz. Az „embed” blokk is rendelkezik velük, és alapértelmezés szerint reszponzív:

Bármilyen blokkot létrehozhatsz, legyen az statikus vagy dinamikus, díszes vagy egyszerű. Íme egy idézetblokk:

A kód költészet

A WordPress-közösség

Ha többet szeretnél megtudni arról, hogyan lehet további blokkokat készíteni, vagy ha szeretnél segíteni a projektben, látogass el a GitHub-tárházba.

---

Köszönjük, hogy kipróbáltad a Gutenberget!

👋