Gutenberg 23.7: editorikorjaukset, Galleria-lohko ja kokeelliset uudistukset

Gutenberg 23.7 on julkaistu. Päivitys hioo lohkoeditorin käyttöliittymää, selkeyttää uuden Galleria-lohkon dynaamista tilaa ja tuo kokeellisen Global Styles -periytymisen käyttäjän valittavaksi. Saat lisäosan WordPress.orgista tai voit kokeilla versiota Playgroundissa.

Editorin näkyvät korjaukset

Julkaisu keskittyy etenkin pieniin mutta käytössä tuntuviin korjauksiin. Kelluvat lohkot eivät enää mene sticky-lohkojen päälle. Tyhjän lohkon lisäinsertti asettuu oikein myös lohkoissa, jotka hallitsevat omaa työkaluriviään, ja Pullquote-lohko käyttää lohkoeditorissa määritettyä mukautettua rivikorkeutta kuten julkisella sivulla.

Mobiili- ja tablettiesikatselut palauttavat kiinteän korkeutensa. Lisäksi Cover- ja Accordion-lohkoista voi poistua Enterillä, sisennetty lista säilyttää järjestetyn listan tyypin, Media Editor näyttää lataustilan rajatun tiedoston latautuessa ja pitkien animoitujen GIF-tiedostojen lataus ei enää jumitu: still-kuvaksi muunnettaessa selain purkaa vain ensimmäisen ruudun.

Galleria-lohkon dynaaminen tila selkiytyy

Gutenberg 23.6 toi Galleria-lohkoon dynaamisen tilan. Sen työkalurivin epämääräinen Convert to images -painike on nyt nimeltään Detach. Kun irrotat kuvat, modaalinen ikkuna kertoo ennen toimintoa, mitä irrottaminen tekee.

Dynaamisen tilan muunto on myös yksi undo-vaihe. Näin koko irrotuksen voi perua yhdellä kertaa.

Kokeelliset ominaisuudet ja komponentit

