"Wordpress-sivusto nollabudjetilla"-koulutus pidettiin Oulussa Yritystakomon tiloissa 10.9. Koulutuksen aikana käydään läpi Wordpressin asennus, käyttö ja räätälöinti lisäosien ja teemojen avulla. Tavoitteena on perehtyä konkreettisten esimerkkien kautta oman sivuston luomiseen hyväksitodetun, ilmaisen Wordpress-sisällönhallintajärjestelmän avulla. YouTube video koulutuksesta: https://www.youtube.com/watch?v=28rRGLyH_yo

1. Wordpress-sivusto
nollabudjetilla
Artem Daniliants /
LumoLink

2. Minä
• Nörtti
• (Wannabe) sarjayrittäjä
• Jo lukioaikana loin ison
internetportaalin

3. Yritykseni
LumoLink luo sähköisen markkinoinnin ratkaisuja
kaikenkokoisille yrityksille.
Meiltä saa kustannustehokkaat,
hakukoneoptimoidut ja toimivat nettisivut.

4. LumoLink ❤ Wordpress
Olemme toteuttaneet monenlaisia
Wordpress-pohjaisia nettisivuja ja
verkkokaupoja.

5. Koulutuksen tavoite
• Kertoa käytännön esimerkkien kautta, miten
voit luoda todella toimivan Wordpress-sivuston
joko ilmaiseksi tai muutamalla
kympillä.
• Jakaa kokemuksen kautta tulleita parhaita
käytäntöjä.

6. Oletan sinusta seuraavia
asioita
• Osaat käyttää hiirtä
• Osaat käyttää selainta
En siis oleta, että olet tekninen ihminen ^_^

7. Mikä on nettisivu?
Verkkosivut sijaitsevat internetin palvelinkoneella,
josta käyttäjät voivat lukea niitä selainohjelmalla.
— Wikipedia

8. Mistä nettisivut
on tehty?

9. Domain
• Domain on yritysesi osoite
verkossa. Esimerkiksi
yritystakomon domain on
yritystakomo.fi
• Voit ostaa .fi-päätteisen
domainin täältä ja .com-domainin
täältä
• Domain maksaa noin 10–
20 euroa vuodessa.

10. Tietokanta
Tietokanta on tietotekniikassa
käytetty termi tietovarastolle. Se
on kokoelma tietoja, joilla on
yhteys toisiinsa. Tietokannan ei
välttämättä tarvitse olla
sähköisessä muodossa, vaan
sellaista voidaan pitää
esimerkiksi kynällä ja paperilla.
Kalenterikin on tietokanta.
— Wikipedia

11. Tiedostot
Esimerkiksi .html, .php, .css, javascript, .pdf, .jpg
jne.

12. Palvelin
Palvelin on paikka, jossa
sivustosi ja tiedostosi
sijaitsevat.

13. Mikä on Wordpress?
Wordpress on PHP-ohjelmointikielellä luotu
avoimen lähdekoodin (ilmainen)
sisällönhallintajärjestelmä, jolla on mahdollista
toteuttaa internetsivustoja, olivat ne sitten
blogeja, yrityssivuja tai vaikkapa verkkokauppoja.

14. 5 hyvää syytä
käyttää
Wordpressiä

15. #1 Monipuoliset
ominaisuudet
+ Verkkokauppa
+ Blogi
+ Portfolionhallinta
+ ja paljon muuta...

16. #2 Se on suhteellisen
yksinkertainen
+ Voit avata Wordpress-sivuston tunnissa
+ Ylläpitäminen on vaivatonta
+ Voit myös päivittää Wordpress-sivustoa työpöytä- ja mobiilisovelluksilla

17. #3 Teemoja ja lisäosia on
todella paljon
+ Tuhansia valmiita teemoja
+ Tuhansia Wordpress-lisäosia

18. #4 Wordpressiä kehittää
tuhansia ihmisiä
+ Jatkuvasti uusia ominaisuuksia
+ Todella hyvin testattu

19. #5 Se on avointa
lähdekoodia
+ Ei keinotekoisia rajoituksia
+ Ei mitään lisenssimaksuja
+ Läpinäkyvä tuotekehitys

20. Ovatko Wordpress.org ja
Wordpress.com sama
asia?
Wordpress.com on internetpalvelu, jossa on
mahdollista luoda sivusto tai blogi muokatun
Wordpress-sisällönhallintajärjestelmän avulla.
Wordpress.org taas on kotisivu, jolta voi ladata
Wordpress-sisällönhallintajärjestelmän itselleen
palvelinasennusta varten.

