{"id":254,"date":"2026-08-07T18:23:42","date_gmt":"2026-08-07T16:23:42","guid":{"rendered":"https:\/\/helloblog.io\/ro\/gutenberg-23-7-noutati-editor-wordpress\/"},"modified":"2026-08-07T18:23:42","modified_gmt":"2026-08-07T16:23:42","slug":"gutenberg-23-7-noutati-editor-wordpress","status":"publish","type":"post","link":"https:\/\/helloblog.io\/ro\/gutenberg-23-7-noutati-editor-wordpress\/","title":{"rendered":"Gutenberg 23.7: corec\u021bii pentru editor, Galerie \u0219i Global Styles"},"content":{"rendered":"\n

Gutenberg 23.7 este disponibil ca plugin \u0219i rafineaz\u0103 \u00een special experien\u021ba din editorul de blocuri. Actualizarea repar\u0103 probleme vizibile de layout, clarific\u0103 modul dinamic al blocului Galerie \u0219i adaug\u0103 op\u021biuni experimentale, componente \u0219i corec\u021bii utile pentru dezvoltatorii de teme \u0219i extensii.<\/p>\n\n\n\n

Po\u021bi testa versiunea direct \u00een WordPress Playground<\/a> sau o po\u021bi instala din pagina pluginului Gutenberg<\/a>.<\/p>\n\n\n\n

Corec\u021bii vizibile \u00een editorul de blocuri<\/h2>\n\n\n\n

\u00cen aceast\u0103 versiune, blocurile flotante nu mai ajung peste blocurile sticky. Inseratorul pentru un bloc gol apare corect \u00een blocurile care \u00ee\u0219i gestioneaz\u0103 propria bar\u0103 de instrumente, iar blocul Pullquote respect\u0103 \u00een editor \u00een\u0103l\u021bimea personalizat\u0103 a liniei, la fel ca \u00een partea public\u0103 a site-ului.<\/p>\n\n\n\n

Gutenberg readuce \u0219i \u00een\u0103l\u021bimile fixe pentru previzualiz\u0103rile de mobil \u0219i tablet\u0103. Astfel, c\u00e2nd verifici o pagin\u0103 \u00een aceste moduri, cadrul nu \u00ee\u0219i mai schimb\u0103 dimensiunea \u00een mod imprevizibil.<\/p>\n\n\n\n

\"Corec\u021bii
Blocurile flotante, inseratorul \u0219i stilurile Pullquote primesc corec\u021bii de comportament \u0219i layout. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Modul dinamic al blocului Galerie folose\u0219te ac\u021biunea Detach<\/h2>\n\n\n\n

Modul dinamic al blocului Galerie, introdus \u00een Gutenberg 23.6, avea un buton de bar\u0103 de instrumente numit \u201eConvert to images\u201d. Denumirea nu explica suficient ce urmeaz\u0103 s\u0103 fac\u0103 ac\u021biunea, a\u0219a c\u0103 Gutenberg 23.7 \u00eel redenume\u0219te \u201eDetach\u201d.<\/p>\n\n\n\n

C\u00e2nd alegi Detach, editorul afi\u0219eaz\u0103 acum o fereastr\u0103 modal\u0103 care explic\u0103 efectul opera\u021biei asupra imaginilor. Conversia din modul dinamic reprezint\u0103 \u0219i un singur pas \u00een istoricul undo, ceea ce \u00ee\u021bi permite s\u0103 revii printr-o singur\u0103 ac\u021biune.<\/p>\n\n\n\n

\"Butonul
Ac\u021biunea de deta\u0219are \u00eenlocuie\u0219te eticheta ambigu\u0103 de conversie \u00een imagini. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n
\"Fereastra
Fereastra modal\u0103 explic\u0103 ce se \u00eent\u00e2mpl\u0103 \u00eenainte ca imaginile s\u0103 fie deta\u0219ate. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nout\u0103\u021bi relevante pentru interfa\u021b\u0103 \u0219i editare<\/h2>\n\n\n\n

Interfa\u021ba pentru mo\u0219tenirea set\u0103rilor Global Styles devine experimental\u0103 \u0219i trebuie activat\u0103 explicit din pagina Gutenberg Experiments. \u00cen inspectorul blocurilor, controalele reflect\u0103 valorile mo\u0219tenite din Global Styles, iar stilurile elementelor link din blocurile care sunt linkuri se rezolv\u0103 corect.<\/p>\n\n\n\n

Blocul Math nu mai anun\u021b\u0103 erori de parsare LaTeX la fiecare tast\u0103. C\u00e2mpul folose\u0219te ValidatedTextareaControl<\/code>, iar validarea apare dup\u0103 ce c\u00e2mpul pierde prima dat\u0103 focusul; cititoarele de ecran nu mai primesc anun\u021buri pentru fiecare caracter introdus.<\/p>\n\n\n\n

Componentele Combobox, Select \u0219i SelectControl primesc subcomponentele Group<\/code> \u0219i GroupLabel<\/code>, pentru a construi consecvent op\u021biuni grupate. Autocomplete<\/code> prime\u0219te primitiva Autocomplete.Row<\/code>, iar DataViewsPicker accept\u0103 selec\u021bia unui interval cu Shift+Click \u00een aspectele tabel, gril\u0103 \u0219i activitate.<\/p>\n\n\n\n

Changelog tehnic complet<\/h2>\n\n\n\n

\u00cembun\u0103t\u0103\u021biri<\/h3>\n\n\n\n

Stilurile de baz\u0103 permit suprascrierea culorii focus ring pentru outset-ring__focus<\/code>. Dashboard-ul pentru widgeturi m\u0103soar\u0103 mai bine spa\u021biul antetului \u0219i documenteaz\u0103 chrome-ul interfe\u021bei, iar primitivele pentru widgeturi sunt livrate ca script module.<\/p>\n\n\n\n

C\u00e2mpurile de c\u0103utare din DataViews \u0219i Font Library au l\u0103\u021bime fix\u0103 pentru a evita mutarea layoutului. Componenta sandbox accept\u0103 proprietatea sandbox<\/code>, c\u00e2mpurile input[type="number"]<\/code> ascund controalele native de incrementare, iar SearchControl afi\u0219eaz\u0103 sufixul numai atunci c\u00e2nd acesta exist\u0103.<\/p>\n\n\n\n

Biblioteca de blocuri prime\u0219te acoperire end-to-end pentru scenariul utilizatorului din Table of Contents. Editorul de articole are setarea responsiveEditingEnabled<\/code>, care poate ascunde op\u021biunea Responsive styles; Font Library aliniaz\u0103 dimensiunea fontului din selectarea paginii de navigare cu DataViews.<\/p>\n\n\n\n

\u00cen colaborarea \u00een timp real (RTC), Quick Edit r\u0103m\u00e2ne indisponibil c\u00e2t timp cineva editeaz\u0103 un articol. Global Styles extrage administrarea comun\u0103 a preset\u0103rilor din umbre \u0219i dimensiuni de font.<\/p>\n\n\n\n

Corec\u021bii de erori: API, bibliotec\u0103 de blocuri \u0219i editor<\/h3>\n\n\n\n

Actualizarea schimb\u0103 versionarea API-ului pentru configurarea vizualiz\u0103rilor. Validarea configura\u021biei respinge \u00eembin\u0103rile cu forme incompatibile, define\u0219te semantica pentru arrayuri goale \u0219i elimin\u0103 valorile null<\/code> din membrii ad\u0103uga\u021bi; createInterpolateElement<\/code> gestioneaz\u0103 f\u0103r\u0103 eroare tagurile de \u00eenchidere f\u0103r\u0103 corespondent.<\/p>\n\n\n\n

\u00cen biblioteca de blocuri, render_block_core_video()<\/code> accept\u0103 tagul VIDEO<\/code> indiferent de capitalizare. Blocurile Cover \u0219i Accordion ies la ap\u0103sarea Enter, lista p\u0103streaz\u0103 tipul ordonat la indentare, iar editorul media afi\u0219eaz\u0103 starea de \u00eenc\u0103rcare c\u00e2t timp \u00eencarc\u0103 un fi\u0219ier decupat.<\/p>\n\n\n\n

Gutenberg elimin\u0103 flagul redundant __heicUploadSupport<\/code>, repar\u0103 lipsa op\u021biunii \u201eAdd block\u201d din interfa\u021ba Link a blocului Navigation aflat \u00een template parts \u0219i scurteaz\u0103 eticheta butonului de bar\u0103 pentru o pies\u0103 din Playlist. Eticheta set\u0103rii Offset din Query Loop are context de traducere, iar markupul pictogramei Tumblr din Social Link nu mai con\u021bine un tag de \u00eenchidere \u00een plus.<\/p>\n\n\n\n

Editorul elimin\u0103 focus ringul duplicat din controlul pentru imagine de fundal, corecteaz\u0103 pozi\u021bia cursorului la \u0219tergerea \u00eenainte a blocurilor goale \u0219i repar\u0103 importurile testelor de round-trip pentru preset\u0103ri. C\u00e2nd dou\u0103 preset\u0103ri de culoare folosesc acela\u0219i hex, panourile Global Styles salveaz\u0103 \u0219i afi\u0219eaz\u0103 presetarea corect\u0103.<\/p>\n\n\n\n

\u00cen RTC, sincronizarea blocurilor controlate nu mai intercepteaz\u0103 undo. Rich text elimin\u0103 din nou tabIndex<\/code> din elementele editabile pentru selec\u021bia Shift+Click, nu aplic\u0103 transformarea la introducere f\u0103r\u0103 onReplace<\/code> \u0219i nu mai cade la lipirea fi\u0219ierelor.<\/p>\n\n\n\n

Fluxul de scriere extinde selec\u021biile de blocuri cu Shift+s\u0103ge\u021bi c\u00e2nd nu exist\u0103 selec\u021bie nativ\u0103, trateaz\u0103 Shift+Click drept gest de selec\u021bie multipl\u0103 \u0219i nu mai deruleaz\u0103 pagina c\u00e2nd mu\u021bi caretul \u00een blocuri mai \u00eenalte dec\u00e2t viewportul.<\/p>\n\n\n\n

Corec\u021bii \u00een editorul de articole \u0219i componente<\/h3>\n\n\n\n

C\u00e2mpurile care \u00ee\u0219i gestioneaz\u0103 singure undo las\u0103 browserul s\u0103 controleze istoricul. Meta boxurile folosesc stiluri de titlu compatibile cu panourile Gutenberg, iar post lock nu mai afi\u0219eaz\u0103 gre\u0219it mesajul \u201eSomeone else has taken over\u201d pentru un utilizator care nu poate edita.<\/p>\n\n\n\n

Func\u021biile Notes captureaz\u0103 blocul-\u021bint\u0103 \u00eenainte de salvarea unei note la nivel de bloc, \u00eenregistreaz\u0103 formatul de not\u0103 inline la import, raporteaz\u0103 uniform succesul salv\u0103rii \u0219i sincronizeaz\u0103 selec\u021bia din bar\u0103 lateral\u0103 cu marcatorul inline de sub caret. Notific\u0103rile sunt \u00eencadrate \u00een ThemeProvider cu raz\u0103 de col\u021b zero, iar iOS elimin\u0103 solu\u021bia temporar\u0103 pentru salturi \u0219i adaug\u0103 comportamentul typewriter.<\/p>\n\n\n\n

DataForm nu mai mut\u0103 for\u021bat focusul prin valid\u0103rile cardurilor \u0219i ale detaliilor. GradientPicker selecteaz\u0103 dup\u0103 slug astfel \u00eenc\u00e2t preset\u0103rile cu acela\u0219i gradient s\u0103 \u00ee\u0219i p\u0103streze identitatea; ToolsPanel migreaz\u0103 stilurile \u00eentr-un modul SCSS, iar suprascrierea root .prettierrc.js<\/code> \u0219i jsxImportSource<\/code> din Storybook sunt reparate.<\/p>\n\n\n\n

Media, Global Styles, accesibilitate \u0219i performan\u021b\u0103<\/h3>\n\n\n\n

Conversia GIF-urilor animate lungi nu mai blocheaz\u0103 \u00eenc\u0103rcarea: pentru rezultate statice, editorul decodeaz\u0103 doar primul cadru. \u0218abloanele media nu mai for\u021beaz\u0103 crossorigin<\/code> pe tagurile IMG<\/code>, iar wp-build sincronizeaz\u0103 lista c\u00e2mpurilor de preload pentru \u0219ablonul de pagin\u0103 cu core-data<\/code>. Media REST API preia corec\u021bia pentru verificarea dimensiunii la \u00eenc\u0103rcarea unui fi\u0219ier dintr-un URL.<\/p>\n\n\n\n

\u00cen theme.json<\/code>, clasele preset\u0103rilor la nivel de bloc \u00ee\u0219i aliniaz\u0103 specificitatea prin :where()<\/code>. Controalele Alignment gestioneaz\u0103 mai bine propriet\u0103\u021bile, iar submeniurile Navigation din overlay actualizeaz\u0103 corect aria-expanded<\/code> la hover.<\/p>\n\n\n\n

Editorul cite\u0219te atributul contentEditable<\/code> \u00een ownsSelection<\/code>, pentru a evita un layout for\u021bat, \u0219i include o corec\u021bie pentru regresia de performan\u021b\u0103 la tastare. FlatTermSelector evit\u0103 re\u00eenc\u0103rc\u0103rile inutile ale termenilor, iar Core Data mut\u0103 EntitiesSavedState<\/code> \u00een afara editorului.<\/p>\n\n\n\n

Experimente \u0219i siguran\u021ba interfe\u021bei<\/h3>\n\n\n\n

Pe l\u00e2ng\u0103 experimentul pentru mo\u0219tenirea Global Styles, widgeturile experimentale din Dashboard sanitizeaz\u0103 mai strict href<\/code>-urile ac\u021biunilor \u0219i linkurile de ajutor.<\/p>\n\n\n\n

Documenta\u021bie, calitatea codului \u0219i tooling<\/h3>\n\n\n\n

Documenta\u021bia adaug\u0103 instruc\u021biuni nvm use<\/code> \u00een AGENTS.md<\/code>, un model de descoperire progresiv\u0103 pentru instruc\u021biuni \u0219i abilit\u0103\u021bi ale agen\u021bilor, documenta\u021bia global\u0103 lips\u0103 pentru table-of-contents\/index.php<\/code> \u0219i docblockuri pentru WP_Icon_Collections_Registry<\/code>. Mai clarific\u0103 descoperirea ghidajului pentru agen\u021bi, comportamentul getBlock<\/code> cu controllere de blocuri interne, backportarea \u00een WordPress core, callbackurile filtrului de configurare a vizualiz\u0103rilor, iframe-urile dup\u0103 Gutenberg 23.6, exemplele de schem\u0103 de culori admin din Storybook, alegerea dialog versus drawer \u0219i filtrele server-side pentru configurarea vizualiz\u0103rilor. Documenta\u021bia inline folose\u0219te \u0219i linkuri pentru URL-uri.<\/p>\n\n\n\n

ESLint adaug\u0103 componentele lips\u0103 nerecomandate \u00een denylist, iar webpack-dev-server<\/code> trece la ^5.2.1<\/code>. Workflowurile GitHub verific\u0103 corect changelogul pentru PR-uri din forkuri; Interactivity API \u00ee\u0219i reorganizeaz\u0103 directivele ca module care se \u00eenregistreaz\u0103 singure, iar RTC folose\u0219te array_any()<\/code> pentru verificarea compact\u0103rii \u0219i str_contains()<\/code> \u00een WP_Sync_Config<\/code>. Storybook construie\u0219te specificatorul resolve ca \u0219ir \u00een stil URL, iar instrumentele rezolv\u0103 dependen\u021bele independent de layoutul node_modules<\/code>.<\/p>\n\n\n\n

La nivel de componente, Autocomplete leag\u0103 lista de sugestii prin aria-controls<\/code> \u0219i aria-haspopup<\/code>; ExternalLink reutilizeaz\u0103 mixinul focus ring, iar useSelectionProps<\/code> nu mai depinde de layout. Disabled, FormTokenField \u0219i SearchControl migreaz\u0103 la module SCSS; date-fns<\/code> trece la 4.4.0, Color.js la 0.7.1, iar pachetul colorjs.io elimin\u0103 o solu\u021bie temporar\u0103 pentru buguri. Pachetul temei nu mai public\u0103 directorul src<\/code>.<\/p>\n\n\n\n

Biblioteca de blocuri protejeaz\u0103 valorile de atribute care arunc\u0103 erori, transform\u0103 editableRoot<\/code> \u00eentr-o setare privat\u0103, integreaz\u0103 corec\u021bii pentru fuziunile WordPress-Develop 7.0 \u0219i folose\u0219te operatorul de coalescen\u021b\u0103 nul\u0103 pentru atributul parentPageID<\/code> din Page List. Elimin\u0103 pragma Jest redundant\u0103 pentru jsdom, propriet\u0103\u021bile inutile __next40pxDefaultSize<\/code>, verificarea strpos()<\/code> din Table of Contents \u0219i paragraful implicit din \u0219ablonul panoului Tabs.<\/p>\n\n\n\n

Block Editor deduplic\u0103 utilitarele duotone \u00een global-styles-engine<\/code>, reduce implement\u0103rile duplicate pentru utilitarele preset\u0103rilor \u0219i rescrie URLInput<\/code> ca function component. Post Editor valideaz\u0103 prezen\u021ba viewBox<\/code> \u00een pictogramele SVG \u0219i anuleaz\u0103 eviden\u021bierea hover aflat\u0103 \u00een curs c\u00e2nd focusul p\u0103r\u0103se\u0219te un fir de note; Core Data actualizeaz\u0103 memize<\/code> la 2.1.1, iar Global Styles redenume\u0219te fi\u0219ierele de teste unitare \u0219i elimin\u0103 sufixul .spec.js<\/code>.<\/p>\n\n\n\n

Site Editor \u00eenlocuie\u0219te utilizarea Theme din \u00eenc\u0103rc\u0103torul canvas cu CSS, iar codul pentru colaborare \u00een timp real se mut\u0103 \u00een lib\/experimental\/collaboration<\/code>. Componentele elimin\u0103 parametrul pentru culoarea accentului din input-control \u0219i componenta Theme privat\u0103.<\/p>\n\n\n\n

Instrumentele actualizeaz\u0103 captura de ecran din formularul de release pentru noua interfa\u021b\u0103 GitHub Release \u0219i cer un GitHub CLI func\u021bional pentru cherry-pick. Build-ul adaug\u0103 un pachet vendor independent pentru React 18, accept\u0103 c\u0103i de proiect cu spa\u021bii \u00een scriptul de dezvoltare, omite tipurile pentru propriet\u0103\u021bile de polimorfism la intersec\u021bii \u0219i include stilurile extrase \u00een hashul versiunii asseturilor.<\/p>\n\n\n\n

Toolingul adaug\u0103 un test end-to-end de compatibilitate React 19 pentru atributul boolean inert<\/code>, rezolv\u0103 explicit Prettier pentru layouturi izolate, elimin\u0103 Emotion ca surs\u0103 JSX \u00een Storybook, evit\u0103 o bucl\u0103 infinit\u0103 de build pentru workerul WP Build \u0219i \u00eembun\u0103t\u0103\u021be\u0219te verific\u0103rile preliminare de acces npm.<\/p>\n\n\n\n

Testele Jest ignor\u0103 corect fi\u0219ierele de declara\u021bii TypeScript \u0219i trec la Jest 30, o actualizare incompatibil\u0103 cu versiunea anterioar\u0103. Flakiness.io ruleaz\u0103 doar \u00een repository-ul Gutenberg canonic, testele de performan\u021b\u0103 raporteaz\u0103 corect metrica \u201eSelecting blocks\u201d, RTC repar\u0103 testul pentru utilizator \u0219ters \u00een multisite, iar Site Editor adaug\u0103 acoperire end-to-end pentru extensibilitatea configura\u021biei vizualiz\u0103rilor.<\/p>\n\n\n\n

Ce merit\u0103 s\u0103 verifici dup\u0103 actualizare<\/h2>\n\n\n\n

Instaleaz\u0103 Gutenberg 23.7 \u00eentr-un mediu de dezvoltare \u0219i verific\u0103 mai \u00eent\u00e2i blocurile Galerie \u00een modul dinamic, Pullquote cu line-height personalizat \u0219i paginile care combin\u0103 blocuri flotante cu elemente sticky. Dac\u0103 dezvol\u021bi controale pentru editor, testeaz\u0103 noile primitive pentru op\u021biuni grupate \u0219i ajusteaz\u0103 integrarea dac\u0103 depinde de comportamentul valid\u0103rii LaTeX, de configurarea vizualiz\u0103rilor sau de pachetele de build actualizate.<\/p>\n\n\n\n

Activeaz\u0103 separat experimentul pentru mo\u0219tenirea Global Styles doar dac\u0103 vrei s\u0103 \u00eei evaluezi interfa\u021ba. Pentru teme \u0219i extensii care folosesc theme.json<\/code>, Media REST API, componentele editorului sau colaborarea \u00een timp real, ruleaz\u0103 \u0219i suita proprie de regresie \u00eenainte de deploy.<\/p>\n\n\n

\n

Referin\u021be \/ Surse<\/h2>\n