wordpress -sivusto nollabudjetilla
DESCRIPTION
"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_yoTRANSCRIPT
Wordpress-sivusto
nollabudjetillaArtem Daniliants /
LumoLink
Minä
• Nörtti
• (Wannabe) sarjayrittäjä
• Jo lukioaikana loin ison internetportaalin
YritykseniLumoLink luo sähköisen markkinoinnin ratkaisuja kaikenkokoisille yrityksille.
Meiltä saa kustannustehokkaat, hakukoneoptimoidut ja toimivat nettisivut.
LumoLink ❤ WordpressOlemme toteuttaneet monenlaisia Wordpress-pohjaisia nettisivuja ja
verkkokaupoja.
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ä.
Oletan sinusta seuraavia asioita• Osaat käyttää hiirtä
• Osaat käyttää selainta
En siis oleta, että olet tekninen ihminen ^_^
Mikä on nettisivu?Verkkosivut sijaitsevat internetin palvelinkoneella, josta käyttäjät voivat lukea niitä selainohjelmalla. — Wikipedia
Mistä nettisivut on tehty?
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.
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
TiedostotEsimerkiksi .html, .php, .css, javascript, .pdf, .jpg jne.
Palvelin
Palvelin on paikka, jossa sivustosi ja tiedostosi sijaitsevat.
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.
5 hyvää syytä käyttää
Wordpressiä
#1 Monipuoliset ominaisuudet+ Verkkokauppa+ Blogi+ Portfolionhallinta+ ja paljon muuta...
#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
#3 Teemoja ja lisäosia on todella paljon+ Tuhansia valmiita teemoja+ Tuhansia Wordpress-lisäosia
#4 Wordpressiä kehittää tuhansia ihmisiä+ Jatkuvasti uusia ominaisuuksia+ Todella hyvin testattu
#5 Se on avointa lähdekoodia+ Ei keinotekoisia rajoituksia+ Ei mitään lisenssimaksuja+ Läpinäkyvä tuotekehitys
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.
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
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
Mihin Wordpress soveltuu parhaiten?• Yksinkertaiset sivut
• Yksinkertaiset monikieliset sivut
• Yksinkertaiset verkkokaupat
• Blogi
• Portfolio
Alun perin Wordpress oli suunniteltu bloggausta varten
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)
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
Kyllä Ladastakin saa nopean auton, mutta
helpompi tie on aloittaa jo nopeaksi suunitellusta
autosta
Wordpressin keskeisiä osia• Teema
• Widgets
• Valikko
• Lisäosat
• Sisältö
• Artikkelit (blogi)
• Sisältösivut
TeemaWordpress-teema määrittelee sivuston ulkoasun ja usein myös tuo uusia ominaisuuksia sisällönhallintajärjestelmään.
Teema voi esimerkiksi tuoda portfolio-ominaisuuden sivustoon.
Widgets (vimpaimet)
Pieni alue ulkoasussa, johon voidaan tuoda pieniä widgettejä (vimpaimia), jotka tuovat sivustoon lisäominaisuuksia.
Esimerkiksi voidaan tuoda näkyviin viimeisimmät blogipostaukset.
Valikko
Teema määrittelee valikoiden määrän sekä niiden fyysisen sijainnin.
LisäosatLisäosilla voidaan tuoda uusia ominaisuuksia, kuten esimerkiksi monikielisyys, jota Wordpress ei tue oletuksena.
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ä.
Näin luodaan Wordpress-sivustoLuomme yksinkertaisen sivuston, jossa on seuraavia ominaisuuksia:
• Blogi
• Monikielisyys
• Responsiivinen ulkoasu (toimii mobiilissa)
• Ota yhteyttä -lomake
• Google Analytics -seuranta
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.
EsimerkkiSinulla 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
Wordpress-asennusAsennukseen 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
Monet webhotellit tekevät Wordpress-asennukset helpoksiZoneri.fi esimerkiksi tarjoaa Wordpress-yhteensopivan webhotellin alkaen 4,90 € + ALV
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ä.
Mistä hyvä teema?
Tämä on mission impossible
Sinulla on kaksi vaihtoehtoa
#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)
#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"
Ilmainen teema wordpress.comista+ Helppo ottaa käyttöön+ Ilmainen
- Hyvälaatuisen teeman löytäminen vaikeaa- Teknistä tukea harvoin saatavilla
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
ThemeForest
ThemeForest.net on suosituimpia Wordpress-teemojen myyntisivustoja
Näin löydät hyvän teeman
ThemeForestista
Etsi teema asianmukaisilla avainsanoilla
Esimerkiksi jos tarvitset ravintolalle ulkoasun, etsi avainsanalla "restaurant" tai "bar"
Varmista että teeman tekijä pitää sen ajan tasalla
Jos teemaa on päivitetty viimeksi 2 vuotta sitten, se ei ehkä ole paras valinta
Varmista, että teemalta löytyy tarvittavat ominaisuudetYleisimmä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
Käytä demo-ominaisuutta hyväksi
Usein demon avulla näkee, mihin teema taipuu ja mihin ei.
Katso, mitä muut sanovat
Ihmiset voivat kommentoida teemoja ja saada kysymyksiin vastauksia teeman tekijältä.
Osta teema
Teeman ostaminen on helppoa, ja maksu tapahtuu luottokortilla.
Tallettamalla rahaa ensin ThemeForestiin voit säästää muutaman dollarin
Teeman tiedostot
Ostettuasi teeman saat zip-paketin, joka sisältää asennustiedoston, ohjeen sekä teeman aputiedostoja, kuten alkuperäisen .PSD-tiedoston.
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öä.
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 valikot4. Säädetään vimpaimet
WordPressin päivittäminenPidä WordPress ajan tasalla päivittämällä sen ydin, lisäosat ja teemat
Hyödylliset lisäosat
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
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$)
Ninja forms
Luo helposti itse lomakkeita, kuten yhteydenottolomakkeita ja tarjouspyyntölomakkeita.
Linkki: http://ninjaforms.com/Hinta: Ilmainen
DuplicatorHelpoin 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
WPMLSuosituin 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.
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.
Wordpress-mobiilisovellukset
Lataa ilmaiset sovellukset täältä: https://wordpress.org/mobile/
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
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/
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/
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/