Näin valitset WordPress-teeman, joka palvelee sivustos...

Tiivistelmä

WordPress-teeman valinta vaikuttaa siihen, miltä sivustosi näyttää, miten sen sisältöä esitetään ja kuinka helposti pystyt muokkaamaan kokonaisuutta. Näyttävä esittelysivu voi herättää kiinnostuksen, mutta sopivuus…

Blogi, yrityssivusto ja verkkokauppa tarvitsevat erilaisia ratkaisuja. Yhdelle tärkeintä on pitkien tekstien luettavuus, toiselle palveluiden esittely ja kolmannelle sujuva ostaminen.

Hyvä teema tukee sivuston arkea myös käyttöönoton jälkeen. Sen pitäisi olla ylläpidettävä, tarpeeksi muokattava ja yhteensopiva tarvitsemiesi toimintojen kanssa. Tässä oppaassa käydään läpi valintaperusteet, joiden avulla vaihtoehtoja voi vertailla järjestelmällisesti.

Määrittele ensin sivuston tarkoitus

Aloita kirjoittamalla, mitä sivuston pitäisi auttaa kävijää tekemään. Tavoitteena voi olla artikkelin lukeminen, yhteydenotto, tapahtumaan ilmoittautuminen tai tuotteen ostaminen.

Listaa tämän jälkeen tärkeimmät sisältötyypit. Tarvitsetko pitkiä artikkeleita, kuvagallerioita, henkilöstöesittelyjä, tuotetietoja vai palvelukohtaisia sivuja?

Jaa toiveet kolmeen ryhmään:

Välttämättömät: asiat, joita ilman sivusto ei täytä tarkoitustaan.
Hyödylliset: ominaisuudet, jotka helpottavat käyttöä tai ylläpitoa.
Valinnaiset: yksityiskohdat, jotka ovat mukavia mutta eivät ratkaise valintaa.

Esimerkiksi selkeä mobiilivalikko voi olla välttämätön, mutta näyttävä taustavideo valinnainen. Tällainen jaottelu auttaa välttämään tilanteen, jossa valitset teeman yhden koristeellisen ominaisuuden perusteella.

Mieti samalla, kuka sivustoa päivittää. Teeman pitää sopia myös ylläpitäjän osaamiseen ja käytettävissä olevaan aikaan.

Ymmärrä, mitä teema tekee

WordPress-teema määrittää sivuston esitystapaa. Se vaikuttaa esimerkiksi sivupohjiin, typografiaan, väreihin ja sisältöalueiden sijoitteluun. WordPressin oma dokumentaatio kuvaa teemaa tiedostokokonaisuutena, joka ohjaa sisällön visuaalista esittämistä. WordPressin teemaohje

Kaikkia sivuston toimintoja ei silti kannata sitoa teemaan. Esimerkiksi varausjärjestelmä tai jäsenyyksien hallinta voi olla järkevää toteuttaa erillisellä lisäosalla.

Kysy teeman esittelyä lukiessasi, mistä luvatut ominaisuudet tulevat. Kuuluvatko ne itse teemaan, maksulliseen lisäpakettiin vai ulkopuoliseen lisäosaan?

Tällä on merkitystä myöhemmin. Jos vaihdat teemaa, ulkoasun muuttuminen on odotettavaa. Keskeisten sisältöjen tai toimintojen katoaminen voi puolestaan aiheuttaa paljon korjaustyötä.

Valitse sopiva muokkaustapa

WordPressissä on sekä lohkoteemoja että perinteisiä eli klassisia teemoja. Niiden muokkaustavat eroavat toisistaan.

Lohkoteemassa myös sivuston rakenteita, kuten ylätunnistetta, alatunnistetta ja sivupohjia, voidaan muokata lohkoilla sivustoeditorissa. Klassisen teeman asetukset voivat puolestaan löytyä mukauttimesta, teeman omasta hallinnasta tai muista toteutuskohtaisista näkymistä. WordPressin lohkoteemojen opas

Lohkoteema sopii esimerkiksi tilanteeseen, jossa haluat muokata sivuston eri osia WordPressin omilla työkaluilla. Klassinen teema voi olla toimiva vaihtoehto, jos sen valmiit ratkaisut ja muokkaustapa vastaavat tarpeitasi.

Klassinen teema voi silti tukea artikkelien ja sivujen lohkoeditoria. Teematyyppi ei siis yksin kerro, millä sisältö kirjoitetaan.

Kokeile käytännössä, osaatko vaihtaa värit, muokata valikkoa ja rakentaa tavallisen sisältösivun. Pelkkä ominaisuusluettelo ei kerro työn sujuvuudesta.

