5 elrendezés, beépített lightbox, billentyűzettel is kezelhető felület, natív WordPress blokk, és AI segítségével fejlesztve. A DYW Mosaic Gallery mindent tud, amit a többi galéria bővítménytől hiányoltam.
Képenként állítható méret és arány
Billentyűzettel is kezelhető, akadálymentesen
Shortcode nélkül, minden az oldalsávból
Mobilon is szép, sor magassága is állítható
Évekig keresgéltem egy galéria bővítményt, ami egyszerre könnyen kezelhető, rugalmas és illeszkedik a WordPress szerkesztőbe. Ilyen nem volt, ezért megcsináltam. Az AI fejlődésével ez ma már sokkal gyorsabban megy, de attól még pontosan tudni kell, mit kell megcsinálni.
Sok-sok év WordPress fejlesztés alatt kipróbáltam szinte az összes galéria bővítményt. A legtöbb egy-két elrendezési lehetőséget kínált, és ennyi.
Az igazi probléma ott kezdődött, amikor egy ügyfél olyat kért, amire a meglévő pluginok nem voltak képesek: egyes képek legyenek szélesebbek, mások keskenyek, de az egész galéria mégis egységes, letisztult megjelenésű maradjon.
Az akadálymentesség szintén komoly hiányosság volt a legtöbb megoldásnál. Billentyűzettel nem lehetett navigálni, képernyőolvasóval értelmezhetetlen volt a szerkezet. Ezeket nem lehetett figyelmen kívül hagyni.
A DYW Mosaic Gallery öt különböző elrendezési módot kínál, mindegyik más-más megjelenési igényt fed le. A Gutenberg szerkesztőben egyszerűen váltani lehet köztük, és azonnal látható az előnézet.
„A legfontosabb szempont az volt, hogy minden elrendezés teljesen billentyűzettel is navigálható legyen, és képernyőolvasóval is értelmezhető maradjon.”
A bővítmény WordPress 6.8 és PHP 8.0 verzióktól működik. Minden beállítás elérhető a szerkesztő oldalsávjából, nem kell hozzá kód.
Custom elrendezésben képenként megadható, hogy a kép hány oszlopot vagy sort foglaljon el. Beállítható az is, hogy mobilon hány képoszlop jelenjen meg, és az is, hogy mekkora legyen a sorok magassága.
A nagyítós nézet (lightbox), a billentyűzetes navigáció és az akadálymentességhez szükséges technikai beállítások automatikusan működnek, nem kell külön foglalkozni velük.
Az AI fejlődésével a WordPress bővítmény fejlesztés is gyorsabbá vált. A Claude segített az ismétlődő kódrészletekkel, a blokk felépítésével, a WordPress specifikus technikai megoldásokkal. Ami korábban napokat vett igénybe, most órák alatt elkészül.
Az AI azonban nem helyettesítette a döntéshozatalt. Hogy mi kerüljön bele a bővítménybe és mi nem, milyen beállítási lehetőségeket kapjon a szerkesztő, hogyan működjön érintős eszközön, mindez emberi döntés volt. Az AI elvégzi a munka nagyrészét, ha pontosan tudod, mit kell elvégezni.
Az akadálymentesség különösen jó példa erre. Az AI tud kódot írni, de hogy az valóban jól működik-e billentyűzettel és képernyőolvasóval, azt csak valódi teszteléssel lehet ellenőrizni. Ha csak az AI-ra hagyatkozol, könnyen marad benne olyan hiba, amit csak valós használat fed fel.
„Az AI meggyorsítja a fejlesztést, de a mögötte lévő tudás emberi marad. Ha az AI-ra hagyod a döntéseket, a bővítmény pontosan annyit fog tudni, amennyit az kitalált.”
DYW Mosaic Gallery, a leggyakoribb kérdések
Küldj egy üzenetet, és megbeszéljük a részleteket.
AI
6 perc olvasási idő
Hogyan publikálok teljes WordPress blogbejegyzéseket kevesebb mint 5 perc alatt VS Code, Claude AI és a WordPress REST…
Esettanulmány
5 perc olvasási idő
Hogyan készült el a Momiam natúrkozmetikum weboldal Divi helyett Gutenberg alapon? Egyedi WordPress fejlesztés, plugin-karcsúsítás és sebességoptimalizálás —…
