Yksi teema, monta toteutustapaa

10.8.2026

Verkkosivustoja on rakennettu WordPresillä jo vuodesta 2003, ja siinä ajassa se on kehittynyt blogialustasta maailman suosituimmaksi verkkosivualustaksi, jolla tehdään kaikkea yksinkertaisista verkkosivuista verkkokauppoihin ja monimutkaisiinkin verkkopalveluihin. Vuosien mittaan on muuttunut myös tapa, millä verkkosivustoja tehdään ja ylläpidetään.

Classic Editor – yksi kenttä kaikkeen sisältöön

Aluksi WordPress oli yksinkertainen: sivut muokattiin niin sanotussa Classic Editorissa. Se oli käytännössä yksi tekstikenttä, johon saattoi kirjoittaa tekstiä, muotoilla sitä ja lisätä kuvia ja linkkejä samaan tapaan kuin esimerkiksi Wordissa.

Etuja Haasteita
  • Yksinkertainen, helppo oppia
  • Ei tarvita isompaa teknistä osaamista
  • Vain yksi muokattava alue sivulla
  • Eri asettelut vaati eri sivupohjan (template) valinnan
  • Kaikki muu sisältö ja asettelut oli tehtävä kooditasolla teemasta tai lyhytkoodeilla ja lisäosilla

Jos kenkä sopii, käytä sitä – Classic Editor pitää jossain määrin pintansa vielä nykyäänkin. Sen suosiota kuvastaa se, WordPress tarjoaa sille tuen edelleenkin erillisenä lisäosana, vaikka se suunniteltiin vanhentuvaksi jo monta vuotta sitten.

Advanced Custom Fields – monipuolisempia sisältöasetteluja lisäkentillä

Koska sivustoista haluttiin monipuolisempia sekä sisällöltään että asetteluiltaan, tähän tarpeeseen ilmestyi vuonna 2011 lisäosa nimeltä Advanced Custom Fields. Se nousi nopeasti teemankehittäjien suureen suosioon ja on käytössä monilla sivuilla vielä nykyisinkin, tosin vähän eri roolissa. ACF tarjoaa näppärän tavan lisätä sivupohjaan uusia kenttiä, joiden avulla voitiin rakentaa monipuolisempia sivupohjia. Etenkin sen kenttätyyppi Joustava sisältö oli lähes alan standardi tietyssä vaiheessa – sen avulla saattoi sisältöalueelle lisätä yhden tekstikentän sijaan valitun sisältökokonaisuuden, jossa kussakin saattoi olla oma asettelunsa ja useampia kenttiä, johon sisältöä lisättiin. Se mahdollisti joustavamman tavan rakentaa eri näköisiä sivuja ja järjestellä sivun sisältökokonaisuuksia eri järjestykseen eri sivuilla – asia, jota pelkkä Classic Editor ei mahdollistanut.

Etuja Haasteita
  • Mahdollistaa monipuolisemmat sisällöt
  • Sisällönsyöttäjät pääsivät vaikuttamaan enemmän sivujen ulkoasuun ja alueiden järjestykseen
  • Lisäkentillä mahdollisuus esittää tietoja yhtenäisellä tavalla ja tehdä esim. hakuja kenttien arvojen perusteella
  • Kehittäjien on helppo luoda tarvittavat lisäkentät
  • Asettelumallit ja lisäkenttien näkyvyys edelleen koodattava teemaan
  • Monimutkaisen kenttärakenteen tekeminen vaatii teknistä osaamista ja kasvattaa kompleksisuutta
  • Erillisistä kentistä voi olla vaikea hahmottaa, miltä lopullinen sisältö näyttää sivulla.
  • Vaatii erillisen lisäosan, maksullisen version jos haluaa kaikki ominaisuudet käyttöön

 

Page Builder -lisäosat – Drag and drop

Sivustojen rakentamiseen alettiin kuitenkin kaivata visuaalisempaa kulmaa, jolloin ylläpitäjät näkisivät suoraan editoidessaan, miltä sivu näyttää loppukäytössä. Seuraava askel olivat erilaiset page builder -lisäosat, kuten Elementor (2016), WPBakery (2011/2017) ja Divi (2013). Nämä antoivat visuaalisen näkymän sivuston rakentamiseen. Niiden avulla pystyt vetämään ja pudottamaan elementtejä paikoilleen ja lisäämään asetteluja ja sisältöjä lähes rajattomasti. Nämä ovat edelleen käytössä monella sivustolla ja nekin ovat kehittyneet vuosien saatossa.

 

Etuja Haasteita
  • Visuaalinen muokkauskokemus
  • Joustavat mahdollisuudet asetteluille
  • Sivupohjien luominen onnistuu ilman koodiosaamista
  • Suorituskyky usein heikompi, ts. tuottaa raskaahkoja sivuja
  • Sivujen ylläpito vaatii enemmän opettelua
  • Helpompi saada aikaan visuaalisesti epäyhtenäistä jälkeä
  • Suuret, läpi sivuston menevät muutokset usein työläitä toteuttaa, vaatii muutokset joka sivulle erikseen
  • Vaatii erillisen (usein maksullisen) lisäosan
  • Uudet versiot tuottavat joskus yhteensopivuusongelmia

Uusi aika – Gutenberg eli lohkoeditori mukaan WordPressiin

