WordPress 5.9 ”Josephine” on julkaistu

Alunperin WordPress 5.9 piti julkaista joulukuussa 2021, mutta version julkaisu myöhästyi erinäisten betassa todettujen bugien vuoksi. Lopulta julkaisupäivämääräksi tuli 25.1.2022.

WordPress 5.9 keskeisimmät ominaisuudet

Versio 5.9 on merkittävä uudistus WordPressille, sillä se ei tuo ainoastaan parannuksia suorituskykyyn tai korjauksia bugeihin. Se nimittäin esittelee erittäin odotetun päivityksen sivuston kokonaisvaltaiseen muokkaamiseen, eli FSE:n (engl. full-site editing). Versio 5.9 sisältää myös uuden lohkoille perustuvan oletusteeman Twenty Twenty-Two. Teemasta ja FSE:stä lisää tuonnempana!

”Josephine”

Version työnimi Josephine on tällä kertaa saatu yhdysvaltalais-ranskalaiselta jazzlaulaja Joséphine Bakerilta, joka tuli tunnetuksi 1920-luvulla tanssiesityksistään ja myöhempinä vuosikymmeninä rasisminvastaisesta aktivismista. Lisää nimivalinnasta ja yleinen katsaus versioon löytyy WordPress.org:n virallisesta blogista (englanniksi).

WordPress 5.0 ”Josephine” on nimetty tanssija-jazzlaulaja-aktivisti Joséphine Bakerin mukaan.

WordPress ja Gutenberg

WordPressin Gutenberg-muokkaimen kehitys on jaettu neljään osaan, jotka muodostavat projektin tiekartan eli Gutenberg roadmapin. WordPress 5.9 tuo suuren harppauksen WordPressin muokattavuuteen, ja versiopäivityksen myötä ollaan siis projektin kakkosvaiheen eli kustomoinnin ytimessä.

Mikä on FSE?

FSE eli full-site editing pohjaa pitkälti WordPress-käyttäjille jo tuttujen lohkojen toimintaan. Kun Gutenbergilla on tähän asti totuttu muokkaamaan vain sivulta tai artikkelista löytyvää sisältöä, uudella sivustoeditorilla voidaan hallita koko sivuston rakennetta ja ulkoasua.

Täydennys: Myöhempien WordPress-versioiden myötä puhutaan FSE:n sijaan vain sivustoeditorista tai sivuston tai lohkoteeman muokkaamisesta.

Uudet lohkoteemat

Mikä on lohkoteema? Pähkinänkuoreen tiivistettynä lohkoteema on uudentyyppinen WordPress-teema, jonka mallit muodostuvat kokonaan lohkoista. Lohkoteemojen avulla voidaan muokata kaikkia sivuston elementtejä kuten otsikoita, footereita, sivupalkkeja jne. Tämä muutos on parannus suorituskykyyn, sillä sivusto lataa tyylitiedostoja vain siltä osin, kuin se on tarpeellista yhden sivun esittämiseen.

Siinä missä perinteinen teema toimii PHP:llä, hyödyntää uudentyyppinen lohkoteema HTML:ää. Päivityksen myötä WordPress on aiempaa enemmän muokattavissa ilman koodaustaitoja. Kaikkiin ns. perinteisten teemojen ja lohkoteemojen eroavaisuuksiin voit tutustua WordPressin omalla ohjesivulla, josta löytyy mm. kätevä taulukko eroavaisuuksien tutkiskeluun.

theme.json

Kaikki lohkoteemat käyttävät WordPress-asennuksesta löytyvää theme.json-tiedostoa teeman pohjana. Tiedoston avulla määritetään teemalle tyylit ja lohkojen asetukset. theme.json tuli mukaan WordPressin ytimeen jo viime versiossa, mutta nyt 5.9:ssä sen kanssa päästään kunnolla vauhtiin.

Jotta lohkoteemoja voi muokata uudella editorilla, 5.9 sisältää myös seuraavat sisältötyyppit WordPressin omaan käyttöön:

  • wp_template: Lohkoteeman käyttämät sivupohjat.
  • wp_template_part: Lohkoteeman sivupohjien osat.
  • wp_global_styles: Sivuston ylläpitäjän luomat teeman tyylit.
  • wp_navigation: Lohkoteemaan lisättävät navigaatiovalikot.

Miten lohkoteema otetaan käyttöön?

Käyttääksesi lohkoteemaa WordPressissä, sivustolla ei tarvitse tehdä mitään erityistä – WordPressin päivittämisen ohella tarvitsee vain asentaa ja aktivoida lohkoteema, kuten esimerkiksi Twenty Twenty-Two. Lohkoteeman aktivoituasi pääset mukauttamaan lohkoteemaa valikossa Ulkoasu > Editori. Editori on vielä toistaiseksi beta-vaiheessa, mutta kuitenkin käytettävissä.

Uusia lohkoteemoja julkaistaan koko ajan lisää käytettäväksi ja muokattavaksi, joten niiden muutoksiin ja tarjoamiin ominaisuuksiin kannattaa tutustua, vaikka teeman päivittäminen ei olisi vielä ajankohtaista. Kätevimmin tämä tapahtuu esimerkiksi erillisessä testiympäristössä, kuten Seravolla sivuston varjokopiossa.

