3.2 Teema – Theme
Teemasta sivuston ulkonäkö
WordPressissä teema määrittää sen, miltä sivusto näyttää. Omaa teemaa valittaessa kannattaa kiinnittää huomio teemna mukana tuleviin lisäosiin. Teemassa käytettävä editori on yksi tärkeimmistä asioista, joita itse otan huomioon teemaa valittaessa. Kun on tottunut tiettyyn editoriin, tekeminen sen avulla sujuu luontevasti.
Mikä teema on?
WordPress sisällönhallintajärjestelmään voidaan tehdä sivut koodaamalla. Usein kuitenkin käytetään valmista sivupohjaa eli teemaa, jotta polkupyörää ei tarvitse keksiä uudelleen. Teema on koodaajan tekemä valmis ohjelmoitu tiedostorakenne, muotoilut ja mahdollisesti kokoelma tarvittavia lisäosia. Teema on sivuston malli, joka voidaan oman osaamisen puitteissa muotoilla itseä miellyttävään muotoon.
Jos sivustosta tulee sellaisenaan teemalla oman maun mukainen sivustolle ei tarvitse periaatteessa kuin lisätä oma teksti- ja kuvasisältö, navigointivalikko ja muu sisältö. Helpoimmillaan siis sivujen tekeminen on vain sisällön lisäämistä. On kuitenkin harvinaista, että teeman ulkoasu on niin täydellinen, ettei siihen haluta lainkaan tehdä omaa muotoilua ja siksi tuntemus hankitun teeman toiminnasta on tarpeen.
Jokainen teema on erilainen
WordPress-teemoja on satoja tuhansia ja jokainen niistä on erilainen jollain tapaa. Myös teeman toiminnot ja asetuksien laajuus ja muokkaaminen ovat uniikkeja. Valmiissa teemassa saattaa myös usein olla tarpeettomia toimintoja, joita ei sivulle haluta. Jokainen ohjelmoitu toiminto monimutkaistaa sivuston rakennetta ja tekee sivustosta raskaamman. Edellinen vaikuttaa helposti myös sivun latautumisnopeuteen ja hakukoneoptimointiin.
Tarjolla on kevyitä ns. tyhjiä teemoja, joihin on sisällytetty vain toiminnan kannalta tarpeelliset toiminnot, joiden avulla sivustoista saadaan kevyemmät. Mitä vähemmän teemassa on valmista sitä sivustolle joudutaan luomaan itse. Siksi verkkosivujen tekemisessä tarvitaan osaamista verkkosivutekniikoista.
WordPressin omat teemat
WordPress asennuksessa asentuu myös viimeisin WordPressin oma teema. Kirjoittamishetkellä teeman nimi on Twenty-twentytwo. WordPressissähän täytyy aina olla jokin teema asennettuna. Monet sivujen tekijät päättävät lähteä rakentamaan omia kotisivujaan WordPressin alkuperäiseen teemaan ja ne ovatkin kevyitä vaihtoehtoja sivuston rungoksi.
Mistä löytää teemoja?
Teemoja on olemassa joka lähtöön ja erilaisilla ominaisuuksilla. Myös hintahaarukka on ilmaisista teemoista Premium-teemoihin, joiden hinnat nousevat kymmeniin, jopa satoihin/tuhansiin euroihin.
Ehkä käytetyin palvelu teemojen hankintaan verkossa on Envato Theme Forest, jossa tällä hetkellä on valikoimassa 11,482 teemaa mistä valita omalle sivulle sopiva ulkoasu.
Lisäksi teemoja voi selailla Template Monster -palvelusta, jossa on tarjolla tuhansia teemoja.
Kannattaa suunnata selain myös Envato Elements -palveluun, jossa on paljon kaikenlaista materiaalia graafiseen puuhasteluun mutta myös hyvä valikoima WordPress-teemoja ja lisäosia. Palvelu on siinä mielessä erittäin käyttökelpoinen ja edullinen lähde hankkia materiaalia, että sinne ostetaan esim. kuukausijäsenyys 15 euroa. Jäsenyyteen kuuluu oikeus ladata maksutta mitä tahansa sivuston materiaalia, myös WordPress -teemoja. Palvelusta ladattavien teemojen huono puoli on se, että ainakin viime näkemältä ladattuihin teemoihin ei ole automaattista päivityspalvelua vaan teema on ladattava palvelusta aina uudelleen saadakseen teeman päivitykset ajan tasalle.
Teema vs. Teemapaketti
Verkossa on tarjolla teemojen (themes) ohella teemapaketteja (theme kit), jotka sisältävät usean sivuston taittomallin (layout). Itse olen tähän asti käyttänyt sivustojen tekemisessä teemapakettia DFD-native, joka löytyy Theme Forest -palvelusta. Teemapaketissa on lukuisia erilaisia sivumalleja, joista voi valita omaan tarkoitukseen sopivan.
Teeman asentaminen
Kaikki teemat WordPressiin asennetaan Teema (Themes) -paneelin kautta, joko suoraan WordPressin omasta valikoimasta tai lataamalla teeman paneelin yläosassa olevasta lisää uusi-painikkeesta. Jos hankimme teeman muualta, kuin WordPressin omasta valikoimasta se asennetaan pakattuna zip-tiedostona Lataa teema-toiminnon avulla.
Esimerkiksi Theme Forest palvelun kautta ostettu teema ladataan palvelusta zip-tiedostona. Usein paketti sisältää myös ohjetiedostoja ja muita vastaavia tiedostoja, jotka eivät kuulu asennustiedostoon. Saatu paketti puretaan aluksi johonkin ja ladataan WordPressiin teeman pakattu tiedosto puretusta materiaalista. Tavallisesti teeman asennustiedosto on nimetty teeman-nimi.zip
Teemojen lisäosat
Varsinkin ns. Premium-teemoissa tulee teeman mukana usein myös lisäosia, jotka ovat normaalisti maksullisia. Esimerkiksi itse käyttämäni DFD-native -teema sisältää WPBakery Pagebuilder -sivueditorin, joka sinäänsä maksaisi erikseen hankittuna 45 euroa. Jos teema sisältää kuva-/videoslider-elementin, teema saattaa myös sisältää Slider Revolution -lisäosan, joka on ehkä markkinoiden monipuolisin maksullinen kuvaslider-sovellus WordPressiin.
Harjoitussivun teema
Verkossa on olemassa lukuisia hyviä vaihtoehtoja tyhjäksi teemaksi sivuille. Lähdemme kehittämään kurssilla harjoitussivustoa teemaan nimeltä OceanWP. Teemassa on kirjava valikoima toimintoja ja se sisältää myös toiminnot typografian asettamiseen suurimmalta osin, joten sitä ei tarvitse asettaa CSS-muotoilun avulla.
Ocean WP-teeman voit ladata WordPress Themes-paneelin kautta hakemalla hakusanalla Ocean WP.
Kurssimateriaalisivustoni on rakennettu teemaan nimeltä Responsive-teema, joka on hyvin yksinkertainen teema. Se sisältää hieman asetuksia WordPressin Muotoile-toiminnossa mutta ei sisällä erityisen paljon ylimääräistä toimintoa. Lisäksi teema on kevyt ja helppo alkaa lisäämään halutessa myös omia muotoiluja CSS:n avulla. Teema löytyy WordPressin omalla teemojen hakutoiminnolla hakusanalla responsive. Responsive-teemaan on tehty aiemmin tällä kurssilla luodut harjoitussivustot (vanhat) Sienimetsään.
