WordPress 7.1 Mary Lou tuo responsiiviset tyylit ja uuden mediaeditorin

WordPress 7.1 “Mary Lou” julkaistiin 19. elokuuta 2026. Versio keskittyy hallinnan ja editorin työnkulkuihin: responsiivisiin tyyleihin, median muokkaukseen, sisällön yhteiseditointiin sekä lohkoihin, joilla rakennat sivuja ilman erillisiä lisäosia.

Julkaisun nimi kunnioittaa jazzpianisti, sovittaja ja säveltäjä Mary Lou Williamsia. WordPress 7.1:n voi ladata suoraan tai siihen voi päivittää tavanomaisten WordPress-päivityskäytäntöjen kautta.

Lataa WordPress 7.1 wordpress-7.1.zip

Responsiiviset tyylit tulevat Site Editoriin

WordPress 7.1 lisää Site Editoriin responsiiviset säätimet. Voit määrittää, miltä lohko näyttää eri näyttökoissa joko Global Styles -näkymässä tai yksittäisen lohkon asetuksissa. Muutokset voi esikatsella eri viewport-koissa samalla, kun rakennat taittoa.

Tämä vähentää oman CSS:n tarvetta, kun haluat sovittaa lohkon ulkoasun eri näyttöihin. Lohkojen nykyiset näyttö- ja piilotusasetukset säilyvät, ja responsiivinen tyylittely täydentää niitä.

Hallintapalkki näkyy kaikissa editoreissa

WordPressin hallintapalkki seuraa nyt mukana kaikissa editoreissa. Se tekee siirtymisestä hallintapaneelin, artikkelieditorin ja sivuston ulkoasun muokkauksen välillä yhtenäisempää: sijaintisi pysyy selvänä ja tutut työkalut ovat aina saatavilla.

Hallintapalkin visuaalista ilmettä on samalla viimeistelty pienillä muutoksilla.

Mediaeditori kokoaa kuvankäsittelyn yhteen näkymään

Aiempi upotettu rajauskorjaus korvautuu mediaeditorin modaalilla. Tuttu Crop-painike avaa edelleen kuvankäsittelyn, mutta samassa työnkulussa voit nyt rajata kuvan vapaasti tai kuvasuhteen mukaan, kääntää sen vaaka- tai pystysuunnassa, kiertää sitä tarkasti tai porrastetuin askelin sekä muokata metatietoja.

Notes tukee tekstikohtaisia keskusteluja ja mainintoja

Notes-kommentit eivät enää rajoitu kokonaisiin lohkoihin. Voit jättää huomautuksen tietystä tekstikohdasta, käydä useita keskusteluja samassa lohkossa ja supistaa pitkät kommentit, jotta editorin reuna pysyy selkeänä.

Kommentteihin voi lisätä muotoiltua tekstiä: lihavointia, kursivointia, koodia ja linkkejä. Kirjoittamalla @ voit mainita yhteistyökumppanin ja lähettää hänelle ilmoituksen.

Selain käsittelee kuvia aiempaa enemmän

Kuvien pakkaus, koon muuttaminen ja pikkukuvien luonti tapahtuvat nyt selaimessa. WordPress käyttää tähän libvipsin WebAssembly-koontia; WebAssembly on selaimessa ajettava suoritusmuoto. Muutos vähentää palvelimen kuormaa, tuottaa pienempiä tiedostoja ja auttaa välttämään PHP:n muistirajoja sekä latauksen aikakatkaisuja.

WordPress 7.1 tukee natiivisti myös AVIF-, HEIC- ja HDR gain map -kuvamuotoja. Näin järjestelmä käsittelee suoraan formaatteja, joita nykyaikaiset kamerat ja puhelimet tuottavat.

Uudet lohkot ja tarkemmat tyylisäädöt

Julkaisu lisää Playlist- ja Tabs-lohkot sekä täydentää teemojen ja lohkojen säätöjä. Uusilla työkaluilla voit jäsentää sisältöä ja hallita vuorovaikutteisten elementtien ulkoasua suoraan editorissa.

Playlist-lohko yhdistää ääniraidat

Playlist-lohkolla voit koota useita ääniraitoja samalle soittolistalle. Voit halutessasi näyttää aaltomuodon, joka havainnollistaa kuuntelijalle raidan etenemistä toiston aikana.

Teema voi määrittää responsiiviset breakpointit

Lohkoteema voi määrittää omat mobiili- ja tabletti-breakpointinsa theme.json-tiedostossa. Nämä breakpointit ohittavat responsiivisten tyylien ja lohkojen näkyvyyden oletusarvot.

Tabs-lohko jäsentää sisällön välilehtiin

Tabs-lohkolla voit esittää toisiinsa liittyvän sisällön välilehtipaneeleina. Näin kaikkea sisältöä ei tarvitse näyttää kerralla, mikä auttaa pitämään näkymän väljemmänä.

Omat ikonit editorin ikonikirjastoon

Kehittäjä voi lisätä oman ikonikelmansa WordPressin ikonikirjastoon. Tämän jälkeen omat ikonit ovat editorissa käytettävissä sisäänrakennetun ikonikirjaston rinnalla.

Button-lohkon tilakohtaiset tyylit

Button-lohkolle voi määrittää editorin tyylisäätimissä erilliset tyylit hover-, focus- ja active-tiloihin. Voit asettaa tyylit yhdelle painikkeelle tai kaikille painikkeille.

Artikkelieditori käyttää iframea kaikissa teemoissa

Artikkelieditori on nyt kokonaan iframed kaikilla teemoilla, kuten Site Editor jo aiemmin. Iframe erottaa muokkauskankaan WordPressin hallintaliittymästä, joten hallinnan tyylit eivät häiritse sisällön ulkoasua.

Viewportiin suhteutuvat yksiköt ja media queryt kohdistuvat suoraan muokkauskankaaseen. Responsiiviset taitot toimivat siksi ennakoitavammin jo rakennusvaiheessa, vaikka muutos jää useimmiten näkymättömäksi.

Kehittäjille uusia rajapintoja ja hallinnan teematuki

SVG Icon API on nyt julkinen API. Sen avulla voit rekisteröidä omia ikonikelmia ja ikoneita sekä käyttää niitä editorissa funktioilla wp_register_icon_collection(), wp_register_icon() ja wp_get_icon().

Abilities API laajentaa WordPress 6.9:ssä käyttöön otettua infrastruktuuria. Se saa suodatettavan suorituselinkaaren, mukautetun validoinnin ja jaetun discoveryn, mikä helpottaa integraatioiden ja automaation rakentamista myös AI-pohjaisiin työkaluihin.

Uusi Design System luo perustan WordPressin hallintaliittymien teemoitukselle. Se kattaa värit, kulmien pyöreyden ja kursorityylit. Kehittäjä voi käyttää semanttisia design tokeneita ja Reactin ThemeProvider-komponenttia, jotta oma hallintaliittymä näyttää johdonmukaiselta ja tuntuu WordPressiin sopivalta.

Teemojen tekijät saavat theme.json-tiedostoon responsiiviset tyylit sekä pseudo-tilojen tyylit hover-, focus-, focus-visible- ja active-tiloille. Lisäksi uudet filtterit mahdollistavat DataViews- ja DataForm-näkymien asetukset. Site Editor käyttää näitä näkymiä Pages-, Templates-, Parts- ja Patterns-sisältöihin.

Saavutettavuus paranee hallinnassa ja uusissa lohkoissa

Uudet wp_get_tooltip()– ja wp_get_toggletip()-funktiot tuovat saavutettavia tooltip-vihjeitä useampaan WordPressin hallinnan kohtaan. Niitä voi käyttää esimerkiksi artikkelien metalaatikoissa ja kirjautumisnäytössä.

Ruudunlukijat saavat hallintaliittymissä selkeämmät nimikkeet ja ennakoitavamman navigoinnin artikkelien listataulukoissa. Tabs- ja Playlist-lohkot sekä editorin navigoinnin ja vuorovaikutuksen parannukset laajentavat samalla julkaisun saavutettavuustyötä.

Suorituskykyyn liittyvät muutokset

Selainpohjaisen kuvankäsittelyn lisäksi WordPress 7.1 tarjoaa valinnaisen GIF-video-muunnoksen, joka tuottaa tyypillisesti pienempiä tiedostoja. Latausnäkymän edistymisilmaisimet ja automaattiset uudelleenyritykset tekevät latauksista kestävämpiä, jos verkkoyhteys katkeaa.

Mediakirjasto käyttää oletuksena loputonta vieritystä. Käyttäjäkohtaisella asetuksella voit palata sivutukseen. Spekulatiivisen latauksen oletukset voi myös määrittää ympäristömuuttujilla tai vakioilla, joten palveluntarjoaja ja sivuston omistaja voivat säätää sivujen esilatausta ilman lisäosaa.

Ota uusi versio haltuun

Ennen tuotantoon vientiä testaa erityisesti oma teema, responsiiviset breakpointit, mahdolliset editorin mukautukset ja median latausprosessi staging-ympäristössä. Tutustu tämän jälkeen julkaisun täydelliseen ominaisuusesittelyyn, asennus- ja muutostietoihin sekä kehittäjille tarkoitettuihin yksityiskohtaisiin muistiinpanoihin.

• WordPress 7.1:n ominaisuusesittely
• WordPress 7.1 Release Notes
• WordPress 7.1 Field Guide
• Learn WordPress tarjoaa käyttöohjevideoita, vuorovaikutteisia työpajoja ja oppituntisuunnitelmia.