21. Wordpress.com-pilvipalvelu
+ Peruskäytössä ilmainen
+ Palveluntarjoaja huolehtii kaikesta teknologiasta
+ Palvelussa on tarpeeksi kapasitettia
- Sivustolle voi asentaa vain tiettyjä ulkoasuja
- Sivustolle voi asentaa vain tiettyjä lisäosia
- Maksamallakaan ei saa kaikkia rajoitteita pois

22. Asennettava versio
(Wordpress.org)
+ Ei ole mitään rajoituksia
+ Voit tehdä monia asioita, jotka eivät onnistu Wordpress.com-palvelussa
+ Esim. monipuolinen verkkokauppa
- Koko sivusto on sinun vastuullasi
- Asennus
- Webhotellin hankinta
- Varmuuskopiointi
- Wordpress-sisällönhallintajärjestelmän päivitys

23. Mihin Wordpress soveltuu
parhaiten?
• Yksinkertaiset sivut
• Yksinkertaiset monikieliset sivut
• Yksinkertaiset verkkokaupat
• Blogi
• Portfolio
Alun perin Wordpress oli suunniteltu bloggausta
varten

24. Mihin Wordpress-pohjainen
sivusto ei
sovellu?
• Monimutkainen verkkokauppa
• Sivusto, jossa integraatio muihin järjestelmiin
on tärkeä
• Monimutkainen sivusto (kattavat
käyttöoikeudet ja erikoisvaatimukset)

25. Wordpressin huonoja
puolia
• Lisäosien koodilaatu vaihtelee todella paljon
• Teemojen koodilaatu vaihtelee todella paljon
• Wordpressin perusominaisuuksien muokkaus
on vaikeaa
• Sivusto on pidettävä aina ajan tasalla

26. Kyllä Ladastakin saa
nopean auton, mutta
helpompi tie on aloittaa jo
nopeaksi suunitellusta
autosta

27. Wordpressin keskeisiä
osia
• Teema
• Widgets
• Valikko
• Lisäosat
• Sisältö
• Artikkelit (blogi)
• Sisältösivut

28. Teema
Wordpress-teema määrittelee sivuston ulkoasun
ja usein myös tuo uusia ominaisuuksia
sisällönhallintajärjestelmään.
Teema voi esimerkiksi tuoda portfolio-ominaisuuden
sivustoon.

29. Widgets
(vimpaimet)
Pieni alue ulkoasussa, johon
voidaan tuoda pieniä
widgettejä (vimpaimia), jotka
tuovat sivustoon
lisäominaisuuksia.
Esimerkiksi voidaan tuoda
näkyviin viimeisimmät
blogipostaukset.

30. Valikko
Teema määrittelee valikoiden
määrän sekä niiden fyysisen
sijainnin.

31. Lisäosat
Lisäosilla voidaan tuoda uusia ominaisuuksia,
kuten esimerkiksi monikielisyys, jota Wordpress
ei tue oletuksena.

32. Sisältö
Sisältö on joko blogipostauksia tai sivuja. Teemat
kuitenkin voivat tuoda uusia sisältötyyppejä,
kuten vaikka referenssit tai henkilöstö.
Sivustoon voi myös ladata tiedostoja, kuten
kuvia, joita sitten voi käyttää sisällössä.

33. Näin luodaan Wordpress-sivusto
Luomme yksinkertaisen sivuston, jossa on
seuraavia ominaisuuksia:
• Blogi
• Monikielisyys
• Responsiivinen ulkoasu (toimii mobiilissa)
• Ota yhteyttä -lomake
• Google Analytics -seuranta

34. Miksi sivusto on
olemassa?
Sivustolle on aina asetettava konkreettinen ja
mitattava tavoite. Kun tavoite on tiedossa, sivusto
rakennetaan niin, että se parhaiten palvelee sille
suunniteltua tavoitetta.

35. Esimerkki
Sinulla on valokuvausblogi, ja haluat saada
mahdollisimman paljon lukijoita.
• Valitaan teema, joka parhaiten tuo esiin
blogipostauksia, joissa on isoja kuvia
• Etusivulle luodaan näkyvälle paikalle
vimpaimet, joiden avulla ihmiset voivat tilata
uusia artikkeleita uutiskirjeenä
• Asennetaan lisäosia, joiden avulla ihmiset
voivat helposti lisätä kuvia blogista Pinterestiin