Global Styles -periytymisen käyttöliittymä on nyt kokeellinen opt-in-ominaisuus. Ota se käyttöön Gutenbergin Experiments-asetussivulla (#80815). Lohkon tarkastin näyttää perityt Global Styles -arvot, ja linkkilohkojen tarkastin ratkaisee myös linkkielementin tyylit.

Math-lohkon LaTeX-syöte käyttää ValidatedTextareaControl-komponenttia. Jäsennysvirhe ei enää keskeytä kirjoittamista jokaisella näppäinpainalluksella, vaan palaute tulee, kun kenttä menettää fokuksen ensimmäisen kerran. Näytönlukija ei myöskään ilmoita virheestä jokaisella painalluksella.

Combobox, Select ja SelectControl saavat Group– ja GroupLabel-alikomponentit. Valintaryhmät voi siten koota samalla tavalla kaikissa item-popup-komponenttiperheissä.

Muut parannukset

Seuraavat muutokset kuuluvat Gutenberg 23.7:n parannuksiin:

• Base styles sallii outset-ring__focus-fokusrenkaan värin ylikirjoituksen (#80587).
• Widget Dashboard mittaa headerin sovituksen ja dokumentoi chromen (#80423).
• Widget Primitives toimitetaan script-moduulina (#80149).
• DataViews- ja Font Library -hakukentille asetetaan kiinteä leveys, jotta asettelu ei hyppää (#80315).
• DataViewsPicker tukee Shift+Click-aluevalintaa picker-table-, picker-grid- ja picker-activity-asetteluissa (#80413).
• Sandbox-komponentti hyväksyy sandbox-propin (#69617).
• type="number"-syötteet piilottavat selaimen natiivin askelsäätimen (#80646).
• SearchControl renderöi suffixin vain, jos suffixeja on yksi (#80356).
• UI saa Autocomplete.Row-primitivin (#80490).
• Table of Contents -lohkolle lisätään päästä päähän -käyttäjätarinan testikattavuus (#80199).
• Editor-asetus responsiveEditingEnabled voi piilottaa Responsive styles -valinnan (#80814).
• Font Libraryn navigointisivun fonttikoko vastaa DataViewsiä (#80617).
• Reaaliaikaisessa yhteistyössä Quick Edit poistuu käytöstä, kun käyttäjä muokkaa artikkelia (#80016).
• Varjojen ja fonttikokojen yhteinen preset-hallinta erotetaan omaksi kokonaisuudekseen (#79810).

Virhekorjaukset

Editorin data ja lohkot

• View configuration API:n versiointi päivittyy (#80319).
• View config hylkää muodoltaan yhteensopimattomat yhdistämiset, määrittelee tyhjien taulukoiden semantiikan ja poistaa null-arvot lisättävistä jäsenistä (#80571).
• createInterpolateElement käsittelee täsmäämättömät sulkevat tagit hallitusti (#80618).
• render_block_core_video() huomioi VIDEO-tagin, vaikka sen kirjainkoko ei ole pieni (#80537).
• Media-alueelta poistetaan tarpeeton __heicUploadSupport-lippu (#80452).
• Navigation-lohkon Link UI näyttää jälleen Add block -valinnan template partin sisällä (#78427).
• Playlist-lohkon kappaleen työkalurivipainikkeen nimi lyhenee (#80759).
• Query Loopin Offset-asetus saa käännöskontekstin (#80582).
• Social Link -lohkon Tumblr-kuvakkeen markupista poistuu ylimääräinen sulkeva tagi (#80257).
• Taustakuvan ohjaimesta poistuu päällekkäinen fokuskehä (#80671).
• Tyhjän lohkon insertti korjataan työkalurivin kaappaavien lohkojen sisällä (#80592).
• Kohdistin säilyy oikeassa paikassa, kun tyhjää lohkoa poistetaan eteenpäin (#77525).
• Presetien round-trip-testien importit korjataan preset-apuohjelmien yhdistämisen jälkeen (#80589).
• Kaksi samaa heksaväriä käyttävää väripresettiä eivät enää näytä tai tallenna väärää preset-arvoa (#80497).
• Ohjattu lohkosynkronointi ei enää kaappaa undo-toimintoa reaaliaikaisessa yhteistyössä (#80503).
• Muokattavista elementeistä poistuu jälleen tabIndex, mikä korjaa Shift+Click-valinnan (#80651).
• Shift+nuoli laajentaa lohkovalintaa, kun selaimella ei ole natiivia valintaa (#80687).
• Shift+Click tunnistuu monivalintaeleeksi (#80286).
• Sivu ei vieri kohdistinta siirrettäessä näkymää korkeammissa lohkoissa (#80708).
• RichText ei käytä input transformia ilman onReplace-käsittelijää (#80978).
• Tiedostojen liittäminen ei enää kaada RichTextin paste-käsittelijää (#81010).

Artikkelieditori, muistiinpanot ja iOS

• Selain hallitsee undo-toiminnon kentissä, jotka hallitsevat omaa undo-toimintoaan (#80768).
• Meta boxien otsikkotyylit vastaavat Gutenberg-paneeleita (#80670).
• Lohkotason muistiinpano tallentaa kohdelohkon ennen tallennusta (#80690).
• Inline note -formaatti rekisteröityy import-vaiheessa (#80576).
• Muistiinpanotoiminnot raportoivat tallennuksen onnistumisen johdonmukaisesti (#80748).
• Sivupalkin valinta synkronoituu kohdistimen alla olevaan inline-merkkiin (#80610).
• Post Lock ei enää vaihda lukitulta katsojalta modaalin tekstiä muotoon “Someone else has taken over” (#79997).
• Ilmoitukset kääritään ThemeProvideriin, jonka kulmasäde on 0 (#79523).
• iOS:stä poistuu hyppimisen kiertotapa ja siihen lisätään typewriter (#74596).

Komponentit, media ja yhteistyö

• DataForm ei enää siirrä fokusta card- ja details-validoinnin vuoksi (#80685).
• Projektin juuren .prettierrc.js-ylikirjoitus korjataan (#80422).
• GradientPicker valitsee slugilla, jotta saman gradientin jakavat presetit säilyttävät identiteettinsä (#80554).
• Storybookin Emotion jsxImportSource korjataan (#80426).
• ToolsPanelin tyylit siirtyvät SCSS-moduuliin (#80445).
• Media-templatejen IMG-tageille ei enää pakoteta crossorigin-attribuuttia (#80532).
• wp-build synkronoi sivutemplaten preload-kenttäluettelon core-dataan (#80648).
• Muistiinpanojen baseline strip -testi irrottaa coren mention-kses-filterin (#80656).
• RTC tiivistää dataa serialisoinnin aikana (#80707).
• Media REST API backporttaa URL-polusta ladattavan tiedoston kokotarkistuksen (#80659).
• theme.json tasaa lohkotason preset-luokkien spesifisyyden :Where()-valitsimella (#80657).
• Kun toinen käyttäjä tallentaa, RTC säilyttää muiden yhteistyökumppanien tallentamattomat muokkaukset (#79936).

Saavutettavuus ja suorituskyky

Alignment-ohjainten propsien käsittely paranee (#63696), ja Navigation-lohkon aria-expanded päivittyy hoverilla avautuvassa overlay-alavalikossa (#77563). Autocomplete viittaa ehdotuslistaan aria-controls– ja aria-haspopup-attribuuteilla (#80403).

Rich text lukee contentEditable-attribuutin ownsSelection-tarkistuksessa pakotetun layoutin välttämiseksi (#80549), ja kirjoitusnopeuden regressiota korjataan (#80507). FlatTermSelector ei hae termejä tarpeettomasti uudelleen (#80623), ja Core Data siirtää EntitiesSavedState-komponentin editorin ulkopuolelle (#80485).

Kokeelliset Dashboard-muutokset

Dashboard Widgets koventaa action-URL-osoitteiden sanitoinnin (#80510) ja sanitoinnin myös ohjelinkkien href-arvoille (#80409). Global Styles -periytymisen UI on kokeellisen Gutenberg-lipun takana (#80815).

Kehittäjille: dokumentaatio, laatu ja työkalut

• Dokumentaatio lisää nvm use -ohjeet AGENTS.md:hen, progressiivisen löydettävyyden mallin agenttiohjeille ja taidoille sekä puuttuvan globaalin dokumentaation table-of-contents/index.php:hen (#80755, #80650, #80442).
• WP_Icon_Collections_Registry saa puuttuvat tiedosto- ja luokkatason docblockit, agenttiohjeiden löydettävyyttä selvennetään ja getBlock-käytös dokumentoidaan inner block controllerien kanssa (#80172, #80753).
• Backporttausopas WordPressin coreen laajenee; view configuration -filterin callbackin on palautettava container; iframe-ohjeistus päivittyy Gutenberg 23.6:lle; Storybookin admin-värimalliesimerkit, dialogin ja drawerin suunnitteluohje sekä palvelinpuolen view configuration -filterien dokumentaatio päivittyvät (#80593, #80642, #80629, #80569, #80783, #80744).
• Inline-dokumentaatio käyttää URL:lle linkkiä (#80716).
• ESLint lisää puuttuvat ei-suositellut komponentit estolistalle, ja webpack-dev-server päivittyy versioon ^5.2.1 riippuvuushälytysten vähentämiseksi (#80754, #80347).
• GitHub-workflowt korjaavat changelog-tarkistukset forkatuissa PR:issä. Interactivity API muuttaa direktiivit itse rekisteröiviksi moduuleiksi (#80538, #79975).
• RTC käyttää array_any()-funktiota uudemman tiivistyksen tarkistukseen ja str_contains()-funktiota WP_Sync_Configissa (#80522, #80476).
• Storybook rakentaa resolve-specifierin URL-tyyliseksi merkkijonoksi, ja työkalut ratkaisevat riippuvuudet riippumatta node_modules-asettelusta (#80416, #80414).

Komponentti- ja lohkokirjaston ylläpito

• ExternalLink käyttää yhteistä fokuskehämixiniä; useSelectionProps-hookista tulee asetteluriippumaton; Disabled, FormTokenField ja SearchControl siirtyvät SCSS-moduuleihin (#80573, #80677, #80643, #80472, #80474).
• Paketit päivittävät date-fns:n versioon 4.4.0, Color.js:n versioon 0.7.1 ja colorjs.io-riippuvuuden sekä poistavat siihen liittyvän kiertotavan (#80763, #80762, #80272).
• UI-koodi käyttää Storybookissa lapsille taulukoita luettavuuden parantamiseksi, ja theme-paketissa src kielletään julkaistusta paketista (#80352, #80213).
• Lohkokirjasto suojautuu virheitä heittäviltä attribuuttiarvoilta, tekee editableRoot-asetuksesta yksityisen, korjaa WordPress-Develop 7.0 -yhdistämisiä ja käyttää Page Listissä null coalescing -operaattoria parentPageID:lle (#80558, #80820, #75985, #80728).
• Tarpeeton Jestin jsdom-pragman poistetaan ja kielletään lintissä; tarpeettomat __next40pxDefaultSize-propsit poistuvat; Table of Contents käyttää str_contains()-funktiota; Tabsin tab-panel-templatesta poistuu oletuskappale (#80676, #80540, #80418, #80565).
• Duotone-apuohjelmat yhdistetään global-styles-engineen, preset-apuohjelmien kaksoiskappaleita vähennetään ja URLInput refaktoroidaan funktiokomponentiksi (#80598, #80245, #80721).
• Ikonit validoivat viewBox-attribuutin, kun taas muistiinpano keskeyttää käynnissä olevan hover-korostuksen fokuksen poistuessa säikeestä (#80273, #80752).
• Memize päivittyy versioon 2.1.1, Global Styles nimeää unit test -tiedostot uudelleen ja poistaa .spec.js-päätteen, Site Editor korvaa canvas loaderin Theme-käytön CSS:llä ja yhteistyökoodi siirtyy hakemistoon lib/experimental/collaboration (#80764, #80711, #80688, #80469).

Julkaisu-, build- ja testityökalut

• Julkaisulomakkeen kuvakaappaus päivittyy GitHubin uuteen Release label -käyttöliittymään, ja cherry-pick vaatii toimivan GitHub CLI:n (#80567, #80568).
• Build lisää itsenäisen React 18 -vendor-paketin, käsittelee välilyöntejä sisältävät projektipolut dev-scriptissä ja ohittaa polymorphism-prop-tyypitykset intersectionissa (#80367, #80519, #80364).
• DependencyExtractionWebpackPlugin lisää erotetut tyylit asset-version hashiin. React 19 saa päästä päähän -yhteensopivuustestin boolean-inert-attribuutille (#80601, #80397).
• Eristetty asettelu ratkaisee Prettierin eksplisiittisesti, Storybook poistaa Emotionin JSX-import-lähteenä, WP Build välttää loputtoman worker-build-silmukan ja npm-käytön esitarkistukset paranevat (#80529, #80647, #80361, #80334).
• Jest korjaa TypeScript-deklaraatiotiedostojen ignore-patternin ja päivittyy rikkovaan v30-versioon (#80737, #80767).
• Flakiness.io on käytössä vain kanonisessa Gutenberg-repositoryssa; suorituskykytesti korjaa Selecting blocks -mittarin 0 ms -raportoinnin; RTC korjaa poistetun käyttäjän testin multisite-asennuksessa; Site Editor saa päästä päähän -kattavuuden view configurationin laajennettavuudelle (#80816, #80524, #80463, #80577).
• Base Styles poistaa accent color -parametrin input-controlista ja yksityinen Theme-komponentti poistuu (#80595, #80691).

Mitä päivittää seuraavaksi

Asenna Gutenberg 23.7 ensin staging-ympäristöön, jos sivustosi käyttää Galleria-lohkon dynaamista tilaa, Global Styles -periytymistä tai omia editorikomponentteja. Tarkista erityisesti gallerioiden irrotuspolku, responsiiviset esikatselut, mukautetut Pullquote-tyylit sekä mahdolliset Select-, Combobox- ja DataViewsPicker-integraatiot. Jos rakennat Gutenbergia lähdekoodista, huomioi myös Jest 30:n rikkovat muutokset ja päivitetyt build-työkalut.