Arvioi teema omalla sisällölläsi

Teeman esittelysivulla kuvat, otsikot ja tekstimäärät on yleensä valittu näyttämään hyvältä yhdessä. Oma sisältösi voi olla aivan erilaista.

Testaa teemaa pitkällä suomenkielisellä otsikolla, tavallisella artikkelilla ja eri kuvasuhteilla. Tarkista myös sivu, jolla ei ole suurta aloituskuvaa.

Hyödyllinen kokeiluaineisto sisältää esimerkiksi:

Lyhyen ja pitkän otsikon.
Useita tekstikappaleita.
Väliotsikoita ja luetteloita.
Vaaka- ja pystykuvia.
Taulukon tai muun tarvitsemasi sisältöelementin.
Sivun, jossa sisältöä on vain vähän.

Jos teema näyttää hyvältä vain tarkasti rajatuilla kuvilla ja muutaman sanan otsikoilla, sisällöntuotannosta voi tulla tarpeettoman työlästä.

Tarkastele etusivun lisäksi artikkelia, hakutuloksia, arkistosivuja ja virhesivua. Kävijä voi saapua mille tahansa niistä.

Tarkista mobiilikäyttö oikealla laitteella

Responsiivisuus tarkoittaa, että ulkoasu mukautuu erikokoisiin näyttöihin. Käytännössä toimivuus pitää silti tarkistaa.

Avaa teeman kokeilusivusto puhelimella ja tee tavallisia tehtäviä. Etsi yhteystiedot, avaa valikko, lue artikkeli ja kokeile lomaketta.

Kiinnitä huomiota siihen, ovatko painikkeet helposti painettavia ja jääkö tekstiä näytön ulkopuolelle. Tarkista myös, viekö suuri ylätunniste kohtuuttomasti tilaa.

Pitkät suomalaiset sanat ja monitasoinen valikko voivat paljastaa ongelmia, jotka eivät näy englanninkielisessä esittelyssä.

Selainikkunan kaventaminen on hyödyllinen ensitesti, mutta puhelimella huomaat myös kosketuskäytön hankaluudet. Älä arvioi mobiilinäkymää pelkästä teeman myyntisivun kuvakaappauksesta.

Suosi luettavuutta ja saavutettavuutta

Tekstin pitää olla luettavaa ilman jatkuvaa suurentamista tai keskittymistä koristeelliseen fonttiin. Tarkastele tekstin kokoa, riviväliä, palstan leveyttä ja värien erottuvuutta.

Kokeile sivustoa myös näppäimistöllä. Pääsetkö valikkoon, linkkeihin ja lomakkeisiin? Näkyykö selvästi, missä kohdistus liikkuu?

WordPressin teemahakemiston accessibility-ready-merkintä voi auttaa vaihtoehtojen löytämisessä. Se kertoo teeman saavutettavuuteen liittyvistä tarkistusvaatimuksista, mutta ei takaa valmiin sivuston täyttävän kaikkia saavutettavuusvaatimuksia. Myös sisältö, lisäosat ja omat muutokset vaikuttavat lopputulokseen. WordPressin saavutettavuusohje

Vältä ratkaisuja, joissa tärkeä toiminto löytyy vain hiiren osoittimella tai joissa teksti katoaa taustakuvan joukkoon.

Saavutettavuuden huomioiva lähtökohta vähentää myöhempää korjaustarvetta ja helpottaa monenlaisten kävijöiden asiointia.

Selvitä riippuvuudet ja yhteensopivuus

Jotkin teemat tarvitsevat tietyn sivunrakentajan tai useita täydentäviä lisäosia. Tämä voi olla perusteltua, mutta kokonaisuus pitää ymmärtää ennen käyttöönottoa.

Tarkista ainakin seuraavat asiat:

Mitkä lisäosat ovat pakollisia?
Mitkä kuuluvat vain esittelysisällön toteutukseen?
Vaativatko toiminnot maksullisia lisenssejä?
Miten sisältö käyttäytyy, jos sivunrakentaja poistetaan?
Toimivatko nykyiset tärkeät lisäosasi teeman kanssa?

Verkkokaupassa kokeile tuotteen lisäksi ostoskoria, kassaa ja asiakastiliä. Monikielisellä sivustolla tarkista kielenvalinta ja tekstien käännettävyys.

Yhteensopivuusmerkintä on hyödyllinen lähtötieto, mutta se ei korvaa oman yhdistelmän testaamista. Kaksi erikseen toimivaa tuotetta voi käyttäytyä yhdessä odottamattomasti.

Arvioi nopeutta realistisessa ympäristössä

