Wordpress -sivusto nollabudjetilla

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/

Kiitos! ❤Ota yhteyttä!

• info@lumolink.com

• www.lumolink.com

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/