36. Wordpress-asennus
Asennukseen liittyvät toimenpiteet vaihtelevat
hieman riippuen webhotellista, mutta yleensä se
menee näin:
1. Ladataan Wordpress.orgista asennuspaketti
2. Puretaan zip-paketti
3. Siirretään Wordpress-tiedostot webhotelliin
4. Jatketaan asennusta selaimen kautta
Lisää infoa: codex.wordpress.org

37. Monet webhotellit
tekevät Wordpress-asennukset
helpoksi
Zoneri.fi esimerkiksi tarjoaa Wordpress-yhteensopivan
webhotellin alkaen 4,90 € + ALV

38. Wordpressin vaatimukset
webhotellille
• PHP-tuki
• MySQL-tuki
• Vähintään 100 Mb tilaa
Suurin osa webhotelleista täyttää nämä
vaatimukset.
Valitse luotettava webhotelli, joka tarjoaa
asiakastukea suomen kielellä.

39. Mistä hyvä
teema?
Tämä on mission impossible

40. Sinulla on kaksi
vaihtoehtoa

41. #1 Luoda juuri sinun
yritystäsi varten oma
teema
+ Juuri sellainen kuin haluat
+ Sopii yrityksesi brändiin
+ Ainutlaatuinen
- Kallis (vähintään 1000 €, jos tehdään Suomessa)
- Hidas (joku joutuu sen tekemään)
- Ei välttämättä hyvälaatuinen (tekijöitä on monenlaisia)

42. #2 Osta valmis teema
+ Edullinen (muutaman kymmenen dollaria)
+ Yleensä hyvinkin monipuolinen
+ Testattu monella sivustolla
- Vaatii kuitenkin räätälöintiä miltei aina
- Sivustosi ulkoasu ei ole ainutlaatuinen
- Rajoitettava (voit tehdä vain, mitä teema sallii)
- Joskus johtaa "purkkavirityksiin"

43. Ilmainen teema
wordpress.comista
+ Helppo ottaa käyttöön
+ Ilmainen
- Hyvälaatuisen teeman löytäminen vaikeaa
- Teknistä tukea harvoin saatavilla

44. Maksulliset teemat
+ Tekninen tuki yleensä saatavilla ja usein maksutta
+ Näet muiden ihmisten kommentteja teemasta
+ Teeman luoja sitoutunut päivittämään teemaa
- Teema ei ole ilmainen (~50 $)
- Teema pitää asentaa käsin

45. ThemeForest
ThemeForest.net on
suosituimpia Wordpress-teemojen
myyntisivustoja

46. Näin löydät
hyvän teeman
ThemeForestista

47. Etsi teema
asianmukaisill
a avainsanoilla
Esimerkiksi jos tarvitset
ravintolalle ulkoasun, etsi
avainsanalla "restaurant" tai
"bar"

48. Varmista että
teeman tekijä
pitää sen ajan
tasalla
Jos teemaa on päivitetty
viimeksi 2 vuotta sitten, se ei
ehkä ole paras valinta

49. Varmista, että teemalta
löytyy tarvittavat
ominaisuudet
Yleisimmät termit, joita esiintyy teemojen
kuvausteksteissä
- Responsive = toimii mobiililaitteilla kuten tableteilla ja älypuhelimilla
- E-Commerce/WooCommerce = tuki verkkokauppalisäosalle
- Color themes = pohjan värejä voidaan helposti muuttaa
- Slider = tuki kuvakarusellille
- WPML = tuki monikielisyyslisäosalle
- SEO = hakukoneoptimointi on otettu huomioon
- Portfolio = portfolio-ominaisuus

50. Käytä demo-ominaisuutta
hyväksi
Usein demon avulla näkee,
mihin teema taipuu ja mihin
ei.

51. Katso, mitä
muut sanovat
Ihmiset voivat kommentoida
teemoja ja saada kysymyksiin
vastauksia teeman tekijältä.

52. Osta teema
Teeman ostaminen on
helppoa, ja maksu tapahtuu
luottokortilla.
Tallettamalla rahaa ensin
ThemeForestiin voit säästää
muutaman dollarin

53. Teeman
tiedostot
Ostettuasi teeman saat zip-paketin,
joka sisältää
asennustiedoston, ohjeen
sekä teeman aputiedostoja,
kuten alkuperäisen .PSD-tiedoston.

