Juhtumiuuring
Sektsioonide kaupa kerimine, filtreeritav kaart ja kohandatud sündmuste importija
Risto Tõldsep ehitas paavli.ee Põhja-Tallinna loomemajanduse kvartalile Paavli Kvartal. Kohandatud WordPressi teema kasutab ACF Gutenbergi plokke, Tailwind CSS-i ja Vite plokipõhist varade konveierit, sisaldab kohandatud postitüüpe ettevõtete, rendipindade ja sündmuste jaoks, filtreeritavat interaktiivset kaarti ning Lenisel ja GSAP-il põhinevat täisekraani sektsioonide kaupa kerimist. Lisaks kirjutas ta plugina, mis sünkroonib kultuurikeskuse sündmuste programmi kaks korda päevas.
Paavli Kvartal on Põhja-Tallinna loomemajanduse kvartal: kogum ettevõtteid, renditavaid pindu ja kultuuriprogramm, kõik ühel lehel. Sait peab üheaegselt toimima kataloogina, rendibrošüürina ja sündmuste kalendrina sihtrühmadele, kes tahavad sellelt täiesti erinevaid asju.
Sündmused olid kõige keerulisem osa. Kvartali kultuurikeskus avaldab oma programmi eraldi saidil, millel puudub API, ja keegi ei hakanud iga sündmust kaks korda nädalas käsitsi WordPressi ümber trükkima.
Kultuurikeskuse saidil ei ole API-t, seega taastab importija lähtesaidi Next.js andmevoo ja loeb programmi struktureeritud andmetena, mitte ei kraabi renderdatud HTML-i. See on märksa tõsikindlam: nende poolne visuaalne ümberkujundus ei lõhu importi.
Plugin käib kaks korda päevas ja võrdleb olemasolevaga, mitte ei dubleeri: muutunud sündmused uuendatakse, kadunud sündmustega tegeletakse ja toimetajate enda käsitsi lisatu jääb alles.
Täisekraani haakumise saab kergesti valesti teha nii, et kasutaja jääb lõksu. Lenise kaudu juhtides säilib hoog ja kerimisriba käitub normaalselt, aga leht maandub ikkagi puhtalt igale sektsioonile.
Interaktiivne kaart loeb ettevõtete ja rendipindade postitüüpe, nii et üürniku lisamine wp-adminis paneb ta kohe kaardile. Ei ole teist kohta, mida sünkroonis hoida.
Sageli küll. Siin oli allikas Next.js sait, seega renderdatud lehe kraapimise asemel taastan selle aluseks oleva andmevoo ja loen programmi struktureeritud andmetena. Alguses rohkem tööd, edaspidi palju stabiilsem.
Saab küll, kui varad on tükeldatud. Iga ACF plokk ehitab Vite kaudu oma CSS-i ja JS-i, nii et leht laeb ainult selle animatsioonikoodi, mida ta päriselt kasutab, mitte ühte kõike sisaldavat pakki.
Võta ühendust
Kirjuta mulle ja vastan sulle esimesel võimalusel.
