Web-sivuston suunnittelu ja toteutus WordPress-julkaisujärjestelmällä

Abstract

Opinnäytetyön toimeksiantajana toimi Suomen Joogaliitto ry. Joogaliitto järjestää ympäri vuoden erilaisia joogakursseja ja kouluttaa uusia joogan ohjaajia. Tehtävänä oli suunnitella ja toteuttaa Joogaliitolle uudet verkkosivut, jotka korvaavat vanhat. Tavoitteena oli saada verkkosivuista helposti päivitettävät ja nykyaikaisemmat. Verkkosivuille tehtiin muun muassa kurssikalenteri sekä oma intranet. Verkkosivut tehtiin responsiivisiksi eli laitemukautuviksi Bootstrap frameworkin avulla. Sivut rakennettiin WordPress-julkaisujärjestelmän päälle ja niissä käytettiin eri WordPressin lisäosia. Julkaisujärjestelmän avulla Joogaliiton ihmiset pystyvät päivittämään sivuja helposti itse. Verkkosivujen kurssikalenteria ja kirjatilauksia varten WordPressiin luotiin kaksi uutta sisältötyyppiä ja tähän kustomoituja kenttiä. Sivuilta pystyy suoraan ilmoittautumaan kurssille ja tilaamaan kirjoja. Intranetiin luotiin erilaisia käyttäjäryhmiä, joilla on vaihtelevia oikeuksia intranetin sivuille. Intranetissä käytetään WordPressissä tehtyjä käyttäjiä ja kirjautumiseen käytetään WordPressin kirjautumislomaketta. Sivuille luotiin myös Joogaliiton käyttämiä lomakkeita sähköisessä muodossa. Lomakkeiden tiedot lähetetään sähköpostilla Joogaliitolle. Tehtävän tuloksena syntyi rakenteeltaan ja ulkoasultaan uudistuneet verkkosivut. Toimeksiantaja pystyy helposti päivittämään sivujen sisältöä ilman suurempia teknisiä taitoja. Uudet sivut ovat responsiiviset, mikä helpottaa ja tulee todennäköisesti lisäämään mobiilikäyttöä. Lomakkeita ei tarvitse enää tulostaa, vaan ne voi lähettää suoraan sivujen kautta. Lisäksi verkkosivujen tulokset hakukoneissa parantuvat sivujen hakukoneoptimoinnin ansiosta.

The client of this Bachelor's Thesis was The Yoga Federation of Finland. The Yoga Federation organizes yoga courses and trains new yoga instructors around the year. The task was to design and implement a new website for The Yoga Federation to replace the old one. The objective was to make the website more modern and easily updatable. Among other things, the website included a course calendar and an intranet. With the help of the Bootstrap framework, the website was made responsive, or in other words, device-adaptive. The website was built using the WordPress content management system and its various plugins. With the help of the content management system, the people of The Yoga Federation can update the pages easily by themselves. For the course calendar and the book orders, two new post types were created for WordPress, and new custom fields were added to them. From the website, one can directly sign up for courses or order books. Various user groups with different rights to the intranet pages were created on the intranet. The WordPress users are utilized as users within the intranet users and the WordPress login form is used for logging in. The Yoga Federation uses various kinds of forms, which were created as online forms. The information submitted through the online forms is sent to The Yoga Federation by e-mail. As the result, a new website with an improved structure and layout was created. The client can easily update the content of the pages without advanced technical skills. The new website is responsive, which makes it easier to use and is likely to increase mobile usage. The forms do not need to be printed out anymore and they can be sent directly through the website. In addition, because of the search engine optimization of the website, the website's results in search engines will improve.