Mukautettujen Gutenberg-lohkojen luonti ja käyttö WordPress-alustalla
Jääskeläinen, Milla (2024)
2024
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202405059235
https://urn.fi/URN:NBN:fi:amk-202405059235
Tiivistelmä
Opinnäytetyön tavoitteena oli kehittää WordPress-alustalla toteutetulle verkkosivustolle Gutenberg-sivueditorin mukautettu lohko sisällönsyöttöä varten. Työ toteutettiin työsuhteessa Virnex Group Oy:lle, jolta asiakas oli tilannut uusien verkkosivujen suunnit-telun ja toteutuksen.
Työssä tutkittiin WordPressin Gutenberg-sivueditoria ja lohkokehitystä WordPressin omalla block API:lla, Advanced Custom Fields -lisäosan toimintoihin ja lohkokehitykseen sekä sivuston ulkoasun Bootstrap-runkokirjastoon.
Lohko kehitettiin palvelumuotoilijan suunnitelman mukaan. Lohkon tiedot alustettiin sivuston teeman koodiin ja sivueditorissa muokattavat sisältökentät luotiin Advanced Custom Fields -lisäosan hallintapaneelissa. Sen jälkeen lohkon toiminnallisuus ja ulkoasu ohjelmoitiin PHP-, HTML- ja CSS-kielillä. Lopuksi tarkasteltiin lohkon käyttöä sivueditorissa ja lohkon lopullista näkymää sivustolla.
Työssä tutkittiin WordPressin Gutenberg-sivueditoria ja lohkokehitystä WordPressin omalla block API:lla, Advanced Custom Fields -lisäosan toimintoihin ja lohkokehitykseen sekä sivuston ulkoasun Bootstrap-runkokirjastoon.
Lohko kehitettiin palvelumuotoilijan suunnitelman mukaan. Lohkon tiedot alustettiin sivuston teeman koodiin ja sivueditorissa muokattavat sisältökentät luotiin Advanced Custom Fields -lisäosan hallintapaneelissa. Sen jälkeen lohkon toiminnallisuus ja ulkoasu ohjelmoitiin PHP-, HTML- ja CSS-kielillä. Lopuksi tarkasteltiin lohkon käyttöä sivueditorissa ja lohkon lopullista näkymää sivustolla.