Twenty Twenty-Two

Uusi WordPressin mukana tuleva teema Twenty Twenty-Two on aiemmin kuvailtu lohkotyyppinen teema. Sen avulla on helppoa tutustua WordPressin uusimpiin ominaisuuksiin ja harjoitella lohkoteeman muokkaamista.

Twenty Twenty-Two on uusi, WordPress 5.9:n mukana tuleva lohkoteema.

Globaalit tyylit

Kuten edellä mainittu, WordPressin edellisessä versiossa eli 5.8:ssa esiteltiin theme.json, ja tiedostoa muokkaamalla voidaan vaikuttaa WordPress-sivuston ulkoasuun. Nyt 5.9:n myötä tiedoston muokkaamiseen tarjotaan graafinen käyttöliittymä. Tuttu valikko Ulkoasu > Mukauta poistuu siis lopulta käytöstä kokonaan.

Tyylien muodostamiseksi on kolme eri osa-aluetta:

  • Tekstin muotoilu (Typography) ‒ Hallinnoi elementtien fonttiasetuksia
  • Värit (Colors) – Sivustonlaajuiset paletit ja oletusvärit eri elementeille
  • Asettelu (Layouts) – Mitat ja reunatäytteet

Twenty Twenty-Two -lohkoteema sisältää monia valmiita tyylejä, joilla eri värejä ja muotoiluja pääsee kätevästi testaamaan. 

Globaalien tyylien myötä sivuston lohkoja voi muokata niin, että tyyli vaikuttaa kaikkiin tietyntyyppisten lohkojen ulkonäköön koko sivustolla – mutta vain, jos lohko tukee globaaleja tyylejä (tämä määritellään block.json-tiedostossa).

Parannuksia lohkoihin

WordPress 5.9 esittelee mahdollisuuden hallita lohkojen marginaaleja ja täyttöä (engl. padding). Muutos ei heti koske aivan kaikkia lohkoja, mutta tilanne tulee muuttumaan tulevien versioiden myötä. Tämän ohella myös moni lohko saa parannuksia niiden muokattavuuteen ja hallittavuuteen.

Lohkomallien hakemisto on myös kasvanut huomattavasti, ja siksi WordPress 5.9 esittelee myös erillisen selaimen eri mallien tarkastelemiseksi. Pääset selaamaan malleja avaamalla Lohkolisääjän ja menemällä välilehdelle “Mallit”, jonka lopusta löytyy uusi painike “Selaa kaikkia lohkomalleja”.

Uusi lohko – navigaatio

Tähän asti WordPressin valikoita on muokattu kokonaan erillisessä osiossa. Lohkoteemojen myötä tämäkin muuttuu, ja uusi navigaatiolohko (Navigation Block) tuo mahdollisuuden valikoiden rakentamiseen uudessa editorissa. Lue lisää uudesta navigaatiolohkosta.

Miten tuodaan vanha valikko lohkoteemaan? Jos olet rakentanut valikot vanhaan malliin, ei syytä huoleen – valikkojen tuomiseen löytyy WordPressistä oma tuontityökalu.

Päivityksiä lohkoihin

WordPress 5.9:ssä on uusia asetuksia lohkojen ulkoasun hallitsemiseksi. Lohkojen yksityiskohdat kuten välit, reunat ja painikkeet ovat nyt aiempaa paremmin hallittavissa monissa eri lohkotyypeissä, kuten esimerkiksi Galleria- ja Haku-lohkoissa.

Uudistunut Artikkelikuva

Myös Artikkelikuva (Featured Image) on saanut 5.9:ssä enemmän asetuksia, ja voit muokata sen mittoja tai asettaa artikkelikuvalle esimerkiksi värifiltterin.

Vimpainryhmä

Edellisessä versiossa eli WordPress 5.8:ssa vimpaimien toiminta uudistui. Jäitkö kaipaamaan otsikkoaluetta vimpaimille? Vimpaimista voi muodostaa ryhmän (Widget Group Block), minkä avulla vimpaimien otsikointi onnistuu jälleen, ja vimpainsisällön asettelu sivulla on helpompaa. Lue lisää tästä uudesta lohkotyypistä WordPress.org:ssa.

UI-parannuksia

WordPress 5.9:ssä käyttöliittymän parannuksia ei suinkaan ole unohdettu. Listanäkymässä lohkoja voi uudelleenjärjestellä raahamalla ja pudottamalla. Lohkoista voi myös muodostaa erillisiä ryhmiä, mikä helpottaa sisältöjen hallintaa.

Tavalliset linkit sivustolla tukevat nyt myös ns. rikasta näkymää, eli käyttäjä voi nähdä sisältöä ennen linkin klikkaamista. Kaikki lohkot eivät vielä tätä näkymää tue, mutta tilanne tulee todennäköisesti muuttumaan tulevaisuudessa, kun ominaisuuksia kehitetään.

Poimintoja WordPress-kehittäjille

Kaikkiin uusiin WordPress 5.9 -ominaisuuksiin ja kehittäjäohjeisiin pääset käsiksi WordPressin virallisessa Field Guidessa.