Responsiivisen verkkosivun toteutus asiakkaalle Wordpress-julkaisujärjestelmällä

Abstract

Tämä opinnäytetyö käsittelee responsiivisten verkkosivujen suunnittelu- ja toteutusprosessia asiakkaalle Wordpress-sisällönhallintajärjestelmällä. Responsiivinen verkkosivu on koodattu eri laitteiden näyttökokoihin mukautuvaksi. Asiakas on keraamikko Karoliina Tuovinen, joka opettaa pääkaupunkiseudun työväenopistoissa, pitää keramiikkakursseja työhuoneellaan Espoon Kauklahdessa ja myy keramiikkatuotteitaan.

Työssä selvitetään Wordpressin vaatima tekninen arkkitehtuuri ja asennus. Tekstissä tuodaan olennaiset ja tavallisella editorilla koodaamisesta poikkeavat seikat esiin. Wordpressistä kerrotaan verkkosivujen toteutusprosessin kautta tarkemmin ja analysoidaan Wordpressiä sisällönhallintajärjestelmänä. Työhön on käytetty Wordpressin versiota 3.4.2.

Opinnäytetyössä kuvataan interaktiivisen verkkosivun suunnittelu ja toteutus osana asiakkaan liiketoiminnan kehittämistä, sekä markkinointia internetissä sosiaalista mediaa hyödyntäen. Työssä käsitellään Facebookin yrityssivun ja yksinkertaisten Facebook-sovellusten tekeminen osaksi interaktiivista verkkopalvelua. Responsiivisen koodin pääpe-riaatteet käydään läpi ja pohditaan responsiivisen rautalankasuunnittelun haasteita.

Tekstissä pyritään kuvaamaan interaktiivisten verkkosivujen toteutusprosessi totuudenmukaisesti. Näkökulma tekstiin on tekijälähtöinen ja prosessin kuvaus on tehty tilanteessa, jossa verkkosivujen tekijä ei ollut käyttänyt Wordpressiä aiemmin verkkosivujen toteutukseen.

This thesis is about designing and making a responsive website with Wordpress content management system for a client. Responsive website means a site, which is coded responsive for a different screen sized devices. The client is ceramist Karoliina Tuovinen, who is a ceramics teacher in community colleges of Espoo and Vantaa. She also teaches on her own ceramic courses at her workroom in Espoo and sells her ceramics.

The technical architecture, that Wordpress demands and its installation were examined. The essential and divergent things compared to coding with an ordinary code editor were highlighted. More specific details about Wordpress with the process of making the website were explained. Wordpress was analyzed as a content management system. The website was made with the version Wordpress 3.4.2..

The designing and making of an interactive website as one part of a client’s business development, as well as marketing on the Internet using the benefits of social media were examined and described. How to optimize a Facebook Fan Page and simple Facebook applications as a part of interactive online service was explained. The principles of the responsive web design were looked into detail. The challenges of responsive wireframe design were identified.

The documentation strived to describe the process of making an interactive website truthfully. The aspect of the text is from the Author’s part. The description of the process was written in the situation where the Author hadn’t used Wordpress for making websites before.