Wordpress -sivusto nollabudjetilla
1 like4,979 views
"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
Wordpress -sivusto nollabudjetilla
- 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
- 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/