WordPress lähti kehittämään muokkauskokemusta visuaalisempaan suuntaan ja julkaisi uudenlaisen editorin vuodenvaihteessa 2018/2019. Se nimettiin kirjapainotaidon keksijänä pidetyn Gutenbergin mukaan. Perusidea olikin mullistava – yhtenäisen tekstialueen sijaan jokainen sisältöalue (otsikko, kappale, linkki, kuva jne) on oma lohkonsa, jolla on omat tyylinsä ja jonka voi lisätä tiettyjen, sääntöjen puitteissa, minne vain. Tämä mahdollistaa sivusisältöjen entistä vapaamman muotoilun säilyttäen kuitenkin teeman perustyylit, kuten esim. otsikkojen koot, värit ja fontit. Visuaalinen ilme pysyy siis yhtenäisempänä mahdollistaen kuitenkin vapaamman sisältöjen asettelun.

Etuja Haasteita
  • Visuaalinen muokkausnäkymä, mahdollistaa joustavan ja monipuolisen sisältöjen asettelun
  • WordPressin natiivi ”page builder”, parempi suorituskyky, ei tarvitse opetella kuin yksi tapa muokata
  • Päivittyy automaattisesti WordPressin mukana
  • Monipuolisesti valmiita sisältöasetteluja, joita teeman kehittäjä voi laajentaa tai tehdä kokonaan kustomoituja uusia lohkoja.
  • Valmiiksi tehtyjen mallien myötä voi saada kokonaisia sisältöasetteluja tai sivupohjia saada muutamalla klikkauksella uudelle sivulle, josta sitten voi jatkaa editointia.
  • Rajatumpi määrä valmiita elementtejä verrattuna page builder-lisäosiin
  • Ylläpito vaatii enemmän opettelua kuin Classic Editor (mutta vähemmän kuin page builderit)
  • Vaatii edelleen koodausta, jos halutaan laajentaa natiivilohkoja tai tehdä kustomoituja, omia lohkoja
  • Joustavuuden myötä sisällönsyöttäjät joutuvat miettimään myös asetteluja, pelkkä copy-paste ei riitä

Full Site Editing (FSE) – teemankehitystä ilman koodausta

Kun sivujen muokkaaminen oli lohkoeditorin myötä monipuolistunut huomattavasti ensimmäistä versioista, alkoi ilmaantua tarvetta päästä muokkaamaan ylläpidon kautta myös perinteisesti teeman kautta tulevia osasia, kuten esim. footerin asetteluja, arkistosivuja, värejä ja fontteja. Tähän tarpeeseen vastasi Full Site Editing (FSE), jonka ominaisuuksia alkoi tulla WordPressiin ensimmäisen kerran vuonna 2022. Sittemmin jokainen versiopäivitys on tuonut lisää ominaisuuksia ja suunnannut teemakehitystä yhä enemmän tähän suuntaan.

Etuja Haasteita
  • Kaikki lohkoeditorin ominaisuudet edelleen käytössä, mutta laajennettuna sivupohjien tekoon tarvittavilla ominaisuuksilla
  • Uusien sivupohjien tekeminen ja perinteisesti teeman määrittämien sivujen muokkaus onnistuu myös ylläpidosta, kuten esim. 404-sivut, arkistosivut, hakusivut jne.
  • Pienentää teeman ja sisällön välistä kuilua, mahdollistaa joustavammat muokkausmahdollisuudet myös tulevaisuudessa
  • Kehittyy koko ajan – joka versio tuo mukanaan lisää ominaisuuksia
  • Teeman kehitys ajateltava uudella tavalla, jotta säilytetään visuaalinen yhtenäisyys mutta sallitaan ylläpitäjien kuitenkin vaikuttaa asetteluihin ja sivupohjiin
  • Vahingossa tehdyt muutokset sivupohjiin heijastuvat kaikille sivuille – riski sivuston visuaalisuuden rikkoutumiselle (torpattavissa käyttöoikeuksilla)
  • Vielä toistaiseksi soveltuu parhaiten yksinkertaisemmille sivustoille, monimutkaisemmat vaativat edelleen myös teemakoodausta rinnalle.

Vertailu

Ominaisuus Classic Editor ACF Flexible fields Page Builder Gutenberg FSE
Suorituskyky Hyvä Erinomainen Huono Erinomainen Erinomainen
Monipuolisuus Huono Kohtuullinen Erinomainen Hyvä Erinomainen
Ylläpidon helppous Hyvä Kohtuullinen Huono Erinomainen Erinomainen
Selkeys Erinomainen Hyvä Sekava Hyvä Hyvä
Riippuvuudet Vähän Yksi Vähintään yksi Vähän Vähän

Yhteenveto

Paras toteutustapa riippuu aina sivuston tarpeista ja käytössä olevasta budjetista. Gutenberg-pohjaiset sivustot ovat tämän hetken standardi, Full Site Editing alkaa olla nykyaikaisin valinta tuleville projekteille. Sellaisenaan toiminnallisuus on vielä paikoin rajattua, mutta uusia ominaisuuksia tulee koko ajan lisää ja kuten usein sivuistoissa, sopivalla kustomoinnilla sillä saa tehtyä myös monipuolisemmat sivustot, jotka kestävät aikaa.

Verkkosivutoteutuksiamme

Tutustu verkkosivu- ja ylläpitopalveluihimme

Kun tavoitteenasi on palvelevat verkkosivut

Hyvällä ylläpidolla pidempi elinkaari verkkosivuille