WordPress 3.5

WordPress 3.5
Tietokantapohjainen julkaisujärjestelmä
© Jari Sarja / Otavan Opisto 2013
Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä
Sisältö
1. Bloggaus ..................................................................................................................................... 5
2. Blogipalveluita ja -ohjelmia ........................................................................................................ 6
3. WordPressin asennus................................................................................................................... 7
3.1. WordPressin vaatimukset ...................................................................................................... 8
3.1.1. Tietokannan luominen omalle koneelle........................................................................... 8
3.2. WordPressin asennus .......................................................................................................... 11
3.3. WordPressin tiedostot ja hakemistot ................................................................................... 16
4. Kirjautuminen WordPressiin ..................................................................................................... 17
5. WordPressin asetukset............................................................................................................... 18
5.1. Yleiset asetukset ................................................................................................................. 18
5.2. Kirjoittamisen asetukset ...................................................................................................... 19
5.3. Lukemisen asetukset ........................................................................................................... 23
5.4. Keskustelun asetukset ......................................................................................................... 24
5.5. Mediakirjaston asetukset ..................................................................................................... 25
5.6. Osoiterakenteen asetukset ................................................................................................... 26
6. Ohjausnäkymä .......................................................................................................................... 28
7. Blogikirjoituksen lisäys, muokkaus ja poisto ............................................................................. 29
7.1. Blogikirjoituksen lisäys ...................................................................................................... 29
7.1.1. Blogikirjoituksen asetukset ........................................................................................... 30
7.1.2. Kategoriat ja avainsanat................................................................................................ 31
7.2. Blogikirjoituksen muokkaus ............................................................................................... 32
7.3. Blogikirjoituksen poistaminen ............................................................................................ 33
8. Editori ....................................................................................................................................... 34
8.1. Kuvan lisääminen ............................................................................................................... 36
9. Media ........................................................................................................................................ 38
10. Linkit ...................................................................................................................................... 40
11. Sivut ....................................................................................................................................... 41
2
12. Kommentit .............................................................................................................................. 43
13. Ulkoasu ................................................................................................................................... 44
13.1. Teemat eli sivupohjat ........................................................................................................... 44
13.1.1. Oikotie sivupohjan asennukseen ................................................................................. 47
13.2. Vimpaimet eli widgetit...................................................................................................... 48
13.3. Yläpalkin asetukset ........................................................................................................... 52
13.4. Muokkain ......................................................................................................................... 53
14. Lisäosat eli pluginit ................................................................................................................. 55
14.1. Editorin virittäminen ......................................................................................................... 56
14.2. Kuvagalleria ..................................................................................................................... 58
14.3. Monta sivupohjaa samalla sivustolla ................................................................................. 61
15. Käyttäjät.................................................................................................................................. 63
15.1. Uuden käyttäjän lisääminen .............................................................................................. 63
16. Työkalut .................................................................................................................................. 65
16.1. Kirjoitusten siirtäminen toisesta blogista ........................................................................... 65
16.1.1. Tuo tietoja WordPressistä ........................................................................................... 65
16.1.2. Bloggerista tuominen.................................................................................................. 67
16.2. Kirjoitusten vieminen toiseen blogiin ................................................................................ 68
17. Offline työkalut ....................................................................................................................... 70
17.1. Windows LiveWriter ........................................................................................................ 71
17.2. QTM................................................................................................................................. 80
18. Sivupohjan teko ja muokkaaminen .......................................................................................... 86
18.1. Oman sivupohjan tekeminen ............................................................................................. 91
18.1.1. Vaihe 1 – sivupohjan elementit ................................................................................... 93
18.1.2. Vaihe 2 – blogin ulkoasu ............................................................................................ 94
18.1.3. Vaihe 3 – blogin nimi ja kuvaus ................................................................................. 97
18.1.4. Vaihe 4 – navigaatio ................................................................................................... 99
18.1.5. Vaihe 5 – sisältö ....................................................................................................... 102
18.1.6. Vaihe 6 – sivupalkki ................................................................................................. 105
3
18.1.7. Vaihe 7 – alapalkki ................................................................................................... 107
18.1.7. Vaihe 8 – viimeistely ................................................................................................ 108
18.2. Sivupohjan tekeminen verkossa ...................................................................................... 110
18.3. Ohjelmia sivupohjan tekoon............................................................................................ 110
19. Tietoturva.............................................................................................................................. 111
19.1. Salasana ja käyttäjätunnus............................................................................................... 111
19.2. Päivitä ja siivoa ............................................................................................................... 111
19.3. Varmuuskopiointi ........................................................................................................... 112
19.4. Pluginit ........................................................................................................................... 115
20. Sivuston siirtäminen toiseen osoitteeseen .............................................................................. 118
20.1. Sivuston siirtäminen omalta koneelta webiin................................................................... 118
20.1.1. Tiedostojen siirto ...................................................................................................... 118
20.1.1. Tietokannan siirto ..................................................................................................... 118
20.1. Sivuston siirtäminen toiselle palvelimelle ....................................................................... 122
Lähteet ........................................................................................................................................ 123
Liite 1 ......................................................................................................................................... 124
Liite 2. Webpalvelin omalle tietokoneelle ................................................................................... 130
Liite 3. XAMPPin asennus .......................................................................................................... 131
Liite 4. PHP ini ........................................................................................................................... 142
4
1. Bloggaus
Bloggaus on tällä hetkellä nouseva trendi. Yhä useammalla yrityksellä on blogi, jossa ne tarjoavat
tietoja tuotteistaan ja palveluistaan. Maailmalla yksi tunnetuimmista yritysten blogeista on Fsecuren blogi ”News from the Lab” (http://www.f-secure.com/weblog/), mutta myös pienet
yritykset kirjoittavat blogia kuten esim. haapajärveläinen ”Kotihoitopalvelu Huusholli”
(http://www.huusholli.com/blogi.html). Nykyisin blogit pääsevät jopa telkkariin, ainakin
ulkoministeri Erkki Tuomiojan blogi. Lisäksi Yle lähetti keväällä 2012 ohjelmaa Blogistania, jossa
esiteltiin kymmenen bloggaavaa nuorta naista. Lisäksi meillä Suomessakin on muutamia
ammattibloggaajia, jotka tienaavat rahaa blogillaan. Markus Ossi mainostaa olleensa Suomen
ensimmäinen ammattibloggaaja vuonna 2009. (Ossi, 2009). Yksi tunnetuimpia ammattibloggaajia
on Cava, joka vuoden 2013 alussa kirjoitti blogissaan ammattinsa varjopuolista.
”En sano, että bloggaaminen olisi raskasta työtä, se on itseasiassa aika kevyttä ja nautin siitä.
Mutta sanon, että bloggaamisen myötä tuleva tunnettuus ja sen myötä tuleva paska on
raskasta ja tämä työ onkin erityisen raskasta henkisesti. Olenkin ollut yhteydessä sekä
nettipoliisi Marko Forssiin sekä parin palstan ylläpitoon tänään.” (Cava, 2013.)
Ruotsissa bloggaamisella ansaitsevia henkilöitä on enemmän kuin Suomessa. Tosin ainakin välillä
bloggaamisella saavutettuja tienestejä on liioiteltu kuten esim. tapauksessa Blondinbella. Kyseistä
blogia kirjoittaa Isabella Löwengrip, joka on Ruotsin tunnetuimpia bloggaajia. Hän tienasi
blogillaan vuonna 2009 noin 7000 kruunua kuukaudessa. Julkisuudessa hän oli kertonut tienaavansa
blogillaan huomattavasti enemmän kuin hän todellisuudessa tienasi. (Ks. esim. Aftonbladet 2009.)
Oma lukunsa blogirintamalla on Yhdysvallat. IT-viikko kertoo, että Yhdysvaltain työministeriön
tilastojen mukaan maassa on jo 452 000 päätoimista bloggaajaa. (IT-viikko.) Siitä tosin ei ole tietoa
kuinka hyvin kyseiset bloggaajat tienaavat blogillaan. Lisäksi on huomioitava, että suurin osa
blogeista on pystytetty harrastusmielessä., jolloin niillä on muita kuin rahallisia tavoitteita.
Bloggauksella on omat hyvät puolensa. Blogien lukeminen ja kirjoittaminen kehittävät luku- ja
kirjoitustaitoa. Blogit luovat lisäksi yhteisöllisyyttä, koska jokuhan niitä blogeja lukee. Unohtaa ei
myöskään sovi, että ajatusten jakaminen kokemastaan on paitsi hauskaa myös hyödyllistä. Jotkut
jopa onnistuvat myymään bloginsa kustantajalle, joka sitten julkaisee kirjan. Yksi sellainen
esimerkki löytyy Ruotsista eli Supermamman. Aluksi Supermamman oli blogi, mutta suuren
suosion myötä kustantaja kiinnostui siitä.
Blogin ja keskustelun eroa voisi havainnollistaa vertauksella. Keskustelufoorumi on kuin tori. Siellä
on paljon ihmisiä ja voit jutustella eri ihmisten kanssa. Osa kiertelee torilla ihmettelemässä
ihmisvilinää ja kuuntelee satunnaisesti muiden keskusteluja. Tori on paikka, jonne kaikki voivat
tulla. Siellä tapaa joka kerta eri ihmisiä kuin edellisellä kerralla.
Blogista voisi sanoa, ettei se ole tori vaan se on takapiha. Se on hyvin lähellä ja se on oma. Joku voi
kauempaa ihmetellä pihaa ja joku voi taas olla pihalla syömässä tai ottamassa aurinkoa. Tori on
hyvin yleinen ja aihepiirit voivat olla mitä tahansa. Blogi on aina henkilökohtainen ja rajoittuu
johonkin ti joihinkin aihepiireihin. Blogin hyvyys on juuri keskittyminen.
5
2. Blogipalveluita ja -ohjelmia
Blogeja voi tehdä helposti ihan verkossa ilman asennusta ja kaiken lisäksi ilmaiseksi. Blogger on
hakukoneyhtiö Googlen omistama blogipalvelu, joka on ollut verkossa vuodesta 1999 lähtien. Sen
perusti tuolloin Pyra Labs -niminen yritys, jonka Google osti vuonna 2003. Ensijulkaisunsa aikoihin
Blogger oli ensimmäisiä bloggaukseen keskittyneitä alustoja, ja sille kuuluu ainakin osakiitos
blogien suosion noususta 2000-luvulla. Blogger oli ensimmäisiä blogipalveluita, joiden käyttäjien ei
tarvinnut käyttää HTML:ää tai lähettää sisältöä erikseen kotisivupalvelimelle, vaan blogimerkinnät
voitiin kirjoittaa suoraan lomakkeeseen webissä. (Wikipedia.) Bloggerissa voi valita itselleen
sopivan kielivaihtoehdon, koska palvelu toimi usealla eri kielellä. Blogger huono puoli on, että
palvelu keskittyy blogin perustoimintoihin eli uudistuksia toteutetaan nihkeästi.
Vuodatus on suomalainen ja suomenkielinen blogipalvelu, jonka saa muutamassa minuutissa
käyttöön. Palvelun omistaa Alma Mediaan kuuluva Kustannusosakeyhtiö Iltalehti. Blogin ulkoasua
voi muokata ja siihen voi liittää helposti kuvia. (Helppokäyttöiset blogipalvelut.)
Wordpress online on hyvä vaihtoehto paljon bloggaavalle, koska blogien kaikki perustoiminnot
ovat käytettävissä. Wordpress online toimii usealla eri kielellä ja sen voi yhdistää kätevästi
LiveWriteriin, jolloin voit kirjoittaa blogikirjoituksia entistäkin helpommin. Tästä vaihtoehdosta
lisää tietoa liitteessä 1.
Blogiohjelmista, jotka pitää asentaa palvelimelle, on WordPress paras valinta. WordPress on
hallinnut blogiohjelmistojen kenttää niin suvereenisti, että kilpailevat blogiohjelmat ovat täysin
jääneet sen varjoon. WordPressiä on jossain määrin pystynyt haastamaan ainoastaan Movable Type.
Kauempana takana on sitten Textpattern. Sitten on monia julkaisujärjestelmiä, joilla voi luoda oman
bloginsa. Varsinkin Drupal on kunnostautunut kyseisellä saralla.
Mikäli etsit blogiohjelmaa, joka ei vaadi tietokantaa, on valinnanvara niukka. Jotakin löytyy kuten
esim. seuraavat.

FlatPress

Blosxom

Ode
Lisäksi blogiin taipuvat ainakin jossain määrin flatfilejulkaisualustat Pluck ja GetSimple.
Käytännössä kannattaa aina valita blogialustaksi WordPress, jos siihen on mahdollisuus. Parasta on,
jos blogi on täysin oma ja omalla palvelimella. Toiseksi paras vaihtoehto, on käyttää Wordpressin
online palvelua. On myös huomattava, että WordPress on suosittu myös puhuttaessa tavallisista
julkaisujärjestelmistä. Se on oiva valinta esim. yrityksen tai yhdistyksen julkaisujärjestelmäksi, joko
blogin kanssa tai ilman.
6
3. WordPressin asennus
WorpPress on Open Source-pohjainen web-julkaisuohjelmisto. Se on ensisijaisesti julkaisutyökalu
blogeille, mutta soveltuu erinomaisesti myös pienimuotoiseksi Content Management System –
järjestelmäksi (CMS = julkaisujärjestelmä). WordPress on eräs maailman levinneimmistä ja
arvostetuimmista blogiohjelmistoista, jonka takana on erittäin aktiivinen kehittäjätiimi ohjelmistosta ilmestyy uusia parannettuja versioita tasaiseen tahtiin. WordPress on helposti
räätälöitävissä organisaation käyttöön teemojen avulla ja käyttöliittymään löytyy kielipaketteja
useilla kielillä, tietysti myös Suomeksi. Ohjelmistoon on myös tarjolla runsas valikoima erilaisia
plug-in-ohjelmia, joiden avulla järjestelmään on helppo lisätä uusia ominaisuuksia.
WordPressin hyvyys on huomattu myös erilaisissa kilpailuissa. Vuonna 2009 WordPress voitti
palkinnon sarjassa “Packt best Open Source CMS Awards”. Ja seuraavan vuonna palkinto tuli
sarjassa “Hall of Fame Open Source Awards.” (Wikipedia.) Webissä WordPressin suosio näkyy
myös siinä, että monet sivustot käyttävät WordPressiä julkaisualustana. Wappalyzerin mukaan
WordPress on suosituin julkaisujärjestelmä. Alkuvuodesta 2013 sen osuus oli peräti 53 % kaikista
asennetuista julkaisujärjestelmistä. (Wappalyzer.)
Uusin WordPress on ladattavissa osoitteesta: http://wordpress.org/
Kannattaa aina valita uusin, koska se on tietoturvan kannalta paras vaihtoehto.
Tosin nykyisin suomenkielinen versio on hyvin ajan tasalla, joten siksi se paras valinta.
http://fi.wordpress.org/
Kun lataus on valmis, on seuraavana vuorossa zip-paketin purku. Tässä esimerkissä asennetaan
WordPressin omalle koneelle, jossa on asennettuna XAMPP (ks. liitteet 2 ja 3). Sinne on luotu uusi
kansio nimeltä wordpress3. Kansion polku on C:\xampp\htdocs (ks. seuraava kuva).
7
3.1. WordPressin vaatimukset
Tässä esimerkissä asentaminen tapahtuu omalle palvelimelle, mutta menetelmä on aivan sama
käytettäessä webhotellin palveluja. WordPress vaatii toimiakseen webpalvelimen, jossa on PHPtuki ja MYSQL. Jos jompikumpi puuttuu, ei asennus onnistu. Mikäli WordPress asennetaan omalle
koneelle, kannattaa asentaa ensin jokin palvelinohjelma kuten esim. XAMPP (ks. liitteet 2-3),
jolloin WordPress toimii ongelmitta. Mikäli hankit webhotellia, varmista ensin PHP:n ja MYSQL:n
tilanne. Tässä alla esimerkki avaruus.netin webhotellista, jossa on sekä PHP että MySQL.
3.1.1. Tietokannan luominen omalle koneelle
Kun koneella on webpalvelin ja MySQL (ks. liite 2), on kaikki lähes valmista asennusta varten.
Vielä tarvitaan kuitenkin tietokanta ja sille käyttäjä. Luodaan uusi käyttäjä ja tietokanta menemällä
webselaimella osoitteeseen: localhost/phpmyadmin/.
Mikäli tietokanta on suojattu, kirjoitetaan ensin käyttäjätunnus (root) ja salasana.
Valitaan välilehti ”Users”, joissakin PhpMyadminin versioissa on valittava välilehti ” Käyttäjät”.
8
Valitaan linkki ”Lisää uusi käyttäjä”.
Kirjoitetaan käyttäjänimi (wordpress3) ja valitaan palvelimeksi localhost. Kirjoitetaan salasana
(wordpress3) kahteen kertaan. Lisäksi laitetaan merkki kohtaan ”Luo samanniminen tietokanta ja
anna kaikki oikeudet”.
Käyttöoikeuksien suhteen kannattaa laittaa ruksi jokaiseen kohtaan..
9
Painetaan lopuksi painiketta Lisää käyttäjä (ks. yllä).
Sitten ilmestyy ilmoitus, että uusi tietokanta ja käyttäjä on lisätty.
Jos käytät webhotellia, ei em. toimenpiteitä tarvitse tehdä, koska webhotelli on tehnyt ne puolestasi.
Juuri luodun tietokannan tiedot ovat seuraavat.

käyttäjä: wordpress3

salasana: wordpress3

tietokanta: wordpress3

palvelin: localhost
Mikäli käytät webhotellia, saat sieltä samantyyppiset tiedot.
10
3.2. WordPressin asennus
Mennään ensin kansioon, jossa purettu WordPress sijaitsee. Tässä esimerkissä käytetään selaimena
Firefoxia, jonka osoiteriville on kirjoitettu localhost/wordpress3/.
Sitten ollaankin jo suoraan asennusvaiheessa. Asennus alkaa, kun napsautetaan painiketta ”Luo
asetustiedosto”.
Sitten tulee informaatiota, jonka lukemisen jälkeen napsautetaan painiketta ”Jatketaan”.
11
Syötetään tiedot ja painetaan painiketta ”Lähetä”.
HUOM! Tietokantapalvelin (host) on 90 % varmuudella aina localhost, oli sitten
kyseessä oma kone tai webhotelli.
Kun tietokantaan liittyvät tiedot ovat oikein, ilmestyy selkeä ilmoitus. Jatketaan napsauttamalla
painiketta ”Asenna Wordpress”.
Laitetaan blogille otsikko ja käyttäjänimi.
12
Kirjoitetaan pääkäyttäjän salasana kahdesti (wordpress2013).
HUOM! Salasanan pitää olla turvallinen. Koska asennus tapahtuu omalle koneelle, on
salasana helppo eli wordpress2013. Näin siksi, että se olisi helppo muistaa, koska omalla
koneella ei yleensä ole sähköpostipalvelinta eli salasanaa ei voi tilata sähköpostiin. Älä käytä
näin helppoa salasanaa webpalvelimelle asennetussa versiossa (tietoturvariski).
Kirjoita oma s-postisi osoite (tärkeä tieto, esim. voit saada siihen osoitteeseen kadonneen
salasanasi). Huom! omalla koneella s-postin lähettäminen ei välttämättä toimi. Lopuksi painat
painiketta ”Asenna WordPress”.
Ja nyt kaikki on valmista eli WordPress julkaisujärjestelmä on asennettu. Kirjautuminen vastaasennettuun WordPressin on mahdollista..
13
Kirjoitetaan tunnus ja salasana.
Kirjautumisen onnistuttua ollaan ohjausnäkymässä.
14
Sivustolle pääsee kätevästi klikkaamalla blogin nimeä ja valitsemalla ”Vieraile sivustolla”.
Ja tältä se blogi näyttää ulospäin.
Oikeasta yläreunasta löytyy painike, jolla pääset kirjautumaan ulos.
15
3.3. WordPressin tiedostot ja hakemistot
WordPressin muokkaamista helpottaa, jos tietää mitä missäkin sijaitsee ja mitä ne kaikki tiedostot ja
kansiot ovat. Näitä tiedostoja joudut siirtelemään webpalvelimelle ftp:n avulla. Osalle kansioista ja
tiedostoille ei tarvitse tehdä yhtään mitään.
1. /
2. /wp-admin/
3. /wp-includes/
4. /wp-content/
1. / on blogin juuri. Siellä sijaitsee monia tiedostoja kuten esim. RSS-syöte. Tänne ei tehdä
muutoksia juuri koskaan.
2. /wp-admin/ Tässä hakemistossa sijaitsee hallinnointipaneeli. Tähän kansioon ei tarvitse
puuttua millään tavoin
3. /wp-includes/ Täällä on erilaisia toimintoja kuten esim. Ajax. Tännekään ei tarvitse tehdä
muutoksia.
4. /wp-content/ Tämä on se kaikkein mielenkiintoisin hakemisto muokkauksen kannalta.
Tänne kansioon tarvitsee mennä usein. Siellä sijaitsee kaksi alakansiota.
/themes/ - se sisältää ulkoasuun liittyvät tiedostot.
/plugins/ - se sisältää plugarit eli liitännäiset.
16
4. Kirjautuminen WordPressiin
WordPressiin kirjaudutaan siten, että osoitteen jälkeen kirjoitetaan wp-admin. Eli juuri äsken
luodun blogin osoite on localhost/wordpress3/, jos halutaan kirjautua sinne kirjoitetaan kuten alla
olevassa kuvassa eli localhost/wordpress3/wp-admin.
Joissakin tapauksissa kirjautumislinkki voi olla näkyvillä suoraan websivulla. Silloin
websuunnittelija on sen sinne sijoittanut. Lisäksi kirjautumislinkin voi valita tarjolla olevista
vimpaimista (Meta –vimpain).
Vimpaimista kerrotaan luvussa ”13.2. Vimpaimet eli widgetit”.
17
5. WordPressin asetukset
WordPressissä on runsaasti vaihtoehtoja asetuksiin, jonka vuoksi se on hyvin muokattavissa. Lähes
kaikkeen pääsee vaikuttamaan juuri asetusten kautta. WordPressin asetukset sijaitsevat
ohjausnäkymässä eli backendissä, joka vaatii kirjautumista (ks. luku 4).
5.1. Yleiset asetukset
Ohjausnäkymässä valitaan ”Asetukset” (eng. Settings ja general).
Kyseinen painike vie suoraan yleisiin asetuksiin.
Laitetaan ensiksi sivuston otsikko ja alaotsikko kuntoon.
Vaihdetaan sähköpostisoite, jos sille on tarvetta.
Valitaan käytäntö sen suhteen, että voiko sivuston käyttäjäksi rekisteröityä. On suositeltavaa, ettei
kuka tahansa voi rekisteröityä. Jos kuitenkin ruksi laitetaan kohtaan ”kuka tahansa voi
rekisteröityä”, on suositeltavaa laittaa käyttäjien rooli matalaksi esim. ”tilaaja” on hyvä.
Esimerkiksi tällainen menettely kuin alla olevassa kuvassa ei ole fiksu.
Tässä tapauksessa kuka tahansa voisi rekisteröityä eli saada kaikki mahdolliset oikeudet blogiin.
18
Seuraavaksi tarkistetaan aikavyöhyke (Helsinki) ja kuinka päivämäärä näytetään.
Lopuksi valitaan kellon esitystapa sekä se mistä viikonpäivästä viikko käynnistyy.
5.2. Kirjoittamisen asetukset
Kirjoittamisen asetuksilla vaikutetaan siihen millainen on se näkymä, johon kirjoitetaan. Lisäksi on
mahdollista vaikuttaa siihen, että julkaistaanko kirjoituksia esim. sähköpostin kautta.
Ensimmäiset asetukset vaikuttavat muotoiluun, artikkeleiden oletuskategoriaan ja
oletusartikkelimuotoon.
Siinä alapuolella on kuvake ”Julkaise tämä”.
19
Kyseinen painike raahataan kirjainmerkkeihin.
Tämän jälkeen voi kirjoittaa artikkelin liittyen mihin tahansa websivuun. Sivun ollessa auki
tarvitsee vain napsauttaa kyseistä kirjainmerkkiä ja samalla avautuu näkymä, jossa on linkki
kyseiselle sivulle. Linkin lisäksi myös otsikko on paikoillaan. Tämä toiminto on kätevä, jos
kirjoittaa blogissaan vinkkejä liittyen muihin sivustoihin.
20
Sähköpostin kautta on mahdollista lähettää tekstejä julkaistavaksi. HUOM! WordPress julkaisee
kaiken mitä postiin tulee eli valitse tarkoin sähköpostiosoite, jotteivät tavalliset sähköpostiviestisi
vuoda julkisuuteen.
Sähköpostia fiksumpi tapa julkaista viestejä suoraan omalta koneelta on ”Etäjulkaisu”. Tästä
aiheesta lisää luvussa 17, jossa käsitellään LiveWriteria.
Alimmaisena kirjoittamisen asetuksissa on ”Päivityspalvelut”.
Blogilista ottaa päivityspingauksia vastaan osoitteessa:
http://www.blogilista.fi/blogipalvelut/ping
Kyseisessä kohdassa ei välttämättä ole mitään, jos märittelit niin asetuksissa. Napsauta silloin
linkkiä ”näkyvyysasetuksista”
21
Ota ruksi pois kohdasta ”Kiellä sivuston näkyminen hakukoneissa”.
Palaa sitten asetuksiin ja lisää osoitteita siellä jo olevan lisäksi.
Jos blogi on blogilistalla ja siinä on mahdollisuus laittaa pingaus päälle. Se kannattaa laittaa päälle,
koska silloin blogilista saa tiedon automaattisesti aina, kun blogi päivittyy.
Tässä listaa ping-palveluista.
http://www.blogilista.fi/blogipalvelut/ping
http://rpc.pingomatic.com/
http://nyligen.se/ping/
http://rpc.pingomatic.com/
http://rpc.twingly.com
http://ping.bloggnytt.se
http://rpc.aitellu.com
http://www.weblogalot.com/ping
http://rpc.twingly.com
http://api.feedster.com/ping
http://api.moreover.com/RPC2
http://www.blogdigger.com/RPC2
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
22
http://bulkfeeds.net/rpc
http://www.newsisfree.com/xmlrpctest.php
http://ping.blo.gs/
http://api.moreover.com/ping
http://ping.feedburner.com
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://rpc.blogrolling.com/pinger/
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://www.feedsubmitter.com
http://blo.gs/ping.php
http://www.pingerati.net
http://www.pingmyblog.com
http://geourl.org/ping
http://ipings.com
5.3. Lukemisen asetukset
WordPressin oletus on, että kirjoitetaan blogia. Siksi etusivu on aina oletuksena blogi. Eli
napsautettaessa linkkiä ”Etusivu” ilmestyy blogin kirjoituksia.
Asetuksissa se näyttäytyy siten, että pallukka on kohdassa ”Uusimmat artikkelit”.
Jos tehdään tavallista websivustoa, jossa blogi ei ole pääjuttu, kannattaa tehdä kuten alla.
23
Eli linkistä ”Etusivu” avautuu sivu, jonka nimi on ”Esimerkkisivu”. Blogille on tehty oma sivu,
jonka nimi on blogi.
HUOM! WordPressin käännös määrittelee blogikirjoitukset nimellä artikkelit. Siksi
Artikkeleiden sivu on sama kuin blogikirjoitusten sivu.
WordPressissä voidaan myös määritellä myös kuinka monta blogikirjoitusta ja uutissyötettä
näytetään. Oletuksena laitetut luvut ovat tosin hyviä, joten niitä ei tarvitse muuttaa..
Seuraava kohta koskee RSS:ää eli uutissyötteitä. Kyse ei ole blogiteksteistä. Tätä asetusta ei
kannata muuttaa.
Viimeinen kohta koskee sivuston näkymistä hakukoneissa. On suositeltavaa, ettei sitä kielletä.
kannata kieltää.
5.4. Keskustelun asetukset
Keskustelun asetukset vaikuttavat lähinnä siihen, että kuka saa kommentoida blogikirjoituksia.
Asetusten ensimmäisen kohdan rukseista viimeinen eli kolmas kohta on se tärkein eli voiko uusia
blogikirjoituksia kommentoida vai ei.
HUOM! Jos ruksi poistetaan kohdasta ”Salli uusien artikkeleiden kommentointi”, mutta
joku on jo kommentoinut kirjoitusta, silloin kommentointi on edelleen mahdollista.
24
Seuraava kohta liittyy siihen, että millä ehdoilla saa kommentoida. Yleensä on hyvä, että
kommentoija ilmoittaa nimensä ja sähköpostiosoitteensa.
Sähköpostin osalta voit valita, että saatko WordPressiltä postia vai ei. Nuo kohdat kannattaa pitää
raksitettuna, jos haluaa tietää blogin tapahtumista.
Robottien lisäämiä kommentteja voit vähentää mm sillä, ettet hyväksy suoraan kommentteja, joissa
yli 2 linkkiä.
Seuraavissa kohdissa voi luetella sanoja, joiden perusteella voi vaikka heittää kommentin suoraan
roskiin.
Sitten siellä on vielä yksi kohta avatartoiminolle. Sen aktivoiminen ei ole suositeltavaa, koska se
vaan hidastaa blogin selaamista.
5.5. Mediakirjaston asetukset
Mediakirjaston asetuksiin ei ole tarvetta tehdä muutoksia. Siellä on oletuskokoja kuville ja
oletusasetukset ovat hyvät. Ruksi kohtaan ”Järjestä siirtämäni tiedostot kuukauden ja vuoden
mukaan nimettyihin kansioihin” kannattaa säilyttää, jos haluaa järjestää kuvat samalla systeemillä
kuin blogimerkinnät.
25
5.6. Osoiterakenteen asetukset
Tämä kohta on sivujen löydettävyyden kannalta hyvin merkittävä. Hakukoneille on ongelma
päätellä mitä mahtaa sisältää artikkeli ?p=151.
Asetuksia muuttamalla saman blogikirjoituksen URL-osoite on hakukoneiden kannalta paljon
selkeämpi eli siinä on informaatiota sisällöstä.
Tärkeintä on, että valitaan joku muu vaihtoehto kuin ensimmäinen.
26
Kun vielä säädetään luokat ja avainsanat, saadaan siistejä osoitteita.
27
6. Ohjausnäkymä
Ohjausnäkymä eli Dashboard – Näyttää sen mitä blogissa on viimeksi tapahtunut eli
viimeisimmät kirjoitukset ja kommentit näkyvät. Samoin WordPessin kehittäjäyhteisön uutiset
tulevat tänne. Tämä painike on vasemmassa palkissa ylimmäisenä.
Tämän painikkeen avulla saa nopean katsauksen sivuston tapahtumista.
Täältä löytyy myös tietoa siitä mitä WordPressille kuuluu.
Kohdassa päivitykset, näkyy tietoa päivityksistä. Tämä on kätevä toiminto, koska yleensä
päivitykset joutuu tekemään ftp:n kautta. WordPress on tässä suhteessa hyvin käyttäjäystävällinen
eli klikataan vaan kyseistä kohtaa ja noudatetaan ohjeita.
28
7. Blogikirjoituksen lisäys, muokkaus ja poisto
Blogikirjoitukset ovat suomenkielisessä versiossa nimellä ”Artikkelit”. Saman valikon alta löytyvät
myös avainsanat ja aiheet.
7.1. Blogikirjoituksen lisäys
Uuden blogikirjoituksen voi lisätä suoraan ohjausnäkymässä, tosin silloin on kyseessä pikajulkaisu
eli esim. editori puuttuu.
Yleensä pikajulkaisua parempi vaihtoehto on valita ”Artikkelit” ja sieltä kohta ”Lisää uusi”.
Sitten laitetaan otsikko paikoilleen.
Ja sitten kirjoitetaan itse teksti.
29
Lopuksi napsautetaan painiketta ”Julkaise”.
7.1.1. Blogikirjoituksen asetukset
Oikealla oleva valikko mahdollistaa runsaasti erilaisia vaihtoehtoja blogikirjoituksen julkaisulle.
Siellä on esim. mahdollisuus tallentaa luonnos julkaisusta, jolloin blogikirjoitus on tallessa, mutta
sitä ei ole vielä julkaistu.
Lisäksi on mahdollisuus määritellä myös blogikirjoituksen näkyvyys.
Oletusarvoisesti blogikirjoitus on julkinen. Jos laittaa ruksin kohtaan ”Kiinnitä tämä artikkeli
etusivulle”, on kyseinen kirjoitus aina blogissa ensimmäisenä. On myös mahdollisuus suojata
kirjoitus salasanalla tai määritellä sen yksityiseksi.
30
On myös mahdollista määritellä julkaisuajankohta. Varsin usein himobloggaajat kirjoittavat illalla
valmiiksi kolme kirjoitusta ja ajastavat julkaisut siten, että ne ilmestyvät päiväsaikaan.
Alempana on vielä erikoinen kohta nimeltään ”Muoto”. Tässä on kyse siitä, että blogikirjoituksesta
otsikko jää pois ja tilalle lukee esim. ”Sivuhuomautus” tai ”Linkki”.
Ehkä käyttökelpoisin noista on ”Tilapäivitys”, koska se muistuttaa Facebookia, Twitteriä jne.
7.1.2. Kategoriat ja avainsanat
Kun kirjoitetaan uutta blogimerkintää, on mahdollista valita sille kategoria eli luokka. Yleensä
luokkia on noin väliltä 5-15. Luokan tarkoitus on helpottaa aineiston ryhmittelyä. Tässä alla on
esimerkki yhdestä luokittelusta. Napsautettaessa linkkiä nähdään heti luokkaan liittyvät
kirjoitukset..
31
Uusia luokkia voidaan luoda kohdasta “Lisää uusi kategoria”.
Tagit eli avainsanat kannattaa laittaa jokaiseen viestiin. Sillä tavoin voit niputtaa asioita yhteen.
7.2. Blogikirjoituksen muokkaus
Uusia blogikirjoituksia voidaan muokata valitsemalla ”Kaikki artikkelit”.
Sen jälkeen valitaan kirjoituksen kohdalta ”Muokkaa”.
On myös mahdollista valita pikamuokkaus, jolloin päästään suoraan blogikirjoituksen asetuksiin.
32
7.3. Blogikirjoituksen poistaminen
Blogikirjoituksia voi poistaa valitsemalla ”Kaikki artikkelit”.
Sen jälkeen valitaan kirjoituksen kohdalta ”Roskakoriin”.
HUOM! Roskakori tarkoittaa sitä, että kirjoitukset ovat pois näkyvistä. Poistetut kirjoitukset vielä
palauttaa. Tarvitsee vain valita ”Roskakori”.
Sen jälkeen valitaan, mikä artikkeli palautetaan.
33
8. Editori
Editori on sama sekä blogikirjoituksille (ks. luku 7) sekä tavallisille websivuille. Artikkeli ( eng.
Post) tarkoittaa blogimerkintää eli yhtä merkintää päiväkirjaan. Kun kirjoitetaan uutta
blogimerkinnän, tulee se automaattisesti ylimmäksi. Staattiset sivut pysyvät paikallaan (ks. luku
11). Ne eivät mene arkistoon eivätkä painu sivulla alaspäin, kun lisäät uudet blogimerkinnän.
Tässä esitellään editorin toiminnot järjestyksessä vasemmasta yläkulmasta.
Jos näkyy vain yksi rivi, on napsautettava painiketta, joka on ensimmäisellä rivillä viimeisenä.
Ylärivin painikkeet
Lihavoitu, jonka avulla voi lihavoida tekstin.
Kursivoitu, jonka avulla voi kursivoida tekstin.
Yliviivaus, jonka avulla voi yliviivata tekstin.
Järjestämätön lista, jonka avulla voi tehdä järjestämättömiä listoja.
Numeroitu lista, jonka avulla voi tehdä numeroituja listoja.
Kappalelainaus, jonka avulla voit asettaa kappaleita lainauksiksi.
Tasaa vasemmalle, jonka avulla voi tasata tekstin vasemmalle.
Keskitä, jonka avulla voi keskittää tekstin.
Tasaa oikealle, jonka avulla voi tasata tekstin oikealle.
34
Lisää tai muokkaa linkki, jonka avulla pääsee lisäämään tai muokkaamaan jo olemassa olevaa
linkkiä.
Poista linkki, jonka avulla poistat olemassa olevan linkin.
Lisää more-tagi (lue merkki), jonka avulla voi tehdä artikkelista tiivistelmän ja tällöin se näytetään
etusivulla tiivistettynä ja siitä on kokonaiseen artikkeliin.
Oikoluku päällä tai pois, jonka avulla suoritetaan tekstin oikoluku.
Koko ruudun näyttö päällä tai pois, jonka avulla pääsee kirjoittamaan artikkelia tai sivua koko
ruudun editorilla. Paluu peruseditoriin tapahtuu napsauttamalla painiketta uudelleen.
Näytä tai piilota lisävalinnat, jonka avulla pääset laajentamaan tai supistamaan editorin
ominaisuuksia.
Alarivin painikkeet
Muotoilu, jonka avulla voi luoda otsikkoja.
Alleviivaus, jonka avulla voi alleviivata tekstin.
Tasaa molemmat reunat, jonka avulla voi tasata tekstin molemmille reunoille. Yleensä tämä on
huono valinta, koska tekstin tavutus puuttuu.
Valitse tekstin väri, jonka avulla voit valita tekstille värin.
Liitä muotoilematon teksti, painikkeen avulla lisätään sivulle kaikenlaista tekstimateriaalia ilman
erilaisia kuvia tai tehosteita
Liitä Word-asiakirjasta, jonka avulla on mahdollista liittää tekstiä editoriin suoraan Wordasiakirjasta.
Poista muotoilu, jonka avulla poistetaan tekstistä kaikki muotoilut..
Lisää erikoismerkki, jonka avulla lisätään tekstiin erikoismerkkejä.
35
Pienennä sisennystä, jonka avulla pienennetään sisennystä.
Suurenna sisennystä, jonka avulla suurennetaan sisennystä.
Kumoa, jonka avulla kumotaan aiemmin editorilla tehty toiminto.
Tee uudelleen, jonka avulla tehdään kumotun toiminto uudelleen.
Ohje, jonka avulla saadaan lisäapua editorin käyttöön.
8.1. Kuvan lisääminen
Editorissa ei enää ole painiketta kuvan lisäämistä varten. Kuvan lisääminen on kuitenkin aiempaa
helpompaa tästä puutteesta huolimatta. Kuvan lisääminen alkaa sillä, että ensin merkitään kohta
kursorilla, jonne kuva lisätään (1). Sitten painetaan painiketta ”Lisää/siirrä media” (2).
36
Sitten napsautetaan painiketta ”Valitse tiedostot”.
Valitaan sen jälkeen omalta tietokoneelta tiedostot ja lopuksi painetaan painiketta ”Lisää tekstiin”.
Kun kuva on siirretty WordPresiin voi sen valita myös Mediakirjastosta tai Galleriasta. Myös URLosoitteesta voit lisätä kuvan, mutta se on vanhanaikainen ja hankala tapa..
37
9. Media
”Lisää uusi” toiminnon avulla on mahdollista lisäillä tiedostoja kuten esim. ääntä, kuvaa ja
liikkuvaa kuvaa.
Sitten joko raahataan tai valitaan siirrettävät tiedostot..
Tätä kautta voi tuoda Mediakirjastoon useamman tiedoston kerralla.
Siirron valmistuttua tiedostot näkyvät näytöllä.
Täällä näkyvät myös WordPresiin editorin kautta tuodut mediatiedostot.
38
Täältä saadaan myös selville tiedostojen URL-osoitteet. Valitaan vaan tiedosto ja sitten muokkaa.
Tämän jälkeen URL-osoite näkyy kohdassa ”Tiedoston URL”.
39
10. Linkit
Aiemmissa WordPressin versioissa oli mahdollisuus luoda blogroll eli sivuilla näkyvä linkkilista.
Uudemmissa WordPressin 3.5. versioissa ei tätä kätevää toimintoa ole lainkaan, mutta sen saa
edelleen käyttöön Plugin avulla. Kätevä plugin tähän tarkoitukseen on Link ManagerWordPress
Plugin (ks. plugineista lisää luvussa 14.).
Eli tätä toimintoa ei ole enää nykyisessä WordPressissä. Seuraava koskee ainoastaan WordPressin
versioita ennen 3.5:ttä.
Links –sivustolle voi lisäillä linkkejä ja luokitella niitä kategorioihin.
Voi näyttää esim. tällaiselta websivulla.
HUOM! Sivulla ei välttämättä näy bloggrollia. Kyse on siitä, että onko kyseinen Wimpain
käytössä vai ei (ks. luku 13.2.).
40
11. Sivut
WordPress on ensisijaisesti blogiohjelma, mutta käyttämällä ”sivuja”, saa siitä hyvän
julkaisujärjestelmän.
Websivustolle voidaan lisätä sivuja napsauttamalla linkkiä ”Lisää uusi”. Sivujen järjestys voi olla
täysin erilainen kuin suunniteltu., koska sivut menevät oletusarvoisesti aakkosjärjestykseen.
Ongelma korjaantuu, kun laitetaan jokaiselle sivulle järjestysnumero. Silloin sivut asettuvat juuri
haluttuun järjestykseen. Järjestysnumeron saa laitettua. kun napsauttaa sivun kohdalla linkkiä
”Muokkaa”,
Pieni numero tarkoittaa, että sivu asettuu valikon alkupäähän.
Nolla tarkoittaa aakkosjärjestystä. Kannattaa laittaa uusi järjestys muotoon 10 20 30 eli sivujen
väliin mahtuu sen jälkeen lisäämään uusia sivuja. Jos sivuja on vähän kuten tässä, voisi tehdä näin
41
eli ensimmäisellä (Rapsberry Pi) on numero 1, Peliohjelmointia on numero 2, Tietokoneohjelmat on
nro 3 ja Esimerkkisivu on nro 4. Silloin näkymä on kuten alla.
HUOM! Etusivu on silti aina ensimmäinen ja siihen voit vaikuttaa vain asetuksissa (ks.
luku 5.3. Lukemisen asetukset)
Sivuja voi tehdä myös toisten sivujen alle. Jos ”Esimerkkisivu” sijoitetaan Raspberry Pi-sivun alle,
tarvitsee määritellä ainoastaan Esimerkkisivun asetuksia. Laitetaan esim. Yläsivuksi ”Raspberry
Pi”.
Lopputulos on se, että syntyy allasvetovalikko.
42
12. Kommentit
Comments – blogiin lisätyt kommentit. Täällä voi hyväksyä kommentteja tai heittää huonot
kommentit roskikseen.
Moni blogin kommentti voi olla botin kirjoittama. Botti on robotti, joka syytää mainoksia kaikkiin
paikkoihin, joihin se pääsee käsiksi. Sellaiset viestit kannattaa merkata spämmiksi eli roskaviestiksi.
Kommentteihin voi myös vastata suoraan ohjauspaneelista.
43
13. Ulkoasu
Appearance – Blogiin ulkoasu ja vimpaimet. Tämä on kaiken keskus, kun on kyse siitä miltä
sivusto näyttää.
13.1. Teemat eli sivupohjat
WordPressiin löytyy teemoja eli sivupohjia kuten kuoria kännyköihin ja enemmänkin. Sivupohjan
idea on, että ulkoasu pysyy samana, vaikka sisältö muuttuu. Helpoiten löytää sivupohjia sivustolta
WordPress Theme Viewer (http://wordpress.org/extend/themes/). Sivuston ideana on, että siellä
kuinka sivupohja toimii ja vasta sen jälkeen suoritetaan lopullinen valinta. Siellä voi myös etsiä
sivupohjaa värin ja palstojen mukaan.
Tässä esimerkki siitä, kun haetaan sinistä ja kahdella palstalla. Lopuksi napsautetaan painiketta
”Find Themes”.
Haku näyttää kaikki hakukriteerit täyttävät hakuehdot..
44
Kun sopiva löytyy, klikataan sen nimeä.
Sitten download.
Puretaan zip-paketti kansioon ”themes”.
Sitten valitaan painike ”Ulkoasu”.
45
Sitten etsitään asennettu teeman ja napsautetaan linkkiä ”Ota käyttöön”.
Uuden mallin asentaminen on juuri noin helppoa. Siinä tarvitsee ainoastaan tehdä kaksi asiaa

siirtää sivupohja oikeaan kansioon, /wp-content/themes/

mennä hallintapaneelin ja aktivoida teemaa napsauttamalla sen pienoiskuva tai sitten pelkää
teeman nimeä.
Useimmat mallit ovat nykyään mallia "widget-ready", jolloin niillä on tuki plugineille. Jotkut mallit
vaativat myös pluginien asentamista.
Mikäli teema eli ole sopiva WordPressin version kanssa, saa siitä ilmoituksen.
46
Netistä löytyy runsaasti sivupohjia WordPressille. Tässä parhaimmat







http://www.webdesignerdepot.com/2013/03/80-awesome-new-wordpress-themes/
http://www.noupe.com/design/a-collection-of-great-new-wordpress-themes.html
http://designmodo.com/video-multimedia-wordpress-themes/
http://iwebask.com/blog/2011/10/12/10-best-three-column-free-wordpress-themes/
http://designmodo.com/restaurants-cafes-wordpress-themes/
http://iwebask.com/blog/2011/10/12/19-cool-websites-to-design-wordpress-blog/
http://wpdressing.com/medical-wordpress-themes-for-health-care-clinics/
13.1.1. Oikotie sivupohjan asennukseen
Yllä on kuvattu sivupohjan asennus siten kuin se tavallisesti menee. WordPress on tehnyt tähänkin
kohtaan oikotien. Nykyisin tarvitsee ainoastaan napsauttaa ”Ulkoasu”.
Sitten napsautetaan ”Asenna teemoja”.
Sitten voidaan etsiä suoraan hakusanalla ja sopivan löydyttyä napsautetaan linkkiä ”Asenna”.
Lisäksi voidaan asentaa zip-paketit suoraan tätä kautta.
47
13.2. Vimpaimet eli widgetit
Widgetit tulevat aina sivupalkkiin. WordPressillä on itsellään useita widgettejä, joita voi
raahaamalla lisäillä sivustolle. Tarvitsee vain ottaa widgetistä kiinni ja raahata sen sivupalkkiin.
Samalla tavalla eli raahaamalla voi myös poistaa widgettejä. Tai sitten vaan valitaan linkki ”poista”.
48
Widgettien avulla voi säätää sivupalkin tismalleen sellaiseksi kuin haluaa.
Yksi widgetti on ylitse muiden. Se on text eli Teksti.
Sen avulla voit itse kirjoittaa ihan vapaasti tekstiä. Se mahdollistaa myös sen, että sivustolla otetaan
käyttöön muiden tekemiä widgettejä. Esim. Twitterillä on omia widgettejä.
https://twitter.com/about/resources/widgets
Lisääminen onnistuu kopioimalla widgetin koodi leikepöydälle..
49
Sitten liitetään teksti vimpaimeen.
Tämän jälkeen sivustolla näkyy myös Twitter-päivitykset.
50
Toinen kätevä widgetti on ”Mukautettu valikko”.
Mukautetun valikon avulla voi luoda valikon sivupalkkiin. Sitä ennen kannattaa kuitenkin luoda
sivut, jotka haluaa valikkoon (ks. luku 8).
Varsinaisen valikon luominen tapahtuu sitten kohdassa ”Valikot”.
Lisätään uusi valikko ja annetaan sille nimi ja liitetään siihen sivut.
51
Ja tältä se valmis valikko näyttää (merkattu punaisella).
13.3. Yläpalkin asetukset
WordPress muuttuu koko ajan kohti helpompaa muokattavuutta. Jotkut sivupohjat mahdollistavat
yläpalkin kuvan vaihtamisen suuoraan selaimen kautta. Silloin tarvitsee vain painaa painiketta
”Otsake”.
Sitten voidaan valita uusi aiemman kuvan tilalle.
52
Myös taustakuvaan voi vaikuttaa suoraan tätä kautta,
Sivupohjaa voi muutenkin säätää kohdasta ”Theme options”.
Joskus siinä on teksti suomeksi, jos suomenkilinen sivupohja.
Joskus taas kyseistä valintaa ei näy lainkaan, silloin teemalla ei ole asetuksia.
13.4. Muokkain
Muokkaimen avulla voidaan muokata sivupohjien koodia sekä CSS:ää.
Ensin valitaan mitä muokataan. Esim. tässä muokataan virheilmoitusta ”Sivua ei löytynyt”.
53
Sitten kirjoitetaan muutokset. Eli suomennettuna virheilmoitus olisi fiksumpi.
Ja vielä parempi, jos se on kokonaisuudessan suomeksi.
54
14. Lisäosat eli pluginit
Plugins – blogin pluginit.
Pluginit ovat pieniä ohjelmapätkiä, jotka suorittavat toimintoja. Joku ohjelmoi, jottei muiden
tarvitse ohjelmoida. Kyseessä voi olla esim. pieni ohjelma, joka valitsee sattumanvaraisesti sivulla
näytettävän kuvan. Osa plugineista on sellaisia, ettei niille tarvitse tehdä mitään muuta paitsi
aktivoida. Osa plugineista vaatii asetusten säätämistä.
Tässäkin suhteessa WordPress on kehittynyt. Nykyään tarvitsee ainoastaan valita ”Lisää uusi”.
Sitten valitaan esim. ”Suositellut”.
Kun sopiva löytyy, valitaan ”Asenna nyt”.
Sitten otetaan lisäosa käyttöön.
Jos plugin sisältää asetuksia, löytyvät sen asetukset kohdasta ”Asetukset”.
55
Mitä sitten kannatta asentaa? Tässä muiden tekemiä listoja.
http://www.jeffbullas.com/2013/02/04/the-top-30-most-popular-wordpress-plugins-infographic/
http://www.gainprofitincome.com/16-top-wordpress-plugins-new-blog/
http://bloggingwizard.com/best-premium-wordpress-plugins/
http://blog.crazyegg.com/2013/04/05/wordpress-plugins-infographic/
http://www.markusossi.fi/20-parasta-wordpressin-lisaosaa/
http://www.izd.se/2012/12/wordpress-basta-plugins-dessa-bor-du-ha/
14.1. Editorin virittäminen
WordPressin editori on köykäinen, mutta sekin asia on korjattavissa. Valitaan vaan ”Lisää uusi”.
Kirjoitetaan hakukenttään ”Ultimate TinyMCE”.
Sitten napsautetaan linkkiä ”Asenna ny”.
Sitten napsautetaan linkkiä ”Ota lisäosa käyttöön”.
Huom! Jos pluginin lataus ei onnistu ja saat viestin, jonka sisältö on kutakuinkin seuraava.
Fatal error: Maximum execution time of 30 seconds exceeded
Muuta php.ini tiedostosta (ks. liite 4) kohta
max_execution_time = 30 muotoon
max_execution_time = 60
56
Sen jälkeen valitaan ”Lisäosat”, koska vielä on tarkoitus säätää asetuksia.
Sitten valitaan asennetun pluginin asetukset.
Valitaan ”Load beginner configuration”.
Nyt valinnat on tehty valmiiksi.
Jos halutaa lisää ominaisuuksia mukaan niin rastia ruutuun. Ja lopuksi tallenataan muutokset.
Muutosten jälkeen editori on aimapaa lajeempi..
57
Editorin asetuksia kannattaa säätää, jotta lopputulos olisi loppukäyttäjän eli blogikirjoittajan
kannalta mahdollisimman mieluinen.
14.2. Kuvagalleria
Nykyisin sivuilla näkee hienoja kuvagallerioita, joissa on mukana kaikenlaisia efektejä.
WordPressiin on saatavilla runsaasti erilaisia plugineja, joilla voi saada aikaiseksi näyttäviä
kuvagallerioita. Tässä asennetaan esimerkin vuoksi yksi hyvä ja helppokäyttöinen liitännäinen,
jonka avulla kuvagallerian teko onnistuu hyvin.
Valitaan ”Lisää uusi”
Kirjoitetaan hakusanaksi ”NextGEN gallery”.
Asennetaan kyseinen ohjelma.
Otetaan lisäosa käyttöön.
58
Sitten napsautetaan gallery.
Valitaan ”Add gallery/Images”.
Laitetaan gallerialle nimi.
Valitaan tiedostot kyseiseen galleriaan napsauttamalla painiketta ”Valitse tiedostot”. Kun valmista,
painetaan ”Upload images”.
59
Kuvagalleria liitetään sivuille kuten alla (id tarkoittaa gallerian numeroa)
[nggallery id=1]
Nyt kuvagalleria on valmis.
60
14.3. Monta sivupohjaa samalla sivustolla
WordPressin ajatus on, että yksi sivusto ja yksi sivupohja. Jokainen sivu ja blogikirjoitus saa
samanlaisen ulkoasun. Jos haluaa jotakin muuta, on otettava plugin avuksi.
Etsitään ”multiple themes”.
Asennetaan plugin.
Otetaan lisäosa käyttöön.
Säädetään teemat kohdilleen kyseisen liitännäisen asetuksista.
Sitten valitaan sivupohja.
61
On myös mahdollista valita sivupohja yksittäiselle sivulle kirjoittamalla sen URL-osoitte.
Ja tässä esimerkki sivun määrittelystä, joka on lisätty em. tavalla.
62
15. Käyttäjät
Users – käyttäjien hallinnointi eli kenellä on oikeus kirjoittaa ja kommentoida.
15.1. Uuden käyttäjän lisääminen
Valitaan ensin ”Lisää uusi”.
Sitten syötetään uuden käyttäjän tiedot.
Tuossa ei ole muuta ihmeellistä kuin roolit, jotka esitellään tässä alla.
Tilaaja (Subscriber)
Tilaaja voi lukea ja kommentoida kirjoituksia.
63
Avustaja (Contributor)
Avustaja voi edellä mainittujen lisäksi kirjoittaa artikkeleita sekä muokata niitä. Hän ei kuitenkaan
voi julkaista kirjoittamiaan artikkeleita itse eikä muokata niitä enää julkaisemisen jälkeen.
Kirjoittaja (Author)
Kirjoittaja voi edellä mainittujen lisäksi myös itse julkaista kirjoittamansa artikkelit. Hän ei
kuitenkaan voi muokata artikkeleita enää julkaisemisen jälkeen.
Päätoimittaja (Editor)
Päätoimittaja voi edellä mainittujen lisäksi muokata, poistaa ja julkaista myös muiden kuin itsensä
tekemiä artikkeleita (myös jo julkaistuja). Toimittaja voi kirjoittaa ja muokata artikkeleiden lisäksi
sivuja. Hän voi myös moderoida.
Pääkäyttäjä (Administrator)
Pääkäyttäjä voi edellä mainittujen lisäksi muokata sivuston ulkoasua, hyväksyä ja poistaa käyttäjiä
sekä muokata näiden tietoja ja ottaa käyttöön uusia toimintoja asentamalla lisäosia.
Super-Pääkäyttäjä (Super Admin)
Jos yhden WordPress-asennuksen kautta hallitaan useita blogeja, pystyy Super-Pääkäyttäjä
hallinnoimaan koko verkostoa. (Wordpress 3.0 ohjeet.)
64
16. Työkalut
Tools – tuo tietoja toisesta blogista tai vie tietoja toisen blogiin.
16.1. Kirjoitusten siirtäminen toisesta blogista
Mikäli sinulla on blogi, voit tuoda sen kirjoitukset uuteen WordPress blogiisi. Lopputulos riippuu
siitä mistä järjestelmästä tuot tietoja. Useimmilla blogeilla on valmiita tuontifunktioita: Blogger,
LiveJournal, Movable Type jaTypePad. Tuominen tapahtuu "Työkalut" -> "Tuo” ja sitten valitset
blogin, josta tuodaan.
Valitse ”Työkalut” ja sitten ”tuo”.
Tämän jälkeen avautuu lista vaihtoehdoista.
16.1.1. Tuo tietoja WordPressistä
Valitse ”Työkalut” ja sitten ”tuo”.
65
Valitse WordPress, jos tuot tietoja toisesta WordPressisistä.
Asenna tuontityökalu.
Ota uusi lisäosa käyttöön ja käynnistä tuontityökalu.
Selaa tuotava tiedosto (xml-tiedosto, ks. tiedoston tuominen luvusta 16.2.).
Ota mahdolliset liitteet mukaan. Lisäksi Wordpress osaa luoda uuden käyttäjän eli tässä tapauksessa
käyttäjän nimeltä jaris.
66
Kun tuonti on valmis, näkyy uusi käyttäjä (jaris) kohdassa käyttäjät.
Tuodut artikkelit ovat kohdassa ”Artikkelit”.
16.1.2. Bloggerista tuominen
Valitse ”Työkalut” ja sitten ”tuo”.
Valitse listasta Blogger
67
Asenna tuontityökalu.
Ota lisäosa käyttöön ja käynnistä tuontityökalu.
Ja eteenpäin valitsemalla ”Authorize”.
Jos olet jo kirjautunut Bloggeriin saat varmistuspyynnön.
Sitten pääset valitsemaan mitä tuodaan.
16.2. Kirjoitusten vieminen toiseen blogiin
WordPressissä on toiminto vie eli export.
Valitse mitä viedään.
68
Tallenna tiedosto.
Nyt sinulla on kokonainen blogi tallennettuna xml-tiedostoksi.
69
17. Offline työkalut
Offline työkalujen avulla voi kätevästi kirjoittaa ja muokata blogimerkintöjä. Kokeilemisen
arvoinen on ainakin Microsoftin Live Writer. Sen avulla blogikirjoitusten teko on helpompaa kuin
Wordin käyttö. Kuvatkin saa kätevästi mukaani ihan CTR+V käskyllä eli copy & paste toimii. Alla
ohjelmia, joiden avulla sivuja voi päivittää.
Windows

Microsoft Windows LiveWriter (suosittelen)

Post2Blog

BlogDesk

BlogJet 3 (maksullinen)

Zoundry Raven

Thingamablog

Quamana (maksullinen)

Bleezer (Windows 2000 tai XP)

WBEditor (maksullinen)

QTM
Macintosh

Ecto (maksullinen)

MarsEdit (maksullinen)

Quamana (maksullinen)

QTM

Bleezer
Linux

GNOME blog

BloGTK

Drivel

QTM
70

Thingamablog

Bleezer
Laajennus Firefoxiin

ScribeFire Next
Myös puhelimeen on mahdollista saada appseja, joiden avulla voi ylläpitää blogia. IPhonelle löytyy
appsi nimeltä Wordpress. Andoidille löytyy vastaavasti Wordpress for Android.
17.1. Windows LiveWriter
Windowsin käyttäjillä on mahdollisuus asentaa ilmaiseksi hyvä bloggausohjelma nimeltään
Windows LiveWriter. Ohjelman hyviä puolia ovat seuraavat seikat.

mahdollisuus päivittää useaa blogia

mahdollisuus pilkkoa pitkät kirjoitukset

mahdollisuus käyttää näppäinoikoteitä kuten CTRL+S

mahdollisuus ajastaa julkaisu

oikoluku ja automaattinen korjaus

kuvien liittäminen leikepöydän kautta
Ohjelman voit ladata osoitteesta: http://www.microsoft.com/fi-fi/download/details.aspx?id=8621
Sitten asennetaan ohjelma.
71
Valitaan asennettava ohjelma.
72
Valitaan asetukset.
73
Sitten on kaikki valmista
74
Käynnistetään ohjelma.
75
Ensimmäisellä käynnistyskerralla on määriteltävä tili.
Tässä tapauksessa päivitetään Wordpressillä tehtyä blogia, joten valitaan ”Muu blogipalvelu”.
76
Määtellään blogin tiedot.
Sitten alkaa blogitiln määrittely.
77
Jos halutaan blogin ulkoasu niin valitaan ”Yes”.
Lopuksi tallennetaan blogi.
Itse blogin käyttö on kuin kirjoittaisi Word-tekstinkäsittelyohjlemalla.
78
Uuden blogitilin voi lisätä valitsemalla ”Työkalut” – ”Tilit”.
Sen jälkeen napsautetaan painiketta ”Lisää”.
79
Tämän jälkeen määritellään uusi tili. Kun uusi tili on määritelty samaan tapaan kuin ensimmäinen
tili, on kyettävä valitsemaan minne blogiin julkaistaan. Uuden tilin voi vaihtaa aktiiviseksi oikeasta
reunasta puhekuplan eli nimen kohdalta. Tässä esimerkissä blogi, jonka nimi on ”Jari Sarja”, on
aktiivisena.
Kun napsautetaan kohtaa ”Korseld” tulee kyseinen blogi aktiiviseksi eli sinne julkaistaan.
17.2. QTM
QTM on mukana tarkemmassa tarkastelussa, koska se on ilmainen ja saatavissa niin Windowsille,
Macintoshille kuin Linuksille. Tässä esimerkissä asennan kyseisen ohjelman Windows 7:lle.
Ohjelma löytyy osoitteesta:
http://qtm.blogistan.co.uk/blog/matthew-smith/2013/01/version-1313-released.
Koska esimerkissä asennetaan ohjelma Windowsille, on valittava kyseinen asennuspaketti.
80
Napsautetaan selainnäkymän yläosaa ja valitsaan ”Download File”.
Ja seuraavaksi Run eli tässä esimerkissä selaimena Internet Explorer:n kautta.
81
Ja loppu on sitten pelkää asennusta.
Hyväksytään lisenssiehdot.
82
Sitten alkaa itse asennus.
Ja sitten ohjelma on asennettu.
83
Ensin on määriteltävä asetukset.
Muutetaan tarpeen mukaan.
84
Sitten luodaan uusi tili. Sitä varten tarvitaan blogin osoite ja sen perään kirjoitetaan vielä
xmlpc.php (ks. kuvaa alla kohtaa Endpoint). Kohtaan Login name kirjoitetaan tunnus, jolla
kirjaudutaan blogiin ja password-kenttään kirjoitetaan salasana.
Julkaiseminen tapahtuu valitsemalla ”Blog this!”
85
18. Sivupohjan teko ja muokkaaminen
Wordpressin 3:n mukana tulee oletussivupohjia kuten TwentyTen, Twenty Eleven ja Twenty
Twelve. Varsinkin kaikista uusimmat sivupohjat tukevat kaikkia uusia ominaisuuksia, mitä uusi WP
tarjoaa. Tällä hetkellä uusin on Twenty Twelve, jossa on siisti, mobiilioptimoitu ja mukautuva
ulkoasu. Teema soveltuu erinomaisesti niin blogin kuin tavallisen verkkosivuston pohjaksi.
Ohjauspaneelin tyylejä on viilattu ja grafiikat optimoitu Retina-näytöille. (ks. WordPress 3.5
“Elvin” suomeksi.)
Sivupohjan asetuksiin pääset käsiksi siten, että valitset käyttöön kyseisen sivupohjan. Sen jälkeen
voit muokata sitä. Tässä esimerkissä muokattava sivupohja on Twenty Twelve. Yksi kätevä tapa,
jolla sivupohjan saa näyttäväksi on taustavärin ja taustakuvan vaihto.
Valitse sopiva kuva ja napsauta painiketta ”Siirrä”.
Taustakuvia voi tehdä itse tai sitten selaat sopivia netistä. Esim. seuraavilta sivuilta löytyy ilmaisia.

http://freestocktextures.com/texture/id/311

http://all-free-download.com/free-photos/metal-texture.html

http://www.texturemate.com/
Lisäksi kuvan asemointiin ja toistoon voi vaikuttaa. Tässä eimerkissä kuva on asemoitu keskelle ja
sitä toistetaan pystysuunnassa. Lisäksi taustan väri on muutettu taustan kanssa sopivaksi.
86
Ja tältähän se näyttää tässä vaiheessa.
Ilkmettä saa lisää laittamalla sivustolle yläpalkin. Saat laitettua sen valitsemalla kohdan ”Otsake”.
Sitten valitset sopivan kuvan ja painat painiketta ”siirrä”.
Yläpalkkeja voi etsiä esim seuraavilta sivuilta.
87

http://morguefile.com/

http://freewebpageheaders.com/

http://www.themeheaders.com/
Muutosten jälkeen sivuston ilme on seuraavalainen.
Ja toisella sivupohjalla ilme on vielä toisenlainen.
88
Kaikissa sivupohjissa ei ole em. kaltaisia ominaisuuksia. Sekään ei ole este sivupohjan
muokkaamiselle. Sivupohjan tiedostoja voidaan nimittäin muokata. Silloin valitaan valitaan linkki
”Muokkain”.
Sitten valitaan mitä muokataan. Esim. CCS-tiedostot löytyvät sivun alalaidasta.
89
Napsauta linkkiä (style.css) ja pääset muokkaamaan tiedostoa.
90
18.1. Oman sivupohjan tekeminen
Sivupohjalla eli teemalla on aina kaksi tiedostoa – style.css ja index.php. Ulkoasun määrää style.css
ja mukaan otettavat elementit päättää index.php. Tai muistakin tiedostoja voi olla, mutta jotta
teeman voi valita, tarvitaan nuo kaksi em tiedostoa.
Tässä lyhyt kuvaus WordPressin tiedostoista, jotka liittyvät sivupohjaan.























404.php (kun sivua ei löydy eli 404 virheilmoituksen sivu)
archive.php (arkisto)
attachment (liitteet)
author.php (tarvitaan, jos halutaan kirjoittajan mukaan)
category.php (luokittelu)
comments.php (säätää kommentit, jos puuttuu niin oletusten mukaisesti)
editor-style.css (määrää editorin ulkoasun)
editor-style rtl.css (tarvitaan, kun pitää kirjoittaa oikealta vasemmalle)
footer.php (alapalkki)
functions (toiminnallisuutta ilman vimpaimia)
header.php (sivuston yläosa eli yläpalkki jse yläpuolella olevat)
index.php (kaikista tärkein, se kerää mukaan muut elementit, Pakollinen)
license.txt (lisensehdot)
loop.php (kaivaa blogimerkinnät)
onecolumn-page.php (ei lainkaan sivupalkkia)
page.php (usein sama kuin index.php – tarvitaan lähinnä yksittäistä sivua varten)
rtl.css (oikealta vasemmalle tekstiä)
screenshot.png (pieni kuva sivun ulkoasusta)
search.php (haku)
sidebar.php (sivupalkki)
single.php (usein sama kuin index.php – tarvitaan lähinnä yksittäistä blogimerkintää varten)
style.css (sisältää tiedot teeman luojasta ja säätää ulkoasun, Pakollinen)
tag.php (etiketit)
Sivupohjan eli templaten hierakian ylimmäisenä on index.php. Se kokoaa yhteen muut palaset kuten
esim 404.php, joka tarkoittaa löytämätöntä sivua. Tiedostoja on paljon, mutta minimissään riittää
kolme tiedostoa eli index.php, style.css ja functions.css.
Tässä alla esimerkki siitä miltä sivuston template eli sivupohja voisi näyttää.
91
Yläosan nimi on header.php. Sinne tulee yleensä tietoja blogista kuten esim. blogin nimi ja kuvaus.
Index.php sisältää kirjoitukset ja kommentit. Se on merkattu punaisella, koska se muuttuu. Muut
osat ovat lähes koko ajan muuttumattomia. Kun kirjoitat esim. blogimerkinnän, tapahtuu muutos
juuri tuossa osassa sivua.
Sidebar.php sisältää yleensä arkiston ja kategoriat.
Footer.php on osa, jossa tietoja esim. tekijästä.
Seuraavaksi sivupohjan teko vaiheittain ja yksinkertaisuuden vuoksi sivupohja tehdään pilkkomatta
index.php tiedostoa osiin. HTML ja CSS tiedostot on tehty CSS generaattorilla, joka on tuottanut
valmiit koodit. Kyseinen generaattori löytyy osoitteesta:
http://www.cssportal.com/layout-generator/
Doctypeksi valittiin HTML5, koska se on uusin ja jatkossa websivut tulevat olemaan HTML5muodossa.
Sivulle tehtiin vielä yläpalkki hyödyntäen kuvia, joita löytyy palvelusta ”texturemate”.
http://www.texturemate.com/
Navigaatiota ei sivuille suunniteltu lainkaa eikä mitään widgetteihin liittyvää. Tarkoitus on kopsata
tarvittavat koodit teemasta ”twentyten”, joka tulee Wordpressin asennuksen mukana. Lisäksi
widgettien osalta hyödynnetään koodia ja opasta: Create a WordPress Theme – Beginners Guide.
92
18.1.1. Vaihe 1 – sivupohjan elementit
Vaiheessa 1 kannattaa tehdä hakemisto ja tiedostorakenne kansoon templates. Uuden kansio nimi
on tässä tapauksesssa raspberry.
Luo kansioon tiedosto index.php ja style.css sekä kansio images.
Kirjoita tiedostoon style.css tiedot sivupohjaa varten ja tallenna tiedosto.
/*======================================
Theme Name: Raspberry
Theme URI: http://www.jarisarja.fi
Description: Esimerkki siitä kuinka Wordpress 3.5:lle tehdään sivupohja
Version: 1.0
Author: Jari Sarja
Author URI: http://www.jarisarja.fi
======================================*/
Laita vielä kuva sivupohjasta png-muodossa. Kuvan koko on 300x225 pikseliä. Näiden
toimenpiteiden jälkeen sivupohja on siinä vaiheessa, että sen voi valita eli ottaa käyttöön. Tosin
vielä se ei näytä miltään, koska kaikki toiminnallisuus puuttuu. Silti kannaattaa valita se käyttöön jo
nyt.
93
Tähän saakka tehty kokonaisuus löytyy alla olevasta linkistä. Zip-pkaetin mukana ovat myös
tiedotost, joista sivupohja rakennetaan (index.htm. tyyli.css, ylapalkki.png ja reset.css).
http://www.avkymppi.net/wordpress/raspberry1.zip
18.1.2. Vaihe 2 – blogin ulkoasu
Seuraavassa vaiheessa tarvitaan valmiin sivuston HTML- ja CSS- tiedosto. CSS-tiedoston voi
laittaa suoraan aiemmmin laitetun tekstin perään eli tekijätietojen jatkoksi.
Tiedoston index.htm sisältö kopioidaan kokonaisuudessan tiedostoon index.php.
94
Sitten muokataan tiedostoa index.php. Ensin laiteaan sivuston kieli kohdalleen. Muutetaan
keltaisella merkitty kohta.
Sen tilalle laitetaan alla oleva koodi.
<html <?php language_attributes(); ?>>
Seuraavaksi laitetaan head –tagin alle koodi, jolla merkitökoodaus saadaan WordPressin asetusten
mukaisesti.
<meta charset="<?php bloginfo( 'charset' ); ?>" />
Sitten muokataan title eli poistetaan entinen.
Tilalle koodi, jonka avulla title saadaan Wordpressin kautta.
<title><?php bloginfo( 'name' ); ?><?php wp_title( '-' ); ?></title>
CSS saadaan linkitettyä siten, että entinen linkitys heitetään pois (merkattu keltaisella)
95
Tilalle laiteaan koodi, joka linkittää CSS:n Wordpressin asetusten mukaisesti.
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" media="screen" />
Laitetaan vielä CSS-linkityksen jälkeen koodi, joka hyödyntää WordPressin sisäänrakennettua
pingaustoimintoa
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
Laitetaan sen jälkeen koodi, jolla saadaan kommenttien ketjutus.
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script(
'comment-reply' ); ?>
Lopuksi tarvitaan vielä ennen head –tagin päättymistä seuraava koodi.
<?php wp_head(); ?>
Tuota koodia tarvitsevat monet pluginit kuten esim. ”ShareThis”. Siksi se kannattaa ottaa mukaan.
Tämän vaiheen tiedostot voit ladata alla olevast linkistä.
http://www.avkymppi.net/wordpress/raspberry2.zip
Koska CSS on nyt linkitetty, on sivusto tässä vaiheessa seuraavanlainen.
96
18.1.3. Vaihe 3 – blogin nimi ja kuvaus
Tässä vaiheessa laitetaan blogin nimi ja kuvaus kohdilleen. Ensimmäiseksi kannattaa laittaa body –
tagi sillä tavalla, että se huomioi millainen sivu on kyseessa. Eli se tuottaa seuraavalaista koodia.
<body class="home">
<body class="single-post">
<body class="page">
Tuon saa aikaan muuttamalla body tagin seurvalla tavalla.
<body <?php body_class(); ?> >
Sitten laitetaan paikoilleen blogin nimi ja kuvaus. Alla on koodi sitä varten ja se sijoiteaan kohtaan,
jossa lukee <p>This is Header</p> (se poistetaan).
<div id="ylapalkintekstit">
<hgroup>
<h1 id="sivun-title"><?php bloginfo( 'name' ); ?></h1>
<h4 id="sivun-kuvaus"><?php bloginfo( 'description' ); ?></h4>
</hgroup>
</div>
Tämän jälkeen on muutettava hieman CSS:ää, koska siellä ei vielä ole määritelmää sille miltä teksi
näyttää. CSS-tiedostoon (style.css) pitää lisätä seuraavat määrittelyt esim. #header ja #navigation
97
määrittelyjen väliin. Tosin, kyllä sivusto toimii myös ilman noita määrittelyjä, mutta silloin teksti ei
asemoidu suunnitelmien mukaisesti.
#ylapalkintekstit {
float: left;
margin-top: 8px;
padding: 10px;
}
#ylapalkintekstit hgroup {
margin-left: 8px;
}
#sivun-title {
font-size:40px;
}
#sivun-title {color: #73591f;}
#sivun-kuvaus {
font-size: 16px;
margin-top: 10px;
color: #73591f;
}
Tässä vaiheessa sivusto on seuraavanlainen.
Tämän vaiheen koodit zip-paketissa.
98
18.1.4. Vaihe 4 – navigaatio
Naivigaation saa mukaan seuraavalla koodilla, joka on suoraan teemasta ”Twentyten”. Tämä koodi
sijoitetaan tiedostoon index.php kohtaan, jossa poistettava teksti <p>This is the Menu</p> .
<div id="access" role="navigation">
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to
wp_page_menu. The menu assiged to the primary position is the one used. If none is
assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' =>
'primary' ) ); ?>
</div>
Tämän jälkeen laiteaan CSS-tiedosto style.css kuntoon, jotta se osaa näyttää valikon. Koodi on
suoraan sivuspohjasta ”Twntyten”. Koodin voii sijoittaa CSS-tiedoston loppuun.
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
99
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
100
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
}
Tässä vaiheessa sivusto näyttää kutena alla olevassa kuvassa. Navigaation väri on väärä.
Navigaation koko ja taustaväri menee kohdilleen, kun muutetaan seuraavia kohtaia (muutokset
lihavoitu).
#access {
background: #9b6b02;
display: block;
float: left;
margin: 0 auto;
width: 960px;
}
Muutosten jälkeen navigaatio on linjassa ulkoasun kanssa eli oikean kokoinen ja taustaväriltään
ulkoasun mukainen.
101
Neljännen vaiheen tiedostot zip-pakettina.
18.1.5. Vaihe 5 – sisältö
Sisältöä varteen tarvitaan koodi, joka hakee kaikki blogimerkinnät. Alla on koodi, joka sikoitetaan
kohtaan <div id="content"> eli kaikki Lorem ipsum teksti pois.
<div id=”text”>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h1>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</h1>
<?php the_content(); ?>
</div>
<?php endwhile; else: ?>
<h2>Sivua tai blogimerkintää ei löytynyt!</h2>
<?php endif; ?>
</div>
Lisätään siihen alapuolelle vielä navigaatio, jolla päästään uudempiin ja vanhempiin
blogimerkintöihin.
102
<div id="bottom-navi">
<div><?php next_posts_link( '&laquo; Aiemmat kirjoitukset' ); ?></div>
<div><?php previous_posts_link( 'Uudemmat kirjoitukset &raquo;' ); ?></div>
</div>
Tämän jälkeen on vielä muokattava CSS:ää, jotta teksti asemoituisi oikein ja oli muutenkin linjassa
tyylin kanssa. Kohdan #content alapuolelle lisätään koodi, jolla teksti saadaan irti reunasta (uusi
koodi lihavoitu).
#content {
background: #FFFFFF;
margin-right: 300px;
}
#text {
padding: 10px;
}
Koska kaikki tyylit on resetoitu trarvitsee vielä määritellä kaikki käytettvät html-tagit uudelleen.
Mikäli näin ei tehdä, ei tekstissä näy lainkaan kappalejakoja. Siksi body tagin alapuolelle tulee uutta
määrittelyä (uusi koodi lihavoitu).
body {
background: #e0e0e0;
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 14px;
line-height: 1.5;
}
/* Headings */
h1 {font-size:28px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h2 {font-size:24px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h3 {font-size:20px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h4 {font-size:18px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h5 {font-size:16px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h6 {font-size:14px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;}
h1,h2,h3,h4,h5,h6{
clear: both;
line-height: 1;
}
103
p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
h1, a {
color: #1636a1;
text-decoration: none;
}
h1,a:hover {color: #f00;}
b, strong {
font-weight: bold;
}
Mikäli haluat tietää aiheesta lisää, lue artikkeli How To Reset & Rebuild WordPress Theme CSS &
Define Your Layouts
Tässa vaiheessa sivu on seuraavanlainen.
104
Tämän vaiheen koodit saat kokonaisuudessaan alla olevasta osoitteesta.
http://www.avkymppi.net/wordpress/raspberry5.zip
18.1.6. Vaihe 6 – sivupalkki
Tätä vaihetta varten tarvitaan uusi tiedosto ”functions.php”. Sinne sijoitetaan seuraava koodi.
<div id="sidebar" >
<?php if ( is_active_sidebar( 'sidebar_widgets' ) ) : ?>
<div id="sidebar-widgets-wrap">
<?php dynamic_sidebar( 'sidebar_widgets' ); ?>
</div>
<?php endif; ?>
</div>
Tämän jälkeen muoktaan tiedostoa index.php, jonne tulee alla oleva kohtaan, jossa vielä Lorem
ipsum tekstiä.
<?php if ( is_active_sidebar( 'sidebar_widgets' ) ) : ?>
<div id="sidebar-widgets-wrap">
<?php dynamic_sidebar( 'sidebar_widgets' ); ?>
</div>
<?php endif; ?>
Laita vielä CSS-tiedoston loppuun seuraavat märrittelyt.
/*------------------------------------Widgets
--------------------------------------*/
#sidebar-widgets-wrap
a {color: #0E4D7A;}
#sidebar-widgets-wrap
a:hover {color: #FF0000;}
.widget-sidebar {margin-top: 20px; margin-bottom: 20px; position: relative;}
.widget-sidebar ul {padding: 0 14px; list-style: none;}
105
.widget-sidebar li {border-bottom: 1px solid #CFCFCF;padding: 4px 0 2px;}
.widget-sidebar h4 {background:#9b6b02; padding: 3px 0 3px 8px; margin-bottom: 4px; fontsize: 16px; border:1px solid #9B6B02; color:#fff;}
.widget-sidebar img {
display: block;
margin: 10px auto !important;
}
.post {
padding: 8px;
margin-bottom: 15px;
}
.post .entry-title {margin: 0;}
.post p {margin-top: 10px; margin-bottom: 6px;}
.post p img { margin: 8px; }
.alignleft {display:inline; float:left; margin: 4px 10px 12px 0 !important;}
.alignright {display:inline; float:right; margin: 4px 0 12px 10px !important;}
.aligncenter {display:block; margin:8px auto !important;}
.alignnone {margin-top: 8px; margin-bottom: 8px;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{
margin-top: 8px;
}
Sen jälkeen pitää laittaa muutama vimpain, jotta sivupalkissa näkyisi jotakin.
Muutama vimpain riittää havainnollistamiseen.
106
Lopputulos on seuraavanlainen.
Tämän vaiheen koodit zip-pakattuna.
18.1.7. Vaihe 7 – alapalkki
Alapalkin osalta tarvitaan pienet muutokset. Entisen tekstin saa poistaa ” <p>This is the
Footer</p>” ja tilalle alla oleva koodi.
<strong>Copyright 2013 <?php bloginfo('name'); ?> | Kaikki oikeudet pidätetään.</strong>
</a>
Sitten tehdään CSS-tiedostoon seuraava muutos (muutos lihavoitu).
107
#footer {
padding:5px 0;
height: 40px;
width: 100%;
background: #9b6b02;
text-align: center;
clear: both;
}
Tässä vaiheessa alapalkki näkyy kuten alla oelavssa kuvassa.
Tämän vaiheen koodit zip-pakettina.
18.1.7. Vaihe 8 – viimeistely
Muutamia ä ja ö kirjaimeen liittyv ongelma poistuu, kun kaikki tiedostot tallenntaan UTF-8
muotoon. Työ hoituu kätevästi esim. NotePad++ ohjelmalla, jossa valitaan Tiedostomuoto ja
”Muunna koodaukseen UTF-8 (ei BOM).
Tämä toimenpide tehdään kaikille kolmelle tiedostolle eli style.css, functions.css ja index.php.
Sivustolla on velä sellainen ongelma, että siitä puuttuu kokonaa linkki etusivulle. Se korjaantuu
laittamalla tiedostoon functions seuraava koodi (uusi koodi lihavoitu).
<?php
//
Register The Dynamic Sidebar
if (function_exists( 'register_sidebar' ) ) {
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar_widgets',
'before_widget' => '<div id="%1$s" class="widget-sidebar %2$s">',
'after_widget' => '</div>',
108
'before_title' => '<h4>',
'after_title' => '</h4>',)
);
}
function twentyten_page_menu_args( $args ) {
if ( ! isset( $args['show_home'] ) )
$args['show_home'] = true;
return $args;
}
add_filter( 'wp_page_menu_args', 'twentyten_page_menu_args' );
?>
Ihan lopuksi voi tarvittaessa säätää CSS:ää, jotta tekstien ja palkkien värit olisivat miuluisat. Tässä
lopputulos.
Koko paketti, jossa on nyt valmis sivupohja on ladattavissa alla olevasta linkistä.
http://www.avkymppi.net/wordpress/raspberry8.zip
109
18.2. Sivupohjan tekeminen verkossa
Verkosta löytyy paikkoja, joissa voit tehdä oman teemasi ilman, että osaat lainkaan HTML:ää,
CSS:ää tai muutakaan sivuphjaan liittyvää koodaustaitoa. Yleensä valmis sivupohja tallennetaan
omalle koneelle zip-pakettina.

Lubith (ilmainen, helppokäyttöinen – ilmeisesti mahdollisuus maksulliseen versioon, jossa
enemmän toimintoja kuin ilmaisversiossa)

WP Theme generator (maksullinen, sisältää runsaasti erilaisia sivupohjia, joita voi muokata
omiin tarkoituksiin sopiviksi.)
18.3. Ohjelmia sivupohjan tekoon
Sivupohjan tekeminen ihan alusta saakka itse on haastavaa ja vaatii paljon aikaa. Lisäksi siinä
vaaditaan kuvankäsittelyn, HTML:n, CSS:n ja PHP:n osaamista. Sivupohjan tekeminen verkossa
voi tuntua vieraalta ainakin käyttöliittymän osalta. Nyt on kuitenkin olemassa ratkaisuja, jotka
mahdollistavat sivupohjan tekemisen omalla koneella ihan yhtä helposti kuin käyttäisit
tekstinkäsittelyohjlemaa. Näiden ohjelmien heikkous on siinä, että ne rajoittuvat usein yhteen
käyttöjärjestelmään, useimmiten Windowsiin.

Artisteer (tunnetuin ja helppokäyttöisin, maksullinen). Windows

Template Toaster (monipuolinen, maksullinen). Windows.

Theme Frame (vaatii oman webpalvelimen esim. WAMP, MAMP). Windows ja Macintosh.
110
19. Tietoturva
Tietoturva on useasta syytä tärkeä osa WordPressivuston ylläpitoa. Ensinnäkin huonosti hoidettu
tietoturva voi johtaa siihen, että sivusto sotketaan eli sisältö on jotakin tyyliin “Hacked by”.
Toiseksi on huomatta, ettei kyse ole pelkästään sivuston sotkemisesta. Tietoturvaseikkojen
laiminlyöminen voi johtaa siihen, että webpalvelimen kautta lähetetään valtavia määriä roskaposteja
tai sen avulla suoritetaan hyökkäystä toista webpalvelinta kohtaan. Kolmanneksi on todettava, että
myös sivuston ylläpitäjät voivat vahingossa tuhota kokonaisen sivuston. Vahingon sattuessa on
myöhäsitä miettiä, että olisko pitänyt huolehtia varmuuskopioinnista.
Suomeksiä tästä aiheesta kannattaa lukea seuraavat artikkelit

20 tapaa parantaa WordPress-asennuksesi turvallisuutta, osa 1

11. Muuta WordPress-tietokantataulujen etuliite

WordPress: tietoturvan pikaohjeet

WordPress blogin tietoturva paremmaksi
19.1. Salasana ja käyttäjätunnus
Sivuston pääkäyttäjän tunnuksen ei koskaan tulisi olla ”admin”, koska se on hyvin helposti
arvattavissa oleva käyttäjätunnus. Kun pääkäyttäjän tunnus on tiedossa, tarvitsee enää arvata
salasana. Mikäli Wordpressissä on entuudestaan tunnus ”admin” kannattaa tehdä niin, että luo
uuden tunnuksen ja antaa sille pääkäyttäjän oikeudet. Sen jälkeen kirjautuu ulos järjestelmästa ja
kirjautuu sitten Wordpressiin uudella tunnuksella. Tämän jälkeen ”admin” tunnuksen voi deletoida.
Hyvä salasana on sellainen, jonka itse muistaa helposti, mutta mitä muut eivät voi arvata. Siksi
esim. oma nimi takaperin tai oma syntymäaika ovat huonoja salasanoja. Yhtälailla huonoja ovat
lasten ja lemmikkien nimet, koska nekin ovat helposti arvattavissa. Muutoinkin kaikki sanat ovat
huonoja, koska ne voidaan murtaa koneellisesti sanakirjaohjelmien avulla. Toisaalta koneellisesti
salasanan murtaminen on sitä vaikeampaa mitä pitempi sana on kyseessä. Salasanasta saa vielä
paremman kun yhdistää siihen numeroita ja vaihtelee sekaisin isoja ja pieniä kirjaimia. ( Yksi tapa
muodostaa salasanoja on tehdä muistisääntöjä. Esim. sulevoai muodostuu sanoista Suomen Leijonat
voittaa aina. Vielä parempi olisi salasana tyyliin ipses3pp eli iso paha susi ei syönyt kolmea pientä
porsasta. Jos muistat lorun, muistat myös salasanan. Älä kuitenkaan käytä tässä erimerkissä
mainittuja salasanoja. (Wickholm 2000, 79)
19.2. Päivitä ja siivoa
Wordpressin tietoturva on hyvä, mutta se edellyttää jatkuvaa päivittämistä. Wordpressin
päivittäminen on tehty helpoksi. Ohjausnäkymässä näkyy, onko päivityksiä saatavilla. Esimerkiksi
tässä tapauksessa (ks. kuvaa alla). on yksi päivitys saatavilla. Päivytkseen pääsee käsiksi
napsauttamalla kyseistä linkkiä.
111
Linkin takaa paljastuu tilanne, että mihin päivitys liittyy. Tällä kertaa WordPress itsesäänn on ajan
tasalla.
Päivutystä kaipaa sen sijaan yksi plugin.
Päivityksen lisäksi kannattaa huolehtia siitä, että poistaa kaikki sivupohjat eli teemat, joita ei käytä.
Muutenkin kannattaa valita vain sellaisia sivupohjia, jotka on tehnyt itse tai jotka ovat saatavilla
WordPressin kautta. Maailmalla on paljastunut sellaisia sivupohjia, joihin on piilotettu haitallista
koodia. Sama koskee plugineja eli sellaiset pluginit pitää poistaa, joita ei käytä.
19.3. Varmuuskopiointi
Mitä useammin hoitaa varmuuskopionnin, sen paremmin se on hallussa. Ja miksi kannattaa
varmuuskopioida? Ensinnäkin om virhe voi kohtalokas, satoja kirjoituksia hävisi vahingossa. Ajan
tasalla oleva varmuuskopiointi on silloin ratkaisu, sen avulla voi palata tilanteeseen ennen virhettä.
Toiseksi on huomattava, että sivuston jouduttua hakkeroinnin kohteeksi, on takaporttien
mahdollisuus suuri. Haitallista koodia voi olla useissa eri tiedostoissa ja sen avulla hakkeri pääsee
uudelleen helposti hakkeroitumaan sivustollesi.
112
Tiedostojen osalta varmuuskopiointi tarkoittaa sitä, että webpalvelimella olevat WordPressin
tiedostot tallentaan esim. omalle kotikoneelle, muistitikulle tms. Kopiointi hoituu kätevästi käyttäen
jotakin FTP-ohjelmaa.
Tietokannan kopiointi on hankalampi juttu, koska se edellyttää pääsyä tietokantaan. Sellaiset
ohjelemat kuin PHPMyAdmin helpottavat tietokannan kopiointia, mutta usein plgin on
huomattavasti helpompi ratkaisu.
Yksi hyvä ratkaisu on plugin “BackWPup”, koska se kopioi sekä tietokannan että tiedostot.
Asennuksen jälkeen valitaan “Add New Job”.
Sitten valitaan mistä kaikesta otetaan varmuuskopio. Tässä tapauksessa otetaan varmuuskopio
kannasta ja tiedostoista.
Aalempana sivulla voi valita mihiten varmuuskopio pakataan.
Ilmaisversiossa ei juuri ole muuta vaihtoehtoa kuin tallentaa varmuuskopio tiedostoon. Maksullinen
versio mahdollistaa tallentamisen esim Dropboksiin. Sähköposti on muutoin hyvä, mutta isoja
liitetiedostoja ei voi lähettää sitä kautta.
113
Lopuksi tallennetaan muutokset.
Sitten on mahdollista suoraa kyseinen työ välittömästi.
Välilehdellä ”Schedule” on mahdollista valita milloin varmuuskopio suoreitetaan.
Siellä on mahdollista ”ohjlemoida” niin, että varmuuskopio oteaan, joka yö kello 3.
114
19.4. Pluginit
Wordpressiin on tehty lukuisia käyttökelpoisia plgineja, jotka tuovat mukanaan lisää tietoturvaa.
Ainakin seuraavat pluginit kannattaa asentaa.
WP DB Backup
WP DB Backupin avulla voi ottaa varmuuskopion tietokannasta, plugineista ja valittuna olevasta
teemasta.
WP Security Scan
115
WP Security Scan analysoi sivuston tietoturvan ja kertoo kuinka sitä voisi vielä parantaa
entisestään.
Stealth Login Page
Tämän plugin avulla voidaan muuttaa sisäänkirjautumisreittä. Krakkerin on vaikea päästä
kokeilemaan kirjautumista, koska hän ei edes löydä paikkaa, josta kirjautua. Se tietro, että
kirjautumissivu on yleensä muotoa sivuston osoite /wp-admin/, on tässä tapauksessa hyödytön.
Tässä alla olevassa esimerkissä virheellinen kirjautumisosoite ohjataan osoitteeseen
www.google.com. Varsinainen kirjautumisosoite näkyy oainikkeen “Save settings” alla.
Login Lockdown
Tämän pluginin avulla voidaan rajoittaa epäonnistuneiden kirjautumisten määrää.
Better WP Security
Tämä plugin hoitaa lähes kaiken tietoturvaan liittyvän kuntoon. Tarvitsee ainoastaan valita ”Secure
My Site From Bbasic Attacs”.
116
Sen jälkeen ilmestyy lista korjattavista asioista. Lisäksi korjattavat asiat on helppo hjoitaa kuntoon
napsauttamalla lkinkkiä ”Click here ti Fix”.
117
20. Sivuston siirtäminen toiseen osoitteeseen
Wordpressillä tehdyt sivut voi sirttää toiseen webosoitteeseen kokonaisuudessaa. Siirtäminen ei ole
ihan yhtä helppoa kuin tavallisten staattisten HTML-sivujen siirtäminen yhdestä osoitteesta toiseen.
Suurin haste on tietokannan kopioinnissa ja sen jälkeen tietokantaasdetusten muuttamisessa.
20.1. Sivuston siirtäminen omalta koneelta webiin
Moni rakentaa uuden Wordpressillä tehddyn sivustonsa esnin omalle koneelle. Sitten kaiken ollessa
valmista tulee eteen se vaihe, että sivu pitäisi siirtää jonnekin webhotelliin. Kun hankkii
webhotellista sivut, saa sieltä perustiedot joiden avulla siirto onnistuu.
20.1.1. Tiedostojen siirto
Tiedsotojen siirto hoituu FTP:n tai vastaavan menettelyn kautta. Suositeltava ohjelma siirtoon on
WinSCP. Omalta koneelta on kaikki WordPressin tiedostot siirrettävä webhotellin osoittamaan
paikkaan. Yleensä FTP-ohjelmissa oma kone on vasemmalla puolella ja webpalvelin oikealla.
Tiedostojen siirtäminen ei yksistään riitä vaan tietokantakin täytyy siirtää omalta koneelta
webpalvelimelle.
20.1.1. Tietokannan siirto
Omalta koneelta löytyy ohjelma PHPMyAdmin, jonka avulla tietokannan kopioiminen onnistuu.
Tässä alla esimerkki, kun käytetään ohjlemaa XAMPP.
118
PHPMyAdmin ohjelmassa valitaan ensin kopioitava tietokanta.
Tämän jälkeen valitaan välilehti ”Vienti”.
Sitten jatketaan.
119
Tallenna tiedosto ja avaa se sitten jollakin tekstieditorilla kuten esim Notepad++ tai Microsoftin
omalla Muistiolla. Missään tapauksessa tiedostoa ei tule avata tekstinkäsittelyohjlemalla kuten esim
Word.
Tallennetusssa on täydellinen kopio tietokannasta, mutta siellä on runsaasti viittauksia aiempaan
osoitteseen localhost.
Siksi kannattaa jo tässä vaiheessa muuttaa etsi ja korvaa –toiminnolla osoite oikeaksi. Esimerkissä
blogin uusi osoite on www.jarisarja.fi/wordpress. Siksi muutokset kuten alla.
120
Tallenna tiedosto muutoksineen. Tämän jälkeen täytyy mennä uudessa sivustossa PHPMyAdminiin
tai vastaavaan paikkaan.
Uudella sivustolla valitaan PHPMyadminista tietokanta ja sitten välilehti ”tuonti”.
Sen jälkeen selataan tuotava tietokanta kohdilleen (juuri muokatti tiedosto wordpress3.sql) ja
lopuksi painetaan nuolta ”Suorita”.
Tämän jälkeen on vielä muutettava tiedoston wp-config.php –tiedoston asetuksia. Muutettavat
kohdat saadaan webhotellin tarjoajalta. MySQL-palvelin on 90% todennäköisyydellä ”loclahost” eli
sitä tarvitsee harvoin muuttaa.
121
Sitten kaikki onkin valmista.
20.1. Sivuston siirtäminen toiselle palvelimelle
122
Lähteet
Aftonbladet (2009). Blondinbellas vinst: 7 000 kr i månaden. [Online:
http://www.aftonbladet.se/nyheter/article11957648.ab]
Cava. [Online: http://www.cavablogi.com/2013/01/uudet-aatteet.html]. Luettu 30.1.2013.
Helppokäyttöiset blogipalvelut. [Online
http://fi.wikibooks.org/wiki/Helppok%C3%A4ytt%C3%B6iset_blogipalvelut] Luettu 22.3.2012.
IT-viikko. Bloggari elää 100 000 lukijalla.
[Online http://www.itviikko.fi/uutiset/2009/04/22/bloggari-elaa-100-000-lukijalla/200910266/7].
Luettu 30.1.2013.
Lipsanen, N. (2012). Wordpress 3.0 ohjeet. [Online: http://www.domnik.net/info/wordpressohjeet/30/kayttajatasot.shtml]. Luettu 25.3.2012.
Ossi, M. [Online: http://www.markusossi.fi/tietoa/]. Luettu 30.1.2013.
Wappalyzer. [Online: http://wappalyzer.com/categories/cms]. Luettu 30.1.2013.
Wickholm, R. (2000, 78). Näin selviät salasanoista. Mikrobitti (10), 78-79.
Wikipedia [Online: http://en.wikipedia.org/wiki/WordPress]. Luettu 21.3.2012.
Wikipedia [Online: http://fi.wikipedia.org/wiki/Blogger]. Luettu 21.3.2012.
WordPress 3.5 “Elvin” suomeksi. [Online: http://fi.wordpress.org/2012/12/12/wordpress-3-5-elvinsuomeksi/]. Luettu 14.5.2013.
123
Liite 1
WordPressistä on olemassa myös online -versio eli sinun ei tarvitse asentaa mitään palvelimelle.
Tämä on helpoin tapa aloittaa oma blogi. Lisäksi roskaviestien suodatus toimii hyvin. Tässä
versiossa on lähes kaikki WordPressin toiminnot. Sieltä on otettu pois joitakin WordPressin
ominaisuuksia kuten omien teemojen tekemisen mahdollisuus sekä pluginien asentaminen.
Wordpressin online –versio on ilmainen. Ilmaisuus pereustuu siihen, että blogissa näkyy mainoksia
Suunnista sivulle:
http://wordpress.com/
Sitten paina isoa kirjautumispainiketta.
Sitten tiedot sisään ja painat Next.
Jos käyttäjätunnus oli jo käytössä, joudut miettimään sen uusiksi ja tässä tapauksessa myös salasana
uusiksi, koska se ei ollut tarpeeksi vahva eli se sisälsi pelkkiä kirjaimia.
124
Korjaa tiedot ja paina Next.
Vaihda kieli ja otsikko eli blogin nimi ja lopuksi painat ”Signup”.
Sitten on vielä jäljellä aktivointi. Eli kirjaudu s-postiisi ja napsauta linkkiä.
125
Sitten pääset kirjautumaan sisään.
Tämän jälkeen suunnistat kohtaan ”My Dashboard”, jos englanninkielinen käyttöliittymä.
Suomenkielisessä käyttöliittymässä Dashboard on nimeltään ”Ohjausnäkymä”.
Hallintapaneelin pääset vain kirjautumisen jälkeen. Hallintapaneelin osoite on sivun osoite/wpadmin esim.
126
https://jarisblogg.wordpress.com/wp-admin
Tämä on se käyttäjälle näkymätön puoli. Sivuston ylläpitäjälle tämä on kaiken ydin. Täällä
kirjoitetaan tekstit ja täällä säädetään mm ulkoasut ja kaikki pienimmätkin asetukset. Tätä
tavallisille käyttäjille näkymätöntä puolta kutsutaan nimellä ”backend”.
Dashboard – Ohjausnäkymä. Näyttää sen mitä blogissa on viimeksi tapahtunut eli
viimeisimmät kirjoitukset ja kommentit näkyvät. Samoin WordPressin kehittäjäyhteisön uutiset
tulevat tänne.
Store – Voit esim. ostaa blogillesi oman domainin eli verkkotunnuksen. Hinnat ovat korkealla,
joten suosittelen ainoastaan verkkotunnuksen hankkimista.
Posts – Voit lisäillä blogimerkintöjä sekä muokata aiempia kirjoituksia.
Media – Voit lisäillä mediatiedostoja kuten ääntä kuvaa ja liikkuvaa kuvaa.
Links – Voit lisäillä sivulle linkkejä ja luokitella niitä kategorioihin.
127
Voi näyttää esim. tällaiselta.
Pages – Staattiset sivut eli tavalliset www-sivut, ei siis blogimerkinnät.
Comments – Blogiin lisätyt kommentit. Voi hyväksyä kommentteja tai heittää huonot kommentit
roskikseen.
Feedbacks – Palautteisiin liittyvä toiminto, jonka tarkoitusta en ole vielä keksinyt.
Polls –Tällä toiminnolla luot kätevästi erilaisia kyselyitä.
Ratings – WordPress mahdollistaa artikkeleiden arvioinnin. Lisäksi on mahdollista arvioida
yksittäisiä blogikirjoituksia ja kommentteja.
128
Appearance – Blogin ulkoasu ja widgetit. Täältä voit mm. vaihtaa blogin ulkoasun.
Users – käyttäjien hallinnointi eli kenellä on oikeus kirjoittaa ja kommentoida.
Tools – tuo tietoja toisesta blogista tai vie tietoja toisen blogiin. Lisäksi voit poistaa sivuston..
Settings – asetukset.
129
Liite 2. Webpalvelin omalle tietokoneelle
Jotta voisit kokeilla WordPressiä omalla koneellasi tarvitset sitä varten palvelimen omalle koneelle
sekä tulkin, joka tulkaa skriptikielen. Vaihtoehtoja ovat Windowsille: EasyPHP, XAMPP ja
WAMP. Mackäyttäjien on tyydyttävä joko XAMPPiin tai MAMpiin.
Asenna itsellesi joku edellä mainituista ohjelmista. Tässä nauhoitettuja ohjeita asennukseen.




MAMP Macille
http://www.screencast.com/t/Nzg3NjFjZjE
XAMPP Windowsille (Suosittelen)
http://screencast.com/t/SvF2OPAZi
Easyphp Windowsille
http://screencast.com/t/ySxzNTawxp5t
WAMP Windowsille (Suosittelen)
http://screencast.com/t/8QPzLhaxEW
Windowskäyttäjille löytyy kirjoitettuja ohjeita seuraavista linkeistä.


WAMP
XAMPP
HUOM! Macissä toimii myös XAMPP, mutta yllä olevan listan XAMPP ohje on tehty
Windowsille.
130
Liite 3. XAMPPin asennus
WordPressin käyttöön omalla koneella tarvitaan webpalvelin jossa on PHP-tuki ja MySQLtietokanta. Helpoiten noiden asentaminen onnistuu, kun asennetaan XAMPP.
XAMPP on muunnosta LAMPista eli kyseessä on ohjelmistokokonaisuus ja alkukirjain osoittaa
ohjelman soveltuvan usealle käyttöjärjestelmälle. Tässä lyhyesti koko paketti

X tarkoittaa, että ohjleman saa neljälle eri käyttöjärjestelmälle

A tarkoittaa Apace serveriä

M tarkoittaa MySqlää

P tarkoittaa PHP:tä

P tarkoittaa Perl-ohjelmointikiletä
Nykyisin XAMPPin asennus on helppoa, koska kaikki osaset eli AMPP ovat saatavissa yhdessä
paketissa. XAMPP on ilmainen ohjelma ja sitä jaetaan GPL lisenssillä. Asennettuasi XAMPPin
pääset tekemään omalla koneella kokonaisia sivustoja ja myös testaamaan niitä omalla koneellasi.
Et tarvitse webhotellia, kaikki on koneellasi.
XAMPPin käyttö on suositeltavaa monestakin syystä. Ehkä painavin syy on, että kannattaa tehdä
virheet omalla koneella. Silloin koko maailma ei huomaa, että sivustosi on ihan sekaisin. Toinen
painava syy on, että päästään eroon FTP:n käytöstä. Eli jokaista pientä muutosta ei tarvitse aina
tehdä niin että muutat, jonka jälkeen siirrät ftp:llä tiedoston ja taas testaat.
XAMPPin asennus
Suunnista ensin XAMPPin sivuille: http://www.apachefriends.org/en/xampp.html
Valitse käyttöjärjestelmä. Tässä esimerkissä valitaan Windows, koska kyseessä on asennus
Windowsille.
Selaa sivua alaspäin, kunnes löydät asennuspaketin.
131
Valitse tallennea tiedosto.
Kaksoisnapsauta tiedostoa, jonka juuri latasit.
Napsauta OK.
Napsauta Next.
132
Valitse ”Next” eli tässä vaihtoehdsossa asennetaan kaikki.
133
Valitse kansio, jonne asennetaan.
134
Valitse ”Next” ja poista ruksi kohdasta ”Learn more about”.
135
Ja vielä ”Next”.
136
Napsauta lopuksi ”Finish”.
137
Käynnistä Apache.
Palomuuri reagoi ja valitse ”Salli käyttö”.
138
Käynnistä myös MySQL ja salli sen käyttö.
Siirry sen jälkeen osoitteeseen localhost.
Valitse kieli ja sitten onkin valmista. Napsauta kohtaa ”Security”.
139
Siellä näkyy muutama ongelma.
Korjaa ongelmat valitsemalla linkki, joka on ongelmian alapuolella.
Laita MySQL tietokannan pääkäyttäjälle salasana.
Laita myös websivulle tunnus ja salasana.
140
Sammuta ja käynnistä MySQL uudestaan. Ohjlema löytyy alaplakistasi.
Sitten sivustolla napsauta kohtaa security ja syötä sivuston salasana.
Ja nyt webpalvelin on asennettu ja turvallinen.
141
Liite 4. PHP ini
Webpalvelimen osalta tulee väkisinkin jossain vaiheessa ajankohtaiseksi jokin PHP-hen liittyvä
ongelma. Googlauksen jälkeen selviää, että ongelma hoituu säätämää tiedoston php.ini asetuksia.
Siksi tässä tietoa mistä kyseinen asetus löytyy.
XAMPP
Valitse hallintapaneelista Apachen kohdalta PHP (php.ini).
Tämän jälkeen tiedosto avautuu muistioon muokattavaksi.
Mikäli haluat avata tiedoston suoraan jollakin editorilla on polku
C:\xampp\php\php.ini
Muutosten jälkeen kannattaa webpalvelin sammuttaa ja käynnistää uudestaan.
142
WAMP
Wampista php.ini löytyy wamoin kautta napsauttamalla. Valitset PHP ja sitten php.ini.
WAMPissa on lisäksi mahdollista säätää php.ini tiedostoa menemättä ollenkaan kyseiseen
tiedostoon. Valitset vaan mitä haluat. Valitset ensin PHP ja sitten PHP settings.
Käynnistä muutosten jälkeen webpalvelin uudestaan.
143