WordPress 6.5 ”Regina” – rajapintoja joka lähtöön

WordPress 6.5 "Regina"

WordPress 6.5 julkaistiin 2.4.2024. Mitä uusia ominaisuuksia on tällä kertaa luvassa? Versio 6.5 tuo WordPressiin ainakin käyttöliittymäpäivityksiä, parannettua käytettävyyttä ja uusia rajapintoja – joista etenkin kehittäjät pääsevät nauttimaan! WordPress.org-sivustolta näet katsauksen kaikista uusista ominaisuuksista, tai voit tutustua poimintoihimme jatkamalla lukemista.

WordPress 6.5 ”Regina” nimettiin amerikkalaisen jazzviulisti Regina Carterin mukaan. Voit lukea WordPressin keulahahmon ja Automatticin perustajan Matt Mullenwegin blogikirjoituksen tästä WordPressin päivityksestä.

WordPress 6.5 "Regina"

Sivujen ja artikkelien versiotiedot

WordPressissä yksittäisiä sivuja (pages) ja artikkeleita (posts) voidaan palauttaa aiempaan versioon. WordPress 6.5 myötä versioiden tiedot laajentuvat, ja voit nähdä yhdellä silmäyksellä suoraan editorissa, mitä kaikkia muutoksia kyseinen versio sisältää. Versiot kattavat myös muutokset tyyleihin (styles) ja sivupohjiin (templates).

Oletuksena versioiden määrä on rajattu Seravolla 30:een, mutta pääset muuttamaan tätä muokkaamalla wp-config.php-tiedostoa palvelimella.

Menikö sivustollasi bitti poikittain pahemman kerran? Seravon ylläpidossa olevat sivustot varmuuskopioidaan lisäksi kokonaisuudessaan kerran vuorokaudessa, ja jokainen varmuuskopio on saatavilla 30 päivän ajan. Sivustosi voidaan palauttaa milloin tahansa toimintaan juuri sellaisena kuin se oli varmuuskopioinnin hetkenä.

WordPress ja vaivaton ulkoasun hallinta

WordPress 6.5 sisältää tuttuun tapaan suorituskykyä parantavia päivityksiä, ja aiemmin toisinaan hitaanlaisesti toiminut sivuston ulkoasueditori latautuu nyt sujuvammin. Verrattuna aiempaan versioon, editori latautuu WordPress 6.5:ssä jopa tuplasti nopeammin! Parannuksia on luvassa myös lohkojen hallintaan.

Käytä taustakuvia lohkoissa

Ryhmä-lohkolla voit yhdistää esimerkiksi kuvaa ja tekstiä nostojen tai pienien infolaatikoiden luomiseksi. Ryhmä-lohkolle voi nyt WordPress 6.5:ssä asettaa taustakuvan, ja sille löytyy monta eri asetusta, jotta saat muokattua sen asettelua haluamasi näköiseksi sivustoeditorissa.

WordPress 6.5 tuo myös käytettävyysparannuksia lohkojen ja lohkomallien (patterns) hallintaan sivustoeditorissa. Muita muutoksia ovat mm. Kansi-lohkon tuki nyt kuvasuhteelle. Lisäksi kuvalohkoille ja kolumneille voi nyt asettaa esimerkiksi varjoefektin.

WordPressin sivustoeditoriin on tuotu nyt myös uudistuksia, jotka toimivat raahaa ja pudota (drag and drop) -periaatteella, mikä tekee WordPressin käytöstä intuitiivisempaa uusille käyttäjille.

Fonttikirjasto – WordPress Font Library

Sivustojen typografian saa nyt haltuun ilahduttavan helposti uuden fonttikirjaston ansiosta. Tämän ansiosta sivustolla voidaan aktivoida fontteja eli kirjaintyyppejä Google Fonts -palvelusta, tai fontteja voi asentaa ja poistaa erillisestä tiedostosta – kokonaan käytössä olevasta teemasta riippumatta.

Sivustoeditorissa kirjasimia hallitaan valikossa Globaalit tyylit > Typografia. Jos valikon haluaa piilottaa sivuston käyttäjiltä, se onnistuu PHP-filtterin avulla (fontLibraryEnabled).

Finttikirjaston avulla voidaan mahdollisesti nopeuttaa sivustojen latautumista, jos fontteja ei vielä ladata sivustolla lokaalisti – eli ilman eri kutsua ulkoiseen palveluun. Toisin sanottuna: vaikka käytettävä fontti asennettaisiin sivustolle Google Fonts -palvelun avulla, fonttitiedosto tallennetaan WordPress-asennukseen, eikä sivuston tarvitse jatkossa lähettää eri kutsua ulkoiselle palvelimelle, millä on mahdollisuus nopeuttaa latausaikoja sivustollasi.

