Bootstrap-sovelluskehyksen hyödyntäminen Wordpress-teeman kehityksessä

Abstract

Tämän opinnäytetyön tavoitteena oli suunnitella ja rakentaa oma WordPress-teema mainostoimisto Trival Oy:n käyttöön ja tutkia Bootstrap-sovelluskehyksen hyötyjä teeman kehityksessä. Trival toteuttaa nettisivuja asiakkailleen ja yrityksellä oli tarve omalle WordPress-teemalle, jota voi hyödyntää useissa tulevissa projekteissa ilman, että yrityksen tarvitsee miettiä kolmansien osapuolien toteuttamien teemojen lisenssimaksuja tai tietoturvaongelmia. Teeman tuli olla sellainen, että loppukäyttäjä eli asiakas voi helposti muokata sitä.

Trival on käyttänyt aikaisemmin ilmaisia sekä maksullisia kolmannen osapuolen toteuttamia teemaratkaisuja pohjina nettisivujen teossa ja muokannut näistä teemoista asiakkaan imagoon ja brändiin sopivan ilmeen. Kaikki Trivalin toteuttamat asiakassivustot ovat nykyään responsiivisia, eli ne skaalautuvat mobiililaitteille sopiviksi. Luonnollisesti tämän opinnäytetyön tuotoksena syntyneen Trival-teemankin täytyi tukea responsiivisuutta. Bootstrap oli täydellinen ratkaisu tähän.

Kehityksen apuna toimi suureksi osaksi WordPressin oma dokumentaatio ja internetlähteet sekä muutama fyysinen kirjajulkaisu web-suunnittelusta. Työssä käytettiin HTML-, CSS-, PHP- ja JavaScript-tekniikoita. Kehitysympäristö toteutettiin suoraan uusimman PHP 7:n päälle, jotta teeman pohjarakenne on heti ajan tasalla eikä se käytä vanhaa tekniikkaa.

Teema on raportoinnin valmistuessa käytännössä valmis, mutta sitä ei voida vielä ottaa käyttöön tuotannossa, koska WordPressiin julkaistu isompi päivitys toi mukanaan sellaisia muutoksia, joihin teema täytyy jatkokehityksessä sulauttaa.

The purpose of this thesis was to design and build a WordPress theme for the marketing business Trival Ltd. and to find out how well the CSS framework Bootstrap will work together in developing a WordPress theme. Trival Ltd. designs websites for their customers and the business had a need for their own WordPress theme which they could use in future projects without having to worry about license fees or security threats of third-party themes. The theme also needed to be easily customized by the end-user, ie. the customer.

Trival has used free and paid third-party themes as the base theme on which they design their own layouts which are designed purely with the customers’ brand and image in mind. All new websites developed by Trival are responsive so naturally the theme developed for this thesis had to be responsive as well. Bootstrap was a perfect solution to this.

A big help in developing this theme was WordPress’ own documentation and different Internet sources as well as a few published books about web design. Techniques that were used include HTML, CSS, PHP and JavaScript. The development environment for the theme was built on PHP version 7 from the start so that the whole frame of the theme would be up to date and the theme would not use any deprecated functions.

The theme was essentially ready at the time this report was finished, but it can’t be used in development yet because the newest big update to WordPress changed some functions of the customizer and it broke the theme. This is a priority to be fixed in the theme so Trival can start using the theme in development.