Esettanulmány · Drupal-kiváltás
Hommage.hu: hat művészoldal, változatlan arculattal – most már mobilon is.
Egy képzőművészeti portál hat oldala futott egy 2016 óta támogatás nélküli Drupal 6-on. Úgy váltottuk ki, hogy asztali gépen megmaradt az eredeti megjelenés, telefonon és tableten pedig végre olvasható lett.
A kiindulás
Egy oldal, amihez évek óta senki nem mert hozzányúlni.
A hommage.hu az 1900-as évektől született magyar képzőművészek élő és lezárt életműveit mutatja be, monografikus igénnyel. A tartalmat Novotny Tihamér művészettörténész jegyzi. A nyitóportál alatt öt oldal él: Aknay János, Gosztola Gábor, Kovács László és Matyófalvi (Matyó) Gábor oldala, valamint a portál szerzőjéé, Novotny Tihaméré. Mindegyiknek saját grafikai terve van – a Matyófalvi-oldalon például a menüt és a tartalmat a szobrász egyik művének eleme, két követ összefogó fém kapcsok sora választja el –, mert itt az arculat az életmű bemutatásának része.
Az oldalakat 2009-től alapítónk, Márton László Attila tervezte és építette, akkor még eMeLA néven. Bő másfél évtizeddel később ugyanez a munka lett a teher: a hat oldal egyetlen Drupal 6-telepítésen futott, PHP 5.6-on. Az előbbi 2016 óta, az utóbbi 2018 óta nem kap biztonsági frissítést.
- Nem volt mobilnézet: fix, 750–1000 px széles, táblázatos elrendezés, amit a telefon egyszerűen lekicsinyített.
- A hanganyagok és videók Flash-lejátszóval mentek. A Flash 2020 óta egyik böngészőben sem fut, a látogató csak a „Get the Flash Player” feliratot látta.
- A kapcsolatűrlap a régi rendszerhez kötődött, több kép és link törött volt, a hibanapló 51 MB-ra hízott.
- Az anyag közben nem kicsi: körülbelül 1 GB fájl, mintegy 2 600 műtárgykép, 54 galéria.
A feltételek
Mi maradjon, és mire nincs szükség.
A tartalom lezárt, archív jellegű, ezért szerkesztőfelület nem kell. Ez nyitotta meg a legegyszerűbb és legbiztonságosabb utat: a teljesen statikus oldalt.
A megoldás
Nem újraépítettük, hanem kimentettük, és mobilréteget kapott.
A felmérés három utat vázolt fel: gyors tükrözést, újraépítést a régi arculattal, vagy új, egységes arculatot. A megvalósítás egy negyediket választott, ami a tükrözés egyszerűségét az újraépítés minőségével ötvözi.
- 01
A régi rendszer helyi újraélesztése
Az éles adatbázis mentéséből és a fájlokból a teljes régi környezet elindult egy elszigetelt helyi gépen. Az eredeti oldal pontosan úgy állt elő, ahogy élesben, és az éles szerverhez közben nem kellett nyúlni.
- 02
Automatikus statikus export
Saját exportáló járta be mind a hat oldalt, minden lapot önálló HTML-fájlba mentett, a címeket tiszta alakra írta át (/?q=hu/muvek → /muvek/), és csak a ténylegesen használt fájlokat vitte át.
- 03
Mobilréteg az oldalra, nem helyette
Oldalanként egy külön stílusréteg, ami csak az eredeti elrendezés szélessége alatt lép életbe. Asztali gépen továbbra is a régi stíluslapok dolgoznak, tableten és telefonon új elrendezés jelenik meg.
- 04
A megszűnt technológiák cseréje
Flash helyett HTML5 hang- és videólejátszó, a régi FLV-videók MP4-re alakítva. A Flash-intró helyett az eredeti animáció hű állóképe, a kapcsolatűrlap mögé egy kis, önálló szkript került, spamvédelemmel.
- 05
Minden régi cím megőrzése
A régi rendszer ugyanazt a tartalmat sokféle címen szolgálta ki. Az adatbázisból automatikusan átirányítási térkép készült, így a 11 314 régi cím – keresőtalálatok, külső hivatkozások, könyvjelzők – ma is élő oldalra visz.
- 06
Ellenőrzés méréssel, nem szemre
Minden oldalt automatikus ellenőrzés vetett össze a helyben futó eredetivel: pixelenként, szövegre, linkekre és mobilszélességen is.
Az eredmény tisztán statikus oldal: nincs adatbázis és nincs CMS, az egyetlen szerveroldali kód a kapcsolatűrlap. A régi rendszer lekapcsolható.
Mobilnézet
A mobilnézet nem kicsinyítés, hanem újragondolás.
Ahol a grafika nem fért el kis kijelzőn, oldalanként külön megoldás készült.
Matyófalvi Gábor
Asztali gépen függőleges kapocssor választja el a menüt a tartalomtól: Matyófalvi egyik szobrának eleme, két követ összefogó fém kapcsok sora. Telefonon ez nem lehet oszlophatár. Az első változatban elfordítva, vízszintesen futott – ezt elvetettük. A végleges megoldásban csak a háttér textúrája marad, a fejléc pedig szétbomlik: a portré és a név az évszámokkal egymás mellé kerül, olvasható méretben.
Kovács László
A 950 px széles fejlécképen kicsinyítve a név olvashatatlan lenne, ezért telefonon a kép bal oldala látszik, benne a „Kovács László festőművész” felirattal.
Aknay János
A sárga menüoszlop cikcakkos széle nem fér el keskeny kijelzőn, ezért a háttérképből cikcakk nélküli kivágás készült.
Gosztola Gábor
A fejléc középre vágva jelenik meg: az aláírás és a név látszik.
Minden oldalon
A bal oldali menü lenyíló „☰ Menü” lesz, a galériák megtartják a háromoszlopos rácsot, a kép és a felirata együtt marad, a videók kitöltik a szélességet.
Minőségbiztosítás
„Nem változott” – mérve, nem szemre.
Minden oldalt automatikus ellenőrzés vetett össze a helyben futó eredeti oldallal.
| Ellenőrzés | Eredmény |
|---|---|
| Asztali nézet, pixelenként (1280 px, teljes oldal) | 280 / 286 oldal pixelre azonos. A 6 eltérés szándékos csere: Flash helyett HTML5-lejátszó, CAPTCHA helyett ellenőrző kérdés, intró helyett állókép. |
| Teljes látható szöveg | 281 / 286 oldal azonos. Az 5 eltérés ugyanezeken az oldalakon van: eltűnt a „Get the Flash Player” felirat. |
| Mobil (390 px) és tablet (820 px) | 0 oldal lóg ki vízszintesen. |
| Belső linkek és fájlok | 5 923-ból 2 hibás – mindkét fájl az eredetiből is hiányzott, és egyik sem látható. |
| Régi címek | A régi rendszerben működő 11 314 cím mind élő oldalra visz: 4 868 ugyanarra az oldalra, a többi a tartalmat megjelenítő galériára vagy gyűjtőoldalra. Csak kb. 30 teszt- és munkaoldal címe vezet a nyitóoldalra. |
| Régi fájlcímek (képek, PDF-ek, hanganyagok) | 3 383-ból 3 374 változatlan címen elérhető; a 9 hiányzó a régi Flash-lejátszók saját fájlja. |
Hogy csak a valódi eltérések számítsanak, az összevetés az eredetin is elvégezte a dokumentált, szándékos változtatásokat – eltávolította a statikus oldalon működésképtelen belépő- és „Ki van itt” dobozt, és beírta az új láblécet –, a véletlenszerű elemeket pedig mindkét oldalon azonos állapotba hozta.
Közben javítva
Régi hibák, amelyek most tűntek el.
- A Flash miatt évek óta néma hanganyagok és videók újra lejátszhatók, telefonon is.
- A Matyófalvi-oldal videója élesben eleve rossz címre mutatott – most működik.
- A galériák felugró képnézegetője keskeny képeknél elcsúszott, a bélyegképsor egymásra csúszott – javítva.
- A favicon egyik oldalon sem jelent meg, mert a fájl valójában GIF volt .ico néven – most mindenhol látszik.
- A lábléc támogatói logói (NKA, MAOE) üres fájlok voltak, és törött képként jelentek meg – pótolva.
- Hiányzó bélyegképek és hibás e-mail-linkek javítva; a 2023 óta működésképtelen régi Google Analytics-kód és a felesleges háttérhívások kikerültek.
Eredmények
Előtte és utána.
| Terület | Előtte | Utána |
|---|---|---|
| Rendszer | Drupal 6, PHP 5.6 és MySQL, évek óta támogatás nélkül | statikus HTML, adatbázis és CMS nélkül |
| Biztonság | elavult CMS és PHP, nyilvános belépőfelülettel | nincs feltörhető CMS; egyetlen kis, önálló űrlapszkript |
| Mobilnézet | nincs | mind a 6 oldalon, tableten és telefonon |
| Asztali megjelenés | – | 280/286 oldal pixelre azonos, a többi szándékos javítás |
| Hang és videó | nem működött (Flash) | HTML5, minden böngészőben, telefonon is |
| Régi linkek | – | 11 314 régi cím megőrizve, 301-es átirányítással |
| Terjedelem | – | 286 HTML-oldal és 250 RSS-hírcsatorna, 6 domainen |
| Tárhely | a meglévő | ugyanaz – nem kellett szolgáltatót váltani |
| Karbantartás | CMS-, PHP- és adatbázis-frissítések, amelyek már nem is léteztek | gyakorlatilag nincs |
A motorháztető alatt
Eszközök a kimentéshez és az ellenőrzéshez.
Felmérés: 2026. október 6. · Élesítés: 2026. október 16.
Átláthatóság
Saját korábbi munka, nem fizetett megbízás.
A hommage.hu oldalait alapítónk építette a 2000-es évek végén, a kiváltást pedig saját projektként végeztük, nem megrendelésre. Ez az esettanulmány tehát nem ügyfélreferencia, hanem annak bemutatása, hogyan dolgozunk egy régi, de értékes oldallal. Az „előtte” képek az eredeti oldal helyben, az éles adatbázisból és fájlokból újraélesztett másolatáról készültek, az „utána” képek az új, statikus változatról.
Következő lépés
Van egy régi oldalad, amihez senki nem mer hozzányúlni?
Nem kell mindent újraépíteni ahhoz, hogy biztonságos és mobilbarát legyen. Megnézzük, mi értékes benne – a tartalom, az arculat, a régi linkek –, és azt megtartva tesszük rendbe.