54. Teeman mukana tulee
usein niin sanottu
"dummy data"
Tämä on yleensä tiedosto, jonka voi tuoda
Wordpressiin, ja se säätää teeman valmiiksi
esimerkkisisällöllä.
Teeman ohjeesta yleensä ilmenee, miten
teemaan voi tuoda esimerkkisisältöä.

55. Mitä sitten?
Seuraavat toimenpiteet riippuvat paljon
teemasta, mutta yleensä prosessi on seuraava:
1. Teema tuo admin-näkymään uuden valikon nimeltä "Theme options"
2. Sen avulla voidaan säätää teeman ominaisuuksia, kuten logoa ja värejä
3. Säädetään valikot
4. Säädetään vimpaimet

56. WordPressin
päivittäminen
Pidä WordPress ajan tasalla päivittämällä sen
ydin, lisäosat ja teemat

57. Hyödylliset
lisäosat

58. Wordpress SEO
• Wordpress SEO -lisäosalla
voit optimoida sivustosi
hakukoneita varten
helposti.
• Sen avulla voit helposti
ottaa käyttöön Google
Analytics -seurannan.
Linkki: https://
wordpress.org/plugins/
wordpress-seo/
Hinta: Ilmainen

59. WooCommerce
Suosituin tapa luoda
verkkokauppa Wordpressin
avulla.
Linkki: http://
www.woothemes.com/
woocommerce/
Hinta: Ilmainen
Suomalaiset pankkimaksut
voit ottaa helposti käytöön
erillisellä WooCommerce
Paytrail -lisäosalla (79$)

60. Ninja forms
Luo helposti itse lomakkeita,
kuten
yhteydenottolomakkeita ja
tarjouspyyntölomakkeita.
Linkki: http://
ninjaforms.com/
Hinta: Ilmainen

61. Duplicator
Helpoin tapa varmuuskopioida koko sivustosi
yksinkertaista palautusta varten.
Linkki: https://wordpress.org/plugins/
duplicator/
Hinta: Ilmainen
Luo Duplicatorilla varmuuskopiot aina ennen
kuin teet Wordpress-päivitystä tai asennat uusia
lisäosia/teemoja

62. WPML
Suosituin lisäosa, jonka avulla teet helposti
sivustosi monikieliseksi.
Linkki: http://wpml.org/
Hinta: 79$
WooCommerce ja WPML ovat yhteensopivia
ja näin voit helposti luoda monikielisen
verkkokaupan.

63. OptimizePress
OptimizePress on lisäosa,
jonka avulla voit helposti
tehdä laskeutumissivuja
valmiilla ulkoasuilla. Sen ero
on se, että jokaisella alisivulla
voi olla täysin oma rakenne ja
ulkoasu.
Linkki: http://
www.optimizepress.com/
Hinta: 97$
Sen avulla voit helposti
luoda sivun tulevaa tuotetta/
palvelua varten ja kerätä
uutiskirjeen tilaajia jne.

64. Wordpress-mobiilisovellu
kset
Lataa ilmaiset sovellukset
täältä: https://wordpress.org/
mobile/

65. Hyödyllisiä linkkejä
• Blogipostaus siitä, miten LumoLink luo
asiakkaille Wordpress-sivut
• Miten valitset hyvän kotisivujen toteuttajan ja
säästät rahaa?
• Suomenkieliset Wordpress-opasvideot

66. Ilmaiset
koulutusmateriaalit ja
ohjevideot
• YouTube: https://www.youtube.com/user/
LumoLink
• SlideShare: http://www.slideshare.net/
lumolink/presentations
• Meidän blogimme: http://www.lumolink.com/
blog/

67. Kiitos! ❤
Ota yhteyttä!
• info@lumolink.com
• www.lumolink.com

68. Photo credits
• https://www.flickr.com/photos/
djandywdotcom/
• https://www.flickr.com/photos/nocturbulous/
• https://www.flickr.com/photos/hippydelia/
• https://www.flickr.com/photos/ericmmartin/
• https://www.flickr.com/photos/
thomasletholsen/
• https://www.flickr.com/photos/slworking/

69. Photo credits
• https://www.flickr.com/photos/shindotv/
• https://www.flickr.com/photos/ejpphoto/
• https://www.flickr.com/photos/traftery/
• https://www.flickr.com/photos/ensh/
• https://www.flickr.com/photos/epsos/