Skaalautuva ja helppokäyttöinen WordPress-teema Gutenbergillä ja ACF:llä

Abstract

Opinnäytetyön aiheena oli WordPress-teeman kehitys. Toimeksiantajana toimi Markkinointitoimisto Bermuda Oy, jonka WordPress-pohjateemaa opinnäytetyössä kehitettiin. Opinnäytetyön tarkoituksena oli kehittää ja dokumentoida Bermudan nykyistä WordPress-pohjateemaa helpommin käytettäväksi ja nopeammaksi muun muassa sivujen prototyyppien toteutuksessa. Opinnäytetyön tavoitteena oli tutkia ja selvittää erilaisia työskentelytapoja ja -käytäntöjä Bermudan pohjateeman nopeampaan ja selkeämpään kehittämiseen. Teemankehitystä varten vertailtiin erilaisia avoimen lähdekoodin lisenssillä lisensoituja suosittuja WordPress-teemoja, ja käytettiin niitä pohjana uuden teeman toteutuksessa. Opinnäytetyön toteutus tehtiin ketterästi viiden viikon pituisen kehitysjakson aikana. Jokaisen kehitysjakson välissä tarkastettiin verkkokehitystiimin kanssa teemankehityksen eteneminen ja selvitettiin ilmenneitä ongelmia.

Opinnäytetyön lopputuloksena syntyi uusi pohjateema, joka ei kuitenkaan ole täysin valmis, vaan aloitus jatkuvalle teemankehitystyölle. Suurimpia muutoksia pohjateemaan olivat Gutenberg-editorin alkuperäisten ydinlohkojen käyttöönotto ja niiden tyylien mukauttaminen vanhan teeman tyylien kanssa, Gulp.js-tiedoston uusiminen, Ajax Load More -lisäosan lisääminen pohjateemaan sekä vanhan teeman tiedostorakenteen muuttaminen.

Uusi pohjateema antoi mahdollisuudet nopeammalle työskentelylle sivustojen toteutuksen aloitusvaiheessa. Opinnäytetyön toteutuksen lopputulos oli itsessään toimiva pohjateema, mutta sen kehitys jatkuu vielä tulevaisuudessakin. Siksi toteutuksen aikana kerättiin listaan jatkokehitysideoita, joilla pohjateeman kehitystä voidaan jatkaa. Pohjateeman jatkokehitykseen syntyneet ideat olivat lähinnä uusia toimintoja tai käytettyjen työkalujen uusien, ei vielä julkaistujen, versioiden lisäämistä pohjateemaan.

The objective of the thesis was to collect information on better ways to develop WordPress themes faster and easier, so that less time would be spent at the beginning of a website project. The purpose of the thesis was to develop and document the current WordPress starter theme, which the client company Ber- muda’s web development team used into a faster and more user-friendly theme.

This study was carried out as a project. The project was split into five weeklong development periods. The data that was used in the theme development was collected by benchmarking different popular WordPress themes. The project was supervised by the web development team and their suggestions and comments were taken into account.

The results suggest that the new theme, which was created, can be used as a new starter theme for the web developer team, and will be tested and be further developed to better suit the needs of the team. The changes that were made to the old theme were functional and made a difference when working with the theme.

The findings indicate that the new theme is an operational WordPress starter theme and will be used in new client projects. However, the theme will not per- manently remain as it is currently, because the environment around the theme changes constantly, and so the theme also needs to be constantly developed in order to be considered as a functional theme.