WordPress ja perinteisen teeman muokkaus

Uusimmat WordPressin oletusteemat perustuvat lohkoeditoriin, ja niitä kutsutaankin lohkoteemoiksi. Perinteiset, PHP-prosessoinnilla toimivat teemat saavat kuitenkin WordPress 6.5 myötä päivityksen, jolla voi hallita sivuston ulkoasua hieman lohkoteemakokemusta mukaillen. Ensiksi hallittavissa ovat sivuston typografia, värit, välistykset ja elementtien reunat.

WordPress tukee nyt AVIF-kuvia

AVIF-kuvien lataaminen mediakirjastoon on mahdollista WordPress 6.5-päivityksen myötä, ja niitä voi käyttää kuin mitä tahansa muuta kuvatiedostoa. AVIF on uudenlainen kuvaformaatti, jonka pakkausalgoritmi on perinteisiä kuvatiedostoja tehokkaampi, ja kuvatiedostot ovat pienempiä, mutta silti hyvälaatuisia. AVIF-kuvien käyttö sivustolla esimerkiksi JPG- tai PNG-kuvien sijaan voi siis nopeuttaa sivustosi latautumista.

On tärkeää huomioida, että eri selaimet ja selainversiot käsittelevät tiedostoja (kuten myös kuvia) hieman eri tavoin. Sivustokehittäjien on hyvä varmistaa sivustojen toiminta ja tietojen latautuminen eri versioissa, ja esimerkiksi caniuse.com-palvelusta voit tarkastella, mitkä selaimet jo tukevat AVIF-kuvia.

WebP-kuvia voit edelleen käyttää erillisen lisäosan avulla. Lisäksi Seravon ympäristössä tarvitset käyttöön määrityksen HTTP-palvelimelle (Nginx), jonka löydät kehittäjädokumentaatiostamme.

Uusia rajapintoja

WordPress 6.5 on varsinainen rajapintapäivitys, sillä sen myötä käytettäväksi tulee uusia rajapintoja (API), ja myös jo aiemmin julkaistut rajapinnat saavat päivityksiä.

DataViews API

DataViews API on rajapinta taulukkojen ja ruudukkojen hallintaan.

https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews

Block Bindings API

Block Bindings API mahdollistaa dynaamisen datan näyttämisen lohkoissa. Lisää käyttömahdollisuuksia tälle API:lle on luvassa myöhemmin, mutta nyt sillä voidaan yhdistää mukautettujen kenttien (custom fields) tietoja lohkoihin (blocks). Aiemmin mukautettujen kenttien tietoja voitiin käyttää frontissa vain, jos sitä varten kehitettiin oma WordPress custom-lohko.

https://make.wordpress.org/core/2024/03/06/new-feature-the-block-bindings-api

Interactivity API

Interactivity API tekee lohkojen sisällöistä interaktiivisia, niin ettei kävijän tarvitse ladata sivua uudelleen käyttääkseen lohkon sisältävää toimintoa. Interaktiivisia elementtejä voivat olla esimerkiksi hakukentät, lomakkeet, ostoskorit tai mitkä tahansa muut tiedot, joiden päivittyminen on voinut aiemmin vaatia erillisen sivulatauksen. Tähänkin rajapintaan on luvassa lisätoiminnallisuuksia jatkossa.

APIa kehutaan nopeaksi, ja sitä hallitaan erillisillä säännöillä (directives), jotka ovat käytännössä HTML-attribuutteja DOM-elementeille. Jos haluat päästä alkuun Interactivity API:n kanssa, kannattaa vilkaista kehittäjille suunnattuja ohjeita make.wordpress.org-sivustolla.

https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note

WordPress HTML API

Parsetatko HTML-tiedostoja regex-säännöillä? Tällöin WordPressin HTML API voi kiinnostaa sinua. HTML APIn tagiprosessori skannaa nyt WordPress 6.5 myötä kaikentyyppiset syntaksimerkit, kun aiemmin rajapinnalla luettiin vain HTML-tagit ja hypittiin kaiken muun yli.

WordPress 6.5 -opas

Jäitkö kaipaamaan lisätietoja? Kaikille uudesta versiosta kiinnostuneille – mutta erityisesti kehittäjille – löytyy kenttäopas eli WordPress 6.5 Field Guide, josta löytyy tarkempia tietoja uusista ominaisuuksista.