Responsiivisten WWW-sivujen toteuttaminen : WordPress-sisällönhallintajärjestelmän Twenty Thirteen -teeman lapsiteema

Abstract

Opinnäytetyön työosuutena toteutettiin responsiiviset WWW-sivut WordPress-sisällönhallintajärjestelmän päälle. Työn toimeksiantajana oli IT-alan yritys Decens Oy. Toimeksiantajan vanhat WWW-sivut sijaitsivat ulkopuolisen toimijan omassa sisällönhallinnassa. Uudet WWW-sivut toteutettiin Decensin omalla palvelimella sijaitsevaan sisällönhallintaan. Sisällönhallintajärjestelmää päätettiin käyttää, koska se helpottaa sivujen päivittämistä. Toimeksiannon tavoitteena olivat responsiiviset sivut, jotka mukautuvat sivuston käyttäjän laitteen mukaisiksi.

Opinnäytetyön raporttiosassa kerrotaan työn toteutuksen eri vaiheista, responsiivisuudesta, avoimen lähdekoodin WordPress-sisällönhallintajärjestelmästä ja WordPressin lapsiteeman käyttämisestä. Raportissa perehdytään responsiivisen suunnittelun tekniikoihin ja toteutukseen sekä siihen, kannattaako yrityksen tehdä responsiivisia sivuja. WWW-sivuilla on käytössä WordPressin responsiivisen Twenty Thirteen –teemaan perustuva lapsiteema, jonka toteutuksesta tässä raportissa kerrotaan.

Koska mobiilikäyttäjien määrä kasvaa jatkuvasti, on yrityksen tarkoituksenmukaista rakentaa sivuistaan responsiiviset, jotta sivujen käyttäminen olisi optimaalisempaa. Opinnäytetyön lopputuloksena on toimeksiantajan toiveiden, tarpeiden ja yrityksen yleisen graafisen ilmeen mukaiset sekä käyttäjien eri laitteisiin mukautuvat WWW-sivut.

The purpose of this thesis was to create a responsive website for a company called Decens Oy. Decens Oy is a Finnish company whose is information technology. Their old website was located in a third-party content management system. The new website was implemented on their own server and content management system. The company wanted to have a responsive website which is located in WordPress content management system.

The theory part of this thesis is about implementation of a responsive website with the WordPress content management system using a child theme. The child theme is based on WordPress’ Twenty Thirteen theme which is responsive. WordPress is an Open Source system. Using responsive design is profitable for companies because website visitors use different devices: desktop computers, laptop computers, tablets and smartphones. Responsive design makes it possible for companies to create and maintain only one website suitable for all devices. Maintaining only one website reduces costs and saves time.

The final result of this thesis was a responsive website consistent with the company’s graphical outlook.