{"id":283,"date":"2026-08-22T11:27:23","date_gmt":"2026-08-22T09:27:23","guid":{"rendered":"https:\/\/helloblog.io\/ro\/wordpress-7-1-mary-lou-stiluri-responsive-editor-media-api-uri\/"},"modified":"2026-08-22T11:27:23","modified_gmt":"2026-08-22T09:27:23","slug":"wordpress-7-1-mary-lou-stiluri-responsive-editor-media-api-uri","status":"publish","type":"post","link":"https:\/\/helloblog.io\/ro\/wordpress-7-1-mary-lou-stiluri-responsive-editor-media-api-uri\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201d: stiluri responsive, editor media nou \u0219i API-uri extinse"},"content":{"rendered":"\n

WordPress 7.1, cu numele de cod \u201eMary Lou\u201d, actualizeaz\u0103 at\u00e2t fluxurile de lucru din editor, c\u00e2t \u0219i uneltele disponibile pentru dezvoltatori. Versiunea aduce stiluri responsive configurabile f\u0103r\u0103 CSS personalizat, un editor media dedicat, note inline pentru colaborare \u0219i blocuri noi pentru playlisturi \u0219i taburi.<\/p>\n\n\n\n <\/i><\/span>\n \n Descarc\u0103 WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Controleaz\u0103 stilurile responsive din editor<\/h2>\n\n\n\n

Po\u021bi configura modul \u00een care arat\u0103 un bloc pe dimensiuni diferite de ecran direct din Stiluri globale sau din set\u0103rile blocului. WordPress-ul \u00ee\u021bi permite \u0219i s\u0103 previzualizezi modific\u0103rile la dimensiuni diferite ale viewportului, astfel \u00eenc\u00e2t s\u0103 construie\u0219ti layouturi adaptate modului \u00een care vizitatorii navigheaz\u0103 pe web, f\u0103r\u0103 CSS personalizat.<\/p>\n\n\n\n

\"Controale
Stilurile responsive pot fi configurate direct \u00een editor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

P\u0103streaz\u0103 bara de administrare \u00een toate editoarele<\/h2>\n\n\n\n

Bara de administrare WordPress r\u0103m\u00e2ne acum vizibil\u0103 c\u00e2nd te deplasezi \u00eentre toate editoarele. Ai astfel acelea\u0219i instrumente \u0219i repere de navigare at\u00e2t \u00een panoul de administrare, c\u00e2t \u0219i \u00een editorul de articole sau \u00een Site Editor; interfa\u021ba prime\u0219te \u0219i mici ajust\u0103ri vizuale.<\/p>\n\n\n\n

\"Bara
Bara de administrare ofer\u0103 navigare consecvent\u0103 \u00een editoare. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editeaz\u0103 imaginile \u00eentr-un flux unic<\/h2>\n\n\n\n

Butonul familiar Crop deschide acum un modal dedicat pentru editarea imaginilor, \u00een locul instrumentului de decupare inline. \u00cen acela\u0219i flux po\u021bi decupa liber sau la raport de aspect, \u00eentoarce imaginea pe orizontal\u0103 \u0219i vertical\u0103, roti precis sau cu aliniere automat\u0103 \u0219i edita metadatele.<\/p>\n\n\n\n

\"Editorul
Editorul media reune\u0219te decuparea, rotirea, \u00eentoarcerea \u0219i editarea metadatelor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Colaboreaz\u0103 cu note inline \u0219i men\u021biuni<\/h2>\n\n\n\n

Notes accept\u0103 acum text \u00eembog\u0103\u021bit \u0219i men\u021biuni. Po\u021bi formata o not\u0103 cu bold, italic \u0219i cod, po\u021bi ad\u0103uga linkuri sau po\u021bi scrie @<\/code> pentru a men\u021biona un colaborator \u0219i a-l notifica.<\/p>\n\n\n\n

\u00cen plus, po\u021bi ata\u0219a o not\u0103 la un fragment exact de text, nu doar la \u00eentregul bloc. Po\u021bi p\u0103stra mai multe conversa\u021bii pe acela\u0219i bloc \u0219i po\u021bi restr\u00e2nge notele lungi pentru a nu \u00eenc\u0103rca marginea editorului.<\/p>\n\n\n\n

\"Note
Notele pot indica text precis \u0219i pot include men\u021biuni sau formatare. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

\u00cencarc\u0103 \u0219i proceseaz\u0103 mai eficient imaginile<\/h2>\n\n\n\n

Compresia, redimensionarea \u0219i generarea miniaturilor ruleaz\u0103 acum \u00een browser. WordPress folose\u0219te o versiune WebAssembly a libvips, ceea ce reduce \u00eenc\u0103rcarea serverului, produce fi\u0219iere mai mici \u0219i evit\u0103 limitele de memorie PHP sau timeouturile la \u00eenc\u0103rcare.<\/p>\n\n\n\n

Biblioteca media accept\u0103 nativ AVIF, HEIC \u0219i HDR gain maps, formate pe care camerele \u0219i telefoanele moderne le produc deja. Conversia GIF \u00een video este op\u021bional\u0103 \u0219i genereaz\u0103 de regul\u0103 fi\u0219iere mai mici; indicatorii de progres \u0219i re\u00eencerc\u0103rile automate fac \u00eenc\u0103rc\u0103rile mai rezistente c\u00e2nd conexiunea cade.<\/p>\n\n\n\n

\"\u00cenc\u0103rcare
WordPress 7.1 proceseaz\u0103 imaginile \u00een browser \u0219i accept\u0103 formate noi. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Blocuri \u0219i controale noi pentru con\u021binut<\/h2>\n\n\n\n

Creeaz\u0103 playlisturi<\/h3>\n\n\n\n

Noul bloc Playlist reune\u0219te mai multe piese audio \u00eentr-un singur playlist. Po\u021bi afi\u0219a op\u021bional forma de und\u0103, astfel \u00eenc\u00e2t ascult\u0103torii s\u0103 vad\u0103 reprezentarea vizual\u0103 a fiec\u0103rei piese \u00een timpul red\u0103rii.<\/p>\n\n\n\n

\"Blocul
Blocul Playlist poate afi\u0219a o form\u0103 de und\u0103 pentru piesele audio. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Define\u0219te breakpointuri \u00een tem\u0103<\/h3>\n\n\n\n

Temele de blocuri \u00ee\u0219i pot defini propriile breakpointuri pentru mobil \u0219i tablet\u0103 \u00een theme.json<\/code>. Aceste valori \u00eenlocuiesc valorile implicite folosite pentru stilurile responsive \u0219i pentru vizibilitatea blocurilor.<\/p>\n\n\n\n

\"Configurarea
Autorii temelor pot suprascrie breakpointurile implicite \u00een theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Organizeaz\u0103 informa\u021bia \u00een taburi<\/h3>\n\n\n\n

Noul bloc Tabs \u00ee\u021bi permite s\u0103 grupezi con\u021binutul \u00een panouri cu taburi, \u00een loc s\u0103 afi\u0219ezi toate informa\u021biile simultan. Este o op\u021biune util\u0103 pentru informa\u021bii \u00eenrudite care ar aglomera pagina dac\u0103 le-ai pune una sub alta.<\/p>\n\n\n\n

\"Blocul
Blocul Tabs afi\u0219eaz\u0103 con\u021binutul asociat \u00een panouri separate. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Stilizeaz\u0103 iconuri \u0219i st\u0103ri interactive<\/h3>\n\n\n\n

Po\u021bi ad\u0103uga colec\u021bii de iconuri personalizate \u00een biblioteca de iconuri WordPress \u0219i le po\u021bi utiliza \u00een editor al\u0103turi de colec\u021bia inclus\u0103. Pentru blocurile Button, controalele de stil permit acum st\u0103ri distincte pentru hover, focus \u0219i active, fie pentru un singur buton, fie pentru toate butoanele.<\/p>\n\n\n\n

\"Iconuri
Colec\u021biile de iconuri personalizate devin disponibile \u00een editor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n
\"Set\u0103ri
Po\u021bi configura st\u0103rile hover, focus \u0219i active ale butoanelor din controalele de stil. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editorul de articole folose\u0219te acum iframe pentru toate temele<\/h2>\n\n\n\n

Editorul de articole ruleaz\u0103 complet \u00eentr-un iframe indiferent de tem\u0103, la fel ca Site Editor. Canvasul de editare ruleaz\u0103 separat de interfa\u021ba de administrare, astfel \u00eenc\u00e2t stilurile din admin nu mai interfereaz\u0103 cu con\u021binutul.<\/p>\n\n\n\n

Unit\u0103\u021bile relative la viewport \u0219i media queries vizeaz\u0103 direct canvasul editorului. Layouturile responsive se comport\u0103 astfel mai previzibil \u00een timpul construirii, iar experien\u021ba de editare devine mai consecvent\u0103.<\/p>\n\n\n\n

Unelte noi pentru dezvoltatori<\/h2>\n\n\n\n

WordPress 7.1 extinde API-urile \u0219i instrumentele pentru iconuri, automatizare, interfe\u021be de administrare \u0219i stiluri responsive. SVG Icon API este acum public\u0103: po\u021bi \u00eenregistra colec\u021bii \u0219i iconuri proprii, apoi le po\u021bi utiliza \u00een editor prin wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> \u0219i wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API extinde infrastructura introdus\u0103 \u00een WordPress 6.9 cu un ciclu de execu\u021bie filtrabil, validare personalizat\u0103 \u0219i discovery partajat. Aceste mecanisme simplific\u0103 integrarea \u0219i automatizarea construite peste WordPress, inclusiv instrumentele bazate pe AI.<\/p>\n\n\n\n

Noul Design System ofer\u0103 bazele pentru tematizarea interfe\u021belor de administrare: culori, rotunjimi \u0219i stiluri de cursor. Po\u021bi folosi tokenuri semantice de design \u0219i componenta React ThemeProvider<\/code> pentru a p\u0103stra o experien\u021b\u0103 coerent\u0103 \u00een interfe\u021bele personalizate din admin.<\/p>\n\n\n\n

Autorii de teme primesc stiluri responsive \u0219i pseudo-st\u0103ri pentru hover<\/code>, focus<\/code>, focus-visible<\/code> \u0219i active<\/code> prin theme.json<\/code>. Versiunea adaug\u0103 \u0219i filtre noi pentru configurarea ecranelor DataViews \u0219i DataForm care alimenteaz\u0103 Pages, Templates, Parts \u0219i Patterns din Site Editor.<\/p>\n\n\n\n

\u00cembun\u0103t\u0103\u021biri de accesibilitate<\/h2>\n\n\n\n

Func\u021biile noi wp_get_tooltip()<\/code> \u0219i wp_get_toggletip()<\/code> aduc tooltipuri accesibile \u00een mai multe zone ale administr\u0103rii WordPress, inclusiv \u00een meta boxurile articolelor \u0219i \u00een ecranul de autentificare. Suportul pentru cititoarele de ecran se \u00eembun\u0103t\u0103\u021be\u0219te \u00een interfe\u021bele de administrare prin etichete mai clare \u0219i navigare mai previzibil\u0103 \u00een tabelele cu lista de articole.<\/p>\n\n\n\n

Blocurile Tabs \u0219i Playlist, al\u0103turi de \u00eembun\u0103t\u0103\u021birile de navigare \u0219i interac\u021biune din editor, completeaz\u0103 actualiz\u0103rile de accesibilitate din aceast\u0103 versiune.<\/p>\n\n\n\n

Ajusteaz\u0103 \u00eenc\u0103rcarea paginilor \u0219i navigarea \u00een biblioteca media<\/h2>\n\n\n\n

Biblioteca media folose\u0219te implicit scroll infinit; fiecare utilizator poate reveni la paginare din propriile op\u021biuni. Gazdele \u0219i proprietarii de site-uri pot configura valorile implicite pentru \u00eenc\u0103rcarea speculativ\u0103 prin variabile de mediu sau constante, f\u0103r\u0103 s\u0103 scrie un plugin, pentru a controla modul \u00een care WordPress pre\u00eencarc\u0103 paginile.<\/p>\n\n\n\n

Preg\u0103te\u0219te actualizarea la WordPress 7.1<\/h2>\n\n\n\n

\u00cenainte s\u0103 actualizezi un site de produc\u021bie, verific\u0103 tema, pluginurile \u0219i fluxurile de upload \u00eentr-un mediu de test. Dac\u0103 \u00eentre\u021bii o tem\u0103 de blocuri, testeaz\u0103 breakpointurile definite \u00een theme.json<\/code>, pseudo-st\u0103rile \u0219i aspectul editorului iframe; dac\u0103 dezvol\u021bi extensii, verific\u0103 integrarea cu API-urile noi pentru iconuri, Abilities \u0219i Design System.<\/p>\n\n\n\n

Pentru detalii despre instalare, \u00eembun\u0103t\u0103\u021biri, probleme remediate \u0219i modific\u0103rile din fi\u0219iere, consult\u0103 WordPress 7.1 Release Notes<\/a>. Pentru note tehnice detaliate destinate dezvoltatorilor, deschide WordPress 7.1 Field Guide<\/a>.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"

WordPress 7.1 mut\u0103 controalele responsive, prelucrarea imaginilor \u0219i colaborarea mai aproape de editor. Pentru dezvoltatori, versiunea aduce API-uri publice pentru iconuri, extinderi pentru Abilities API \u0219i un nou Design System.<\/p>\n","protected":false},"author":30,"featured_media":272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[31,131,29,148,139],"class_list":["post-283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-api","tag-editor-de-blocuri","tag-performanta","tag-theme-json","tag-wordpress-7-1"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/posts\/283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/comments?post=283"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/posts\/283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/media\/272"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/media?parent=283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/categories?post=283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/ro\/wp-json\/wp\/v2\/tags?post=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}