Teeman nopeutta kannattaa mitata samanlaisella sisällöllä ja samoissa olosuhteissa kuin kilpailevia vaihtoehtoja. Myyjän esittelysivun tulos ei sellaisenaan kerro oman sivustosi suorituskyvystä.

Latautumiseen vaikuttavat myös palvelin, kuvat, fontit, lisäosat ja ulkopuoliset palvelut. Siksi kaikkea hitautta ei pidä selittää teemalla.

Tutki erityisesti, latautuuko tavalliselle artikkelisivulle paljon toimintoja, joita siinä ei käytetä. Tarvitseeko jokainen sivu esimerkiksi liukuesitysten tai animaatioiden tiedostoja?

Katso mittaustulosten lisäksi käyttökokemusta. Ilmestyykö sisältö vakaasti vai liikkuvatko painikkeet ja tekstit latauksen aikana?

Yksittäinen pistemäärä ei ratkaise valintaa. Tärkeämpää on, että olennainen sisältö ja toiminnot ovat käytettävissä sujuvasti myös tavallisella mobiiliyhteydellä.

Tarkista ylläpito, ohjeet ja tuen laatu

Teeman valinta on myös ylläpitoratkaisu. Tutki päivityshistoriaa, yhteensopivuustietoja ja ohjeiden laatua.

Pelkkä viimeisimmän päivityksen päivämäärä ei kerro kaikkea. Katso, mitä päivityksissä on korjattu ja miten tekijä vastaa ilmoitettuihin ongelmiin.

Hyvä ohjeistus kertoo tavallisten muokkausten lisäksi, miten teema asennetaan, päivitetään ja palautetaan ongelmatilanteessa.

Jos suunnittelet koodimuutoksia, selvitä niiden ylläpitotapa. Suoraan alkuperäisen teeman tiedostoihin tehdyt muutokset voivat kadota päivityksessä. Lapsiteema on yksi tapa erottaa omat tiedostomuutokset pääteemasta. WordPressin lapsiteemaopas

Kaikki visuaaliset muutokset eivät tarvitse lapsiteemaa. Esimerkiksi sivustoeditorin tarjoamat tyylimuutokset tehdään eri tavalla. Valitse toteutustapa muutoksen luonteen perusteella.

Laske kokonaiskustannus

Maksuton teema voi olla täysin riittävä. Maksullinen vaihtoehto voi puolestaan säästää työtä, jos siihen sisältyvät juuri tarvitsemasi ominaisuudet ja toimiva tuki.

Vertaa hankintahinnan lisäksi:

Lisenssin uusimiskustannusta.
Sallittujen sivustojen määrää.
Maksullisia lisäosia.
Käyttöönottoon kuluvaa aikaa.
Tarvittavaa ulkopuolista apua.
Mahdollisen myöhemmän vaihdon työtä.

Tarkista, mitä lisenssin päättyminen käytännössä tarkoittaa. Päivitysten, tuen ja ominaisuuksien ehdot vaihtelevat tuotteittain.

Älä osta laajinta pakettia vain varmuuden vuoksi. Käyttämättömät ominaisuudet eivät tuo hyötyä, mutta voivat lisätä asetusten ja ylläpidon määrää.

Kokeile ennen lopullista päätöstä

Rajaa vertailu muutamaan vaihtoehtoon ja testaa niitä erillisessä testiympäristössä. WordPressin oma ohje suosittelee testisivustoa, kun teemaa halutaan arvioida perusteellisesti ennen käyttöönottoa. WordPressin teemojen käyttöönotto-ohje

Jos vaihdat olemassa olevan sivuston teemaa, ota varmuuskopio ja varmista palautustapa. Tarkista testissä valikot, lomakkeet, sisältöjen esitystapa ja tärkeimmät asiointipolut.

Arvioi lopuksi jokaista vaihtoehtoa alkuperäisen tarvelistasi avulla. Kuinka paljon muokkausta tarvitaan? Mitkä asiat toimivat valmiiksi? Mitä ylläpito edellyttää?

Valitse teema, jolla pystyt julkaisemaan ja ylläpitämään sisältöäsi luontevasti. Sopiva teema tukee sivuston tarkoitusta myös silloin, kun ensimmäisen julkaisun innostus on vaihtunut tavalliseksi ylläpitotyöksi.

Liittyvät kategoriat

Artikkeleita 2 020 artikkelia IT 1 946 artikkelia Kotisivut 1 195 artikkelia Nettisivut 1 195 artikkelia Verkkokehitys 1 261 artikkelia Verkkosivut 1 394 artikkelia Verkkotyökalu 1 174 artikkelia WordPress 1 214 artikkelia