Räätälöityjen WordPress-ratkaisujen kehittäminen: placeholder-lohko ja tähtiarvostelu-komponentti
Davydova, Darja (2026)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2026052516141
https://urn.fi/URN:NBN:fi:amk-2026052516141
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli tutkia ja toteuttaa React.js-pohjaisten lohkojen sekä dynaamisten komponenttien integrointia räätälöityyn WordPress-teema-arkkitehtuuriin. Työ tehtiin toimeksiantona Digitoimisto Otukselle. Tavoitteena oli kehittää teknisesti kestäviä ja saavutettavia työkaluja sisällönhallinnan tehostamiseksi sekä käyttäjäkokemuksen parantamiseksi. Kehitystehtävää ohjasivat kysymykset siitä, miten interaktiiviset React-lohkot ja dynaaminen palvelinpuolen renderöinti toteutetaan Sage-ympäristössä ja erillisenä lohkona ja miten komponenttien saavutettavuus varmistetaan WCAG 2.2 -standardien mukaisesti.
Opinnäytetyön tietoperusta koostuu modernin web-ohjelmoinnin, komponentti-pohjaisen WordPress-arkkitehtuurin ja digitaalisen saavutettavuuden keskeisistä käsitteistä. Toiminnallisena kehittämistyönä toteutettiin kaksi erilaista ratkaisua: JavaScript-pohjainen ja REST API -rajapintaa hyödyntävä tähtiarvostelu-komponentti sekä dynaamisesti palvelimella renderöityvä placeholder-lohko. Työssä vertailtiin tiiviisti teemaan integroidun komponentin ja täysin itsenäisen WordPress-lisäosan välisiä teknisiä eroja.
Työn tuloksena syntyivät saavutettavat ja toimivat komponentit. Kehitysprosessi osoitti, että WordPressin moderni lohkoarkkitehtuuri vastaa hyvin nykyaikaisen web-kehityksen vaatimuksiin, mutta edellyttää laaja-alaista osaamista PHP-ohjelmoinnista moderneihin JavaScript-kehyksiin. Johtopäätöksenä todettiin, että erillisenä lisäosana toteutettu lohko tarjoaa paremman siirrettävyyden, kun taas teemaan sidottu komponentti mahdollistaa syvemmän integraation yrityksen liiketoimintalogiikkaan. Tuloksia ja kehitettyjä ratkaisuja voidaan hyödyntää suoraan digitoimiston asiakasprojekteissa sekä pohjana uusien räätälöityjen WordPress-lohkojen suunnittelussa.
Opinnäytetyön tietoperusta koostuu modernin web-ohjelmoinnin, komponentti-pohjaisen WordPress-arkkitehtuurin ja digitaalisen saavutettavuuden keskeisistä käsitteistä. Toiminnallisena kehittämistyönä toteutettiin kaksi erilaista ratkaisua: JavaScript-pohjainen ja REST API -rajapintaa hyödyntävä tähtiarvostelu-komponentti sekä dynaamisesti palvelimella renderöityvä placeholder-lohko. Työssä vertailtiin tiiviisti teemaan integroidun komponentin ja täysin itsenäisen WordPress-lisäosan välisiä teknisiä eroja.
Työn tuloksena syntyivät saavutettavat ja toimivat komponentit. Kehitysprosessi osoitti, että WordPressin moderni lohkoarkkitehtuuri vastaa hyvin nykyaikaisen web-kehityksen vaatimuksiin, mutta edellyttää laaja-alaista osaamista PHP-ohjelmoinnista moderneihin JavaScript-kehyksiin. Johtopäätöksenä todettiin, että erillisenä lisäosana toteutettu lohko tarjoaa paremman siirrettävyyden, kun taas teemaan sidottu komponentti mahdollistaa syvemmän integraation yrityksen liiketoimintalogiikkaan. Tuloksia ja kehitettyjä ratkaisuja voidaan hyödyntää suoraan digitoimiston asiakasprojekteissa sekä pohjana uusien räätälöityjen WordPress-lohkojen suunnittelussa.