Responsiivisen WordPress-teeman kehitys : Vaattojarvi.fi

Abstract

Opinnäytetyön tavoitteena oli toteuttaa helposti hallittavat ja responsiiviset verkkosivut Vaattojärven kyläyhdistykselle, sillä kyläyhdistyksen vanhaa sivustoa oli vaikea ylläpitää itse tehdyn hallintapaneelin kautta. Vanhan sivuston ulkoasu oli vanhentunut ja toimi huonosti mobiililaitteilla, sillä se ei ollut responsiivinen. Uudella sivustolla käytetään WordPress-sisällönhallintajärjestelmää, johon kehitettiin uusi teema käyttäen Bootstrap 4 -kirjastoa responsiivisuuden takaamiseksi.

Opinnäytetyön aikana toteutettiin WordPress-teema, jonka kehityksestä käsitellään tärkeimmät askeleet, kuten WordPressin teeman rakenne, sivupohjahierarkia, vaaditut tiedostot sekä määritykset, sivupohjat, sisällön näyttäminen sivustolla, mukauta-valikon muokkaus sekä käännösfunktiot. Teemaa kehittäessä käydään samalla läpi Bootstrap 4 -kirjaston käyttöönotto WordPressissä ja kirjaston uudet ominaisuudet.

Valmis sivusto on tavoitteiden mukaisesti helppokäyttöinen ja responsiivinen. Uuden teeman toteuttaminen ja tarkempi tutustuminen WordPressin dokumentaatioon opetti paljon WordPress-kehityksestä, josta vielä useiden projektienkin jälkeen oppii aina uutta. Oman teeman kehitys on aikaa vievä projekti, mutta varmistaa sen, että sivusto sisältää kaikki tarvittavat ominaisuudet.

The aim of the thesis was to implement a responsive website for Vaattojärvi village association which could be easily maintained. The older website was hard to maintain as the control panel for changing the site’s content was self-made. The layout was outdated and worked poorly on mobile devices as it wasn’t responsive. The new website uses WordPress content management system and has a new custom theme developed using Bootstrap 4 library to ensure responsiveness.

Key steps of theme development such as WordPress theme structure, page hierarchy, required files and definitions, templates and displaying content of the site, editing the customize menu and translation functions are gone through during this thesis. Also including the integration of Bootstrap 4 library to the theme and a presentation of the new features.

As in accordance with the objectives, the completed website is easy to use and responsive. Implementing a new theme and getting to know more about WordPress documentation has taught a lot about WordPress development. Even after several WordPress theme development projects there was so much more to learn. Developing your own theme is a time-consuming project, but it ensures that the completed website contains all the necessary features.