{"id":255,"date":"2026-08-22T11:26:00","date_gmt":"2026-08-22T09:26:00","guid":{"rendered":"https:\/\/helloblog.io\/fi\/wordpress-7-1-mary-lou\/"},"modified":"2026-08-22T11:26:00","modified_gmt":"2026-08-22T09:26:00","slug":"wordpress-7-1-mary-lou","status":"publish","type":"post","link":"https:\/\/helloblog.io\/fi\/wordpress-7-1-mary-lou\/","title":{"rendered":"WordPress 7.1 Mary Lou tuo responsiiviset tyylit ja uuden mediaeditorin"},"content":{"rendered":"\n

WordPress 7.1 \u201cMary Lou\u201d julkaistiin 19. elokuuta 2026. Versio keskittyy hallinnan ja editorin ty\u00f6nkulkuihin: responsiivisiin tyyleihin, median muokkaukseen, sis\u00e4ll\u00f6n yhteiseditointiin sek\u00e4 lohkoihin, joilla rakennat sivuja ilman erillisi\u00e4 lis\u00e4osia.<\/p>\n\n\n\n

Julkaisun nimi kunnioittaa jazzpianisti, sovittaja ja s\u00e4velt\u00e4j\u00e4 Mary Lou Williamsia. WordPress 7.1:n voi ladata suoraan tai siihen voi p\u00e4ivitt\u00e4\u00e4 tavanomaisten WordPress-p\u00e4ivitysk\u00e4yt\u00e4nt\u00f6jen kautta.<\/p>\n\n\n\n <\/i><\/span>\n \n Lataa WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsiiviset tyylit tulevat Site Editoriin<\/h2>\n\n\n\n

WordPress 7.1 lis\u00e4\u00e4 Site Editoriin responsiiviset s\u00e4\u00e4timet. Voit m\u00e4\u00e4ritt\u00e4\u00e4, milt\u00e4 lohko n\u00e4ytt\u00e4\u00e4 eri n\u00e4ytt\u00f6koissa joko Global Styles -n\u00e4kym\u00e4ss\u00e4 tai yksitt\u00e4isen lohkon asetuksissa. Muutokset voi esikatsella eri viewport-koissa samalla, kun rakennat taittoa.<\/p>\n\n\n\n

T\u00e4m\u00e4 v\u00e4hent\u00e4\u00e4 oman CSS:n tarvetta, kun haluat sovittaa lohkon ulkoasun eri n\u00e4ytt\u00f6ihin. Lohkojen nykyiset n\u00e4ytt\u00f6- ja piilotusasetukset s\u00e4ilyv\u00e4t, ja responsiivinen tyylittely t\u00e4ydent\u00e4\u00e4 niit\u00e4.<\/p>\n\n\n\n

\"Responsiivisten
Lohkon ulkoasua voi muokata eri viewport-koille editorissa. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Hallintapalkki n\u00e4kyy kaikissa editoreissa<\/h2>\n\n\n\n

WordPressin hallintapalkki seuraa nyt mukana kaikissa editoreissa. Se tekee siirtymisest\u00e4 hallintapaneelin, artikkelieditorin ja sivuston ulkoasun muokkauksen v\u00e4lill\u00e4 yhten\u00e4isemp\u00e4\u00e4: sijaintisi pysyy selv\u00e4n\u00e4 ja tutut ty\u00f6kalut ovat aina saatavilla.<\/p>\n\n\n\n

Hallintapalkin visuaalista ilmett\u00e4 on samalla viimeistelty pienill\u00e4 muutoksilla.<\/p>\n\n\n\n

\"WordPressin
Hallintapalkki pysyy n\u00e4kyviss\u00e4 eri editorin\u00e4kymiss\u00e4. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Mediaeditori kokoaa kuvank\u00e4sittelyn yhteen n\u00e4kym\u00e4\u00e4n<\/h2>\n\n\n\n

Aiempi upotettu rajauskorjaus korvautuu mediaeditorin modaalilla. Tuttu Crop-painike avaa edelleen kuvank\u00e4sittelyn, mutta samassa ty\u00f6nkulussa voit nyt rajata kuvan vapaasti tai kuvasuhteen mukaan, k\u00e4\u00e4nt\u00e4\u00e4 sen vaaka- tai pystysuunnassa, kiert\u00e4\u00e4 sit\u00e4 tarkasti tai porrastetuin askelin sek\u00e4 muokata metatietoja.<\/p>\n\n\n\n

\"WordPressin
Rajaus, kierto, k\u00e4\u00e4nt\u00f6 ja metatietojen muokkaus ovat samassa mediaeditorissa. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Notes tukee tekstikohtaisia keskusteluja ja mainintoja<\/h2>\n\n\n\n

Notes-kommentit eiv\u00e4t en\u00e4\u00e4 rajoitu kokonaisiin lohkoihin. Voit j\u00e4tt\u00e4\u00e4 huomautuksen tietyst\u00e4 tekstikohdasta, k\u00e4yd\u00e4 useita keskusteluja samassa lohkossa ja supistaa pitk\u00e4t kommentit, jotta editorin reuna pysyy selke\u00e4n\u00e4.<\/p>\n\n\n\n

Kommentteihin voi lis\u00e4t\u00e4 muotoiltua teksti\u00e4: lihavointia, kursivointia, koodia ja linkkej\u00e4. Kirjoittamalla @<\/code> voit mainita yhteisty\u00f6kumppanin ja l\u00e4hett\u00e4\u00e4 h\u00e4nelle ilmoituksen.<\/p>\n\n\n\n

\"Tekstikohtainen
Notes tukee muotoiltua teksti\u00e4, mainintoja ja tekstikohtaisia kommentteja. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Selain k\u00e4sittelee kuvia aiempaa enemm\u00e4n<\/h2>\n\n\n\n

Kuvien pakkaus, koon muuttaminen ja pikkukuvien luonti tapahtuvat nyt selaimessa. WordPress k\u00e4ytt\u00e4\u00e4 t\u00e4h\u00e4n libvipsin WebAssembly-koontia; WebAssembly on selaimessa ajettava suoritusmuoto. Muutos v\u00e4hent\u00e4\u00e4 palvelimen kuormaa, tuottaa pienempi\u00e4 tiedostoja ja auttaa v\u00e4ltt\u00e4m\u00e4\u00e4n PHP:n muistirajoja sek\u00e4 latauksen aikakatkaisuja.<\/p>\n\n\n\n

WordPress 7.1 tukee natiivisti my\u00f6s AVIF-, HEIC- ja HDR gain map -kuvamuotoja. N\u00e4in j\u00e4rjestelm\u00e4 k\u00e4sittelee suoraan formaatteja, joita nykyaikaiset kamerat ja puhelimet tuottavat.<\/p>\n\n\n\n

\"WordPressin
Selainpohjainen k\u00e4sittely kevent\u00e4\u00e4 palvelinta ja laajentaa kuvamuotojen tukea. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Uudet lohkot ja tarkemmat tyylis\u00e4\u00e4d\u00f6t<\/h2>\n\n\n\n

Julkaisu lis\u00e4\u00e4 Playlist- ja Tabs-lohkot sek\u00e4 t\u00e4ydent\u00e4\u00e4 teemojen ja lohkojen s\u00e4\u00e4t\u00f6j\u00e4. Uusilla ty\u00f6kaluilla voit j\u00e4sent\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 ja hallita vuorovaikutteisten elementtien ulkoasua suoraan editorissa.<\/p>\n\n\n\n

Playlist-lohko yhdist\u00e4\u00e4 \u00e4\u00e4niraidat<\/h3>\n\n\n\n

Playlist-lohkolla voit koota useita \u00e4\u00e4niraitoja samalle soittolistalle. Voit halutessasi n\u00e4ytt\u00e4\u00e4 aaltomuodon, joka havainnollistaa kuuntelijalle raidan etenemist\u00e4 toiston aikana.<\/p>\n\n\n\n

\"Playlist-lohko
Playlist-lohko kokoaa \u00e4\u00e4niraitoja soittolistaksi. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Teema voi m\u00e4\u00e4ritt\u00e4\u00e4 responsiiviset breakpointit<\/h3>\n\n\n\n

Lohkoteema voi m\u00e4\u00e4ritt\u00e4\u00e4 omat mobiili- ja tabletti-breakpointinsa theme.json<\/code>-tiedostossa. N\u00e4m\u00e4 breakpointit ohittavat responsiivisten tyylien ja lohkojen n\u00e4kyvyyden oletusarvot.<\/p>\n\n\n\n

\"Responsiivisten
Lohkoteema voi korvata oletus-breakpointit theme.json-tiedostossa. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Tabs-lohko j\u00e4sent\u00e4\u00e4 sis\u00e4ll\u00f6n v\u00e4lilehtiin<\/h3>\n\n\n\n

Tabs-lohkolla voit esitt\u00e4\u00e4 toisiinsa liittyv\u00e4n sis\u00e4ll\u00f6n v\u00e4lilehtipaneeleina. N\u00e4in kaikkea sis\u00e4lt\u00f6\u00e4 ei tarvitse n\u00e4ytt\u00e4\u00e4 kerralla, mik\u00e4 auttaa pit\u00e4m\u00e4\u00e4n n\u00e4kym\u00e4n v\u00e4ljemm\u00e4n\u00e4.<\/p>\n\n\n\n

\"Tabs-lohko
Tabs-lohko j\u00e4rjest\u00e4\u00e4 toisiinsa liittyv\u00e4n sis\u00e4ll\u00f6n v\u00e4lilehtiin. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Omat ikonit editorin ikonikirjastoon<\/h3>\n\n\n\n

Kehitt\u00e4j\u00e4 voi lis\u00e4t\u00e4 oman ikonikelmansa WordPressin ikonikirjastoon. T\u00e4m\u00e4n j\u00e4lkeen omat ikonit ovat editorissa k\u00e4ytett\u00e4viss\u00e4 sis\u00e4\u00e4nrakennetun ikonikirjaston rinnalla.<\/p>\n\n\n\n

\"Mukautettujen
Omat ikonikelmat voi tuoda editorin ikonikirjaston yhteyteen. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Button-lohkon tilakohtaiset tyylit<\/h3>\n\n\n\n

Button-lohkolle voi m\u00e4\u00e4ritt\u00e4\u00e4 editorin tyylis\u00e4\u00e4timiss\u00e4 erilliset tyylit hover-, focus- ja active-tiloihin. Voit asettaa tyylit yhdelle painikkeelle tai kaikille painikkeille.<\/p>\n\n\n\n

\"Button-lohkon
Painikkeiden vuorovaikutustilat voi tyylitell\u00e4 editorissa. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Artikkelieditori k\u00e4ytt\u00e4\u00e4 iframea kaikissa teemoissa<\/h2>\n\n\n\n

Artikkelieditori on nyt kokonaan iframed kaikilla teemoilla, kuten Site Editor jo aiemmin. Iframe erottaa muokkauskankaan WordPressin hallintaliittym\u00e4st\u00e4, joten hallinnan tyylit eiv\u00e4t h\u00e4iritse sis\u00e4ll\u00f6n ulkoasua.<\/p>\n\n\n\n

Viewportiin suhteutuvat yksik\u00f6t ja media queryt kohdistuvat suoraan muokkauskankaaseen. Responsiiviset taitot toimivat siksi ennakoitavammin jo rakennusvaiheessa, vaikka muutos j\u00e4\u00e4 useimmiten n\u00e4kym\u00e4tt\u00f6m\u00e4ksi.<\/p>\n\n\n\n

Kehitt\u00e4jille uusia rajapintoja ja hallinnan teematuki<\/h2>\n\n\n\n

SVG Icon API on nyt julkinen API. Sen avulla voit rekister\u00f6id\u00e4 omia ikonikelmia ja ikoneita sek\u00e4 k\u00e4ytt\u00e4\u00e4 niit\u00e4 editorissa funktioilla wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> ja wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API laajentaa WordPress 6.9:ss\u00e4 k\u00e4ytt\u00f6\u00f6n otettua infrastruktuuria. Se saa suodatettavan suorituselinkaaren, mukautetun validoinnin ja jaetun discoveryn, mik\u00e4 helpottaa integraatioiden ja automaation rakentamista my\u00f6s AI-pohjaisiin ty\u00f6kaluihin.<\/p>\n\n\n\n

Uusi Design System luo perustan WordPressin hallintaliittymien teemoitukselle. Se kattaa v\u00e4rit, kulmien py\u00f6reyden ja kursorityylit. Kehitt\u00e4j\u00e4 voi k\u00e4ytt\u00e4\u00e4 semanttisia design tokeneita ja Reactin ThemeProvider<\/code>-komponenttia, jotta oma hallintaliittym\u00e4 n\u00e4ytt\u00e4\u00e4 johdonmukaiselta ja tuntuu WordPressiin sopivalta.<\/p>\n\n\n\n

Teemojen tekij\u00e4t saavat theme.json<\/code>-tiedostoon responsiiviset tyylit sek\u00e4 pseudo-tilojen tyylit hover-, focus-, focus-visible- ja active-tiloille. Lis\u00e4ksi uudet filtterit mahdollistavat DataViews- ja DataForm-n\u00e4kymien asetukset. Site Editor k\u00e4ytt\u00e4\u00e4 n\u00e4it\u00e4 n\u00e4kymi\u00e4 Pages-, Templates-, Parts- ja Patterns-sis\u00e4lt\u00f6ihin.<\/p>\n\n\n\n

Saavutettavuus paranee hallinnassa ja uusissa lohkoissa<\/h2>\n\n\n\n

Uudet wp_get_tooltip()<\/code>– ja wp_get_toggletip()<\/code>-funktiot tuovat saavutettavia tooltip-vihjeit\u00e4 useampaan WordPressin hallinnan kohtaan. Niit\u00e4 voi k\u00e4ytt\u00e4\u00e4 esimerkiksi artikkelien metalaatikoissa ja kirjautumisn\u00e4yt\u00f6ss\u00e4.<\/p>\n\n\n\n

Ruudunlukijat saavat hallintaliittymiss\u00e4 selke\u00e4mm\u00e4t nimikkeet ja ennakoitavamman navigoinnin artikkelien listataulukoissa. Tabs- ja Playlist-lohkot sek\u00e4 editorin navigoinnin ja vuorovaikutuksen parannukset laajentavat samalla julkaisun saavutettavuusty\u00f6t\u00e4.<\/p>\n\n\n\n

Suorituskykyyn liittyv\u00e4t muutokset<\/h2>\n\n\n\n

Selainpohjaisen kuvank\u00e4sittelyn lis\u00e4ksi WordPress 7.1 tarjoaa valinnaisen GIF-video-muunnoksen, joka tuottaa tyypillisesti pienempi\u00e4 tiedostoja. Latausn\u00e4kym\u00e4n edistymisilmaisimet ja automaattiset uudelleenyritykset tekev\u00e4t latauksista kest\u00e4v\u00e4mpi\u00e4, jos verkkoyhteys katkeaa.<\/p>\n\n\n\n

Mediakirjasto k\u00e4ytt\u00e4\u00e4 oletuksena loputonta vierityst\u00e4. K\u00e4ytt\u00e4j\u00e4kohtaisella asetuksella voit palata sivutukseen. Spekulatiivisen latauksen oletukset voi my\u00f6s m\u00e4\u00e4ritt\u00e4\u00e4 ymp\u00e4rist\u00f6muuttujilla tai vakioilla, joten palveluntarjoaja ja sivuston omistaja voivat s\u00e4\u00e4t\u00e4\u00e4 sivujen esilatausta ilman lis\u00e4osaa.<\/p>\n\n\n\n

Ota uusi versio haltuun<\/h2>\n\n\n\n

Ennen tuotantoon vienti\u00e4 testaa erityisesti oma teema, responsiiviset breakpointit, mahdolliset editorin mukautukset ja median latausprosessi staging-ymp\u00e4rist\u00f6ss\u00e4. Tutustu t\u00e4m\u00e4n j\u00e4lkeen julkaisun t\u00e4ydelliseen ominaisuusesittelyyn, asennus- ja muutostietoihin sek\u00e4 kehitt\u00e4jille tarkoitettuihin yksityiskohtaisiin muistiinpanoihin.<\/p>\n\n\n\n