JavaScript is disabled in your browser. Please enable it for the full experience.

WordPress változásban: elbúcsúzunk a shortcode-októl?

A jelen helyzet: kétpólusú WordPress Jelenleg két párhuzamos univerzum létezik, és a shortcode-ok pont a kettő közötti „hídként” funkcionálnak. A „Klasszikus” Világ (Page Builderek): Ide tartozik az Elementor, Divi, Beaver Builder stb. Rengeteg weboldal épül ezekre, mert a felhasználók megszokták és szeretik őket. Ebben a világban a shortcode a közös nyelv. Egy plugin fejlesztőjeként, ha…

⏳ 6 perc

Lőrincz András

A jelen helyzet: kétpólusú WordPress

Jelenleg két párhuzamos univerzum létezik, és a shortcode-ok pont a kettő közötti „hídként” funkcionálnak.

A „Klasszikus” Világ (Page Builderek): Ide tartozik az Elementor, Divi, Beaver Builder stb. Rengeteg weboldal épül ezekre, mert a felhasználók megszokták és szeretik őket. Ebben a világban a shortcode a közös nyelv. Egy plugin fejlesztőjeként, ha azt akarod, hogy a terméked mindenhol működjön, létrehozol egy shortcode-ot, amit a felhasználó bármelyik page builder szövegszerkesztőjébe beilleszthet.

Elementor, Divi, WPBakery + shortcode-ok

Sokan ezeken nőttek fel, vagy legalábbis túléltek velük pár projektet. Drag & drop, látványos dolgok gyorsan, shortcode minden második sorban. Ami nem működik elsőre, azt beállítod három másik pluginben – aztán majd csak lesz valami.

Ez a világ nem fog egyik napról a másikra eltűnni. De nem is fejlődik tovább érdemben. És ha eddig bonyolultnak tűnt integrálni valamit egy page builderbe, akkor mostantól még rosszabb lesz – mert a Core már nem ehhez igazodik, hanem a Gutenberghez.

A modern Gutenberg blokkok

Ez a WordPress hivatalos iránya. Itt minden egy blokk. A fejlesztés React-alapú, interaktívabb, és mélyebben integrálódik a rendszer magjába.

A shortcode ebben a kettős rendszerben egy áthidaló, de egyértelműen a múltat képviselő megoldás.

Mit hoz a jövő?

A jövő iránya egyértelműen az, hogy a Gutenberg „felfal” mindent, és a klasszikus világ lassan átalakul vagy elsorvad.

A legfontosabb trend a Full Site Editing

A legfontosabb trend a Full Site Editing (FSE), vagy újabb nevén a Site Editor. Ez már nem csak a bejegyzések tartalmáról szól. A Gutenberg már a fejlécet, a láblécet, az oldalsávokat, vagyis a weboldal teljes szerkezetét is blokkokból építi fel.

Ahogy a Site Editor egyre jobb és kiforrottabb lesz, úgy csökken a létjogosultsága a külső Page Buildereknek. Miért használna valaki egy külön plugint arra, amit a WordPress alapból, natívan és gyorsabban tud? A blokkfejlesztői tudás ezzel felértékelődik, mert már nem csak a tartalomhoz, hanem a teljes oldal kinézetéhez is blokkokat kell majd készíteni.

A Page Builderek átalakulása

A nagy page builderek (mint az Elementor) nem fognak eltűnni, de átalakulnak. Már most is látszik a trend: mélyen integrálódnak a Gutenberggel. Lehetővé teszik, hogy Gutenberg blokkokat használj az ő felületükön, vagy ők maguk is „Gutenberg-kompatibilis” blokkokat kínálnak. Lassan lecserélik a saját, régi motorjukat a WordPress Core technológiájára.

A shortcode-ok teljesen eltűnnek?

A shortcode-okat soha nem fogják kivenni a WordPress Core-ból a visszamenőleges kompatibilitás miatt. Milliónyi weboldal működése függ tőlük.
Azonban az új fejlesztések szinte kizárólag blokkokra fognak épülni. Egy blokk interaktív, a szerkesztőben vizuálisan konfigurálható, míg egy shortcode csak egy „fekete doboz” ([galeria id=”3″]), amiről nem tudod, mit csinál, amíg meg nem nézed az előnézetet. Ez felhasználói élményben óriási visszalépés.

Ennek szemléltetésére írtam egy egyszerű, shortcode-alapú scriptet, ami megbecsüli, hány percbe telik elolvasni egy adott cikket – ahogy ennél a cikknél is látszik, a tetején egy homokóra ikon mellett. Nem React-alapú komponens, mégis tökéletesen ellátja a feladatát. Igaz, frontend oldalon nem néz ki túl elegánsan – de ez engem speciel egyáltalán nem zavar.

Frontend oldalon ezt látom:

Analógia: a shortcode olyan, mint a vezetékes telefon. Még működik, lehet vele beszélni, de már senki sem fejleszt rá új szolgáltatásokat. A jövő az okostelefonoké – vagy ha nagyon előre akarunk szaladni: a szembe épített 3D-kivetítőké és az agyi implantátumoké. Ha hihetünk Elon Musknak. És miért is ne hinnénk egy milliárdos őrültnek? (De azért maradjunk egyelőre a blokkoknál.)

Mire figyeljünk? Hogyan készüljünk?

A PHP/JS tudás továbbra is aranyat ér:

A dinamikus blokkoknak van egy PHP oldala (render.php), és a komplexebb WordPress funkciók továbbra is PHP-n alapulnak. A „sima” JavaScript tudás szintén elengedhetetlen. Nem kell mindent a Reacton keresztül megoldani.

Barátkozz meg a blokk-alapú gondolkodással

Nem kell „szeretni” a Reactot, de érdemes megérteni a logikáját. A lényege, hogy a felületet apró, újrahasznosítható komponensekre (blokkokra) bontjuk. Ez a szemléletmód nagyon hasznos. Kezdj egyszerű blokkokkal, és használd a @wordpress/scripts-hez hasonló eszközöket, amik a bonyolult beállításokat elrejtik előled.

Plugin fejlesztő vagy? mostantól elvárás lesz, hogy blokkot is adj!

Ne az admin felületen egy listát pipáltass, hanem adj a felhasználónak egy vizuális elemet, amit be tud húzni, szerkeszteni tud, és látja, mit csinál.

Aki csak shortcode-ot fejleszt, az kimarad a szerkesztői élményből. Ez nem „opció”, hanem UX-kritérium. Már nem elég, hogy a funkció működik – be is kell illeszkednie a felhasználó szerkesztési élményébe.

Figyeld a Site Editor fejlődését

Ez a legjobb indikátora annak, hogy merre halad a WordPress. Minél többet tud, annál sürgetőbb lesz a blokkfejlesztési tudás.

Összefoglalva:

A régi módszerek még évekig velünk lesznek a kompatibilitás és a meglévő oldalak miatt, de minden új projekt és minden jövőbeli trend a Gutenberg és a blokkok felé mutat. Aki hosszú távon releváns akar maradni a WordPress fejlesztésben, annak elkerülhetetlen lesz legalább alapszinten elsajátítani ezt az új világot.

Lőrincz András avatar

Lőrincz András

Lőrincz András vagyok, így hívnak. WordPress fejlesztőként weboldalak készítésével foglalkozom.

Amikor épp nem weboldalakat rakok össze, kvantumfizikáról vagy sci-firől olvasok, nézek videókat. Néha pedig elmerengek azon, hogy vajon mit csinál a másik énem egy párhuzamos univerzumban. Talán ő is épít valamit – vagy épp megőrült.

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük