WordPress 7.1 Mary Lou toob redaktorisse responsiivsed stiilid ja uued plokid

WordPress 7.1 kannab koodnime „Mary Lou” ja austab džässpianisti, arranžeerijat ning heliloojat Mary Lou Williamsit. Williams esines avalikult juba kuueaastaselt, mõjutas swingi, bebopi ja sakraalse džässi ajastuid ning kujundas 1940. aastatel oma Harlemi korteris bebopi arengut koos Thelonious Monki, Dizzy Gillespie ja Bud Powelliga. Väljaanne võtab sellest eeskuju: see ühendab töövoo järjepidevuse, kohandatavuse ja koostöö.

Uus versioon keskendub adminis liikumisele, kujunduse juhtimisele, sisu ühiselt toimetamisele ja saidi ehitamisele ilma lisapluginaid vajamata. Allpool on läbi käidud nii kasutajale nähtavad muudatused kui ka arendajatele olulised API-d, teema võimalused, ligipääsetavus ja jõudlustöö.

Responsiivsed stiilid jõuavad saidiredaktorisse

WordPress 7.1 lubab määrata ploki välimust eri ekraanisuuruste jaoks otse saidiredaktoris. Stiile saad seada nii globaalsetes stiilides kui ka üksiku ploki seadetes; senistele ploki peitmise ja näitamise valikutele lisandub täpsem kujunduse juhtimine. Kohandatud CSS-i pole selleks vaja.

Töö ajal saad muudatusi vaadata eri viewport’i suurustes. See aitab teha paigutusi, mis kohanduvad ennustatavalt sellega, kuidas külastajad veebisaiti eri seadmetes sirvivad.

Adminiriba püsib igas redaktoris

Adminiriba kuvatakse nüüd kõigis redaktorites, mitte ainult admini üksikutes vaadetes. Nii näed alati oma asukohta ja pääsed tuttavate tööriistadeni nii postitust kirjutades kui ka saidi kujundust muutes. Samal ajal uuendati riba välimust väikeste viimistlustega.

Piltide töötlemine kolib ühte vaatesse

Varasema pildil kuvatud kärpimistööriista asemel avab tuttav nupp Crop nüüd eraldi meediaredaktori modaali. Seal saad ühes töövoos kärpida vabalt või kuvasuhte järgi, pöörata pilti horisontaalselt ja vertikaalselt, pöörata seda täpse nurga või fikseeritud sammuga ning muuta metaandmeid.

Märkmed toetavad vormindust ja mainimisi

Märkmetesse saad nüüd lisada rikastatud teksti: paksu ja kaldkirja, koodi ning linke. Kirjuta @, et mainida kaastöötajat ja talle teavitus saata. Märkme saad siduda ka konkreetse tekstikatkega, mitte ainult terve plokiga.

Ühel plokil võib korraga käia mitu vestlust ning pikad märkmed saab äärealas kokku pakkida. See muudab sisu ülevaatamise ja tagasisideringid paremini hallatavaks.

Meedia töötlemine vähendab serveri koormust

Piltide pakkimine, mõõtmete muutmine ja pisipiltide loomine toimuvad nüüd brauseris. WordPress kasutab selleks libvipsi WebAssembly-versiooni, mis vähendab serveri töökoormust ning aitab suuremate failide korral vältida PHP mälupiiranguid ja üleslaadimise ajalõppe.

Meediateek toetab natiivselt AVIF-i, HEIC-i ja HDR gain map’e ehk vorminguid, mida tänapäeva telefonid ja kaamerad juba loovad. Valikuline GIF-i videoks teisendamine annab tavaliselt väiksema faili. Üleslaadimised näitavad edenemist ning ühenduse katkedes proovib WordPress need automaatselt uuesti käivitada.

Uued plokid ja täpsemad kujundusvalikud

Väljaanne lisab Playlist- ja Tabs-ploki ning laiendab mitme olemasoleva ploki ja teema kohandamisvõimalusi. Need muudatused aitavad sisu struktureerida ja interaktsioonide välimust juhtida otse redaktoris.

Playlist-plokk koondab helirajad

Playlist-plokiga saad avaldada mitu helirada ühe esitusloendina. Soovi korral näitab plokk lainekuju, mis annab kuulajale visuaalse ülevaate loo kulgemisest esitusel.

Teema määrab oma murdepunktid

Plokiteema saab theme.json-is määrata mobiili- ja tahvlivaate murdepunktid. Need väärtused asendavad responsiivsete stiilide ja ploki nähtavuse vaikimisi murdepunktid.

Tabs-plokk hoiab seotud sisu kompaktsena

Tabs-plokk jagab seotud sisu vahekaartidega paneelideks. Nii ei pea kõike korraga lehel näitama ning sisu jääb tihedates vaadetes selgemaks.

Button-plokile saab määrata olekustiilid

Button-ploki hover-, focus- ja active-oleku stiile saad nüüd määrata redaktori stiiliseadetes. Stiili saab rakendada kas ühele nupule või kõigile nuppudele.

Postiredaktor kasutab nüüd alati iframe’i

Postiredaktori tööala jookseb nüüd kõigi teemade puhul iframe’is, nagu saidiredaktoriski. Redigeerimislõuend on seega WordPressi admini kasutajaliidesest eraldi ning admini stiilid ei sega enam sisu kuvamist.

Viewport’i suhtelised ühikud ja meediapäringud sihivad nüüd otse redigeerimislõuendit. Muutus jääb enamasti märkamatuks, kuid responsiivne paigutus käitub redigeerimise ajal töökindlamalt ja ühtlasemalt.

Arendaja tööriistakast laieneb

WordPress 7.1 laiendab ikoonide, automatiseerimise, admini kasutajaliideste ja responsiivsete stiilidega seotud API-sid. SVG Icon API on nüüd avalik API: saad registreerida oma ikoonikogusid ja ikoone ning kasutada neid kogu redaktoris funktsioonidega wp_register_icon_collection(), wp_register_icon() ja wp_get_icon().

Abilities API laiendab WordPress 6.9-s lisatud taristut filtreeritava käivitustsükli, kohandatud valideerimise ja ühise avastamisega. Nende abil on lihtsam ehitada WordPressi peale integratsioone ja automatiseerimist, sealhulgas AI-põhiseid tööriistu.

Uus Design System loob aluse WordPressi admini kasutajaliideste teemastamiseks. See hõlmab värvi-, ümarus- ja kursori stiile. Semantiliste disainitokenite ning Reacti komponendi ThemeProvider abil saad teha kohandatud adminivaateid ühtlasemaks, säilitades samal ajal WordPressile omase välimuse.

Teema autorid saavad theme.json-i kaudu responsiivsed stiilid ja pseudo-olekute stiilid olekutele hover, focus, focus-visible ning active. Lisaks lisanduvad filtrid, millega seadistada saidiredaktori Pages-, Templates-, Parts- ja Patterns-vaateid käitavaid DataViews- ja DataForm-ekraane.

Ligipääsetavus paraneb core’is ja redaktoris

Funktsioonid wp_get_tooltip() ja wp_get_toggletip() toovad ligipääsetavad kohtspikrid rohkematesse WordPressi admini osadesse, sealhulgas postituse meta box’idesse ja sisselogimisekraanile. Ekraanilugeja kasutajad saavad adminivaadetes selgemad sildid ning postituste loenditabelites ühtlasema navigeerimise.

Tabs- ja Playlist-plokk ning redaktori navigeerimise ja interaktsioonide täiendused kuuluvad samuti väljaande laiemasse ligipääsetavuse töösse. Need muudatused teevad WordPressi rohkematele inimestele lihtsamini navigeeritavaks ja kasutatavaks.

Veel jõudlusmuudatusi

Meediateek kasutab nüüd vaikimisi lõputut kerimist. Iga kasutaja saab oma seadetes valida tagasi lehekülgede kaupa sirvimise. Spekulatiivse laadimise vaikeseadeid saab määrata keskkonnamuutujate või konstantidega, nii et host ja saidi omanik saavad juhtida WordPressi lehtede eellaadimist plugina kirjutamiseta.

Kust leiad täpsemad tehnilised andmed

Uute võimaluste koondvaate leiad WordPress 7.1 väljalaske lehelt. Paigaldusjuhised, parandatud probleemid, õpperessursid ja failimuudatuste loend on WordPress 7.1 Release Notes’is.

Arendajana loe läbi ka WordPress 7.1 Field Guide, mis koondab üksikasjalikud arendajamärkmed. Kasutusjuhendeid, õppevideoid, interaktiivseid töötubasid ja põhjalikke tunnikavasid pakub tasuta Learn WordPress ning selle interaktiivsed töötoad.