WordPress-teeman suunnittelu ja toteutus : case Puhelinklinikka.fi

Abstract

Tämän opinnäytetyön tavoitteena oli suunnitella ja toteuttaa WordPress-sisällönhallintajärjestelmän teema Puhelinklinikka Oy:lle. Organisaatiolla oli vanhat sivut, joista haluttiin säilyttää väriteema ja rakenne. Uusia lisäyksiä, joita sivuille haluttiin, olivat selkeys, elävyys ja sosiaalisen median näkyvyys. Myös alasivut, kuten hinnasto, toimitusehdot ja yhteydenotto piti suunnitella uudelleen. Sisältöä oli vanhoilla sivuilla jo valmiiksi, mikä helpotti uuden ulkoasun suunnittelua. Teoriaosaa kuvaa hieman WordPress-sisällönhallintajärjestelmä ja sen historia. Lisäksi se kertoo ohjelmointi-, merkintä- ja tyylikielistä, joita tarvitaan, kun WordPress-teema suunnitellaan ja toteutetaan alusta alkaen. Teemojen toteuttamisessa käytetään WordPressin rajapintaa, johon tässä opinnäytetyössä keskitytään. Opinnäytetyö sisältää myös muutamia koodinpätkiä, joita esiintyy WordPress-teemojen rakennetiedostoissa. Koodinpätkät sisältävät PHP-ohjelmointikieltä ja HTML-merkintäkieltä. Web-sivujen ulkoasun oli tarkoitus saada vahvasta tekstipainotteisesta web-sivusta hieman elävämmäksi käyttämällä enemmän kuvia, värejä ja hieman animaatioita. Projekti aloitettiin kesällä 2012 ja se kesti noin kolme kuukautta. Lopputulos oli toimeksiantajan mieleen ja myös Puhelinklinikka Oy:n Facebook-sivun kautta on tullut positiivista palautetta.

The aim to this thesis was to design and create a WordPress content management systems theme to Puhelinklinikka Oy. The company already had a website, the color theme and the structure of which it wished to keep. The new and wanted features to the new site included clarity, vividness and better visibility for social media. Subpages like price list, conditions and contact should also be redesigned. The contents from previous website helped with layout design process. The theory first introduces the WordPress content management system and its history and follows by the programming, marking and styling languages which are needed when WordPress theme is designed from scratch. WordPress API is used when WordPress themes are being created and this is the focus in this study. The report also includes a few pieces of code which occur in the structure files. The codes include PHP programming language and HTML markup. Web sites layout was intended to swift from heavily text weighted web site to more vivid one by using more pictures, color and a bit of animations. The project started in spring 2012 and it lasted about three months. The final result pleased the client and also got positive feedback in Puhelinklinikka's Facebook page.