WordPress 7.1 „Mary Lou”: stiluri responsive, editor media nou și API-uri extinse

WordPress 7.1, cu numele de cod „Mary Lou”, actualizează atât fluxurile de lucru din editor, cât și uneltele disponibile pentru dezvoltatori. Versiunea aduce stiluri responsive configurabile fără CSS personalizat, un editor media dedicat, note inline pentru colaborare și blocuri noi pentru playlisturi și taburi.

Descarcă WordPress 7.1 wordpress-7.1.zip

Controlează stilurile responsive din editor

Poți configura modul în care arată un bloc pe dimensiuni diferite de ecran direct din Stiluri globale sau din setările blocului. WordPress-ul îți permite și să previzualizezi modificările la dimensiuni diferite ale viewportului, astfel încât să construiești layouturi adaptate modului în care vizitatorii navighează pe web, fără CSS personalizat.

Controale de stiluri responsive în editorul de site WordPress — Stilurile responsive pot fi configurate direct în editor. — *Forrás: WordPress.org*

Păstrează bara de administrare în toate editoarele

Bara de administrare WordPress rămâne acum vizibilă când te deplasezi între toate editoarele. Ai astfel aceleași instrumente și repere de navigare atât în panoul de administrare, cât și în editorul de articole sau în Site Editor; interfața primește și mici ajustări vizuale.

Bara de administrare afișată în editorul WordPress — Bara de administrare oferă navigare consecventă în editoare. — *Forrás: WordPress.org*

Editează imaginile într-un flux unic

Butonul familiar Crop deschide acum un modal dedicat pentru editarea imaginilor, în locul instrumentului de decupare inline. În același flux poți decupa liber sau la raport de aspect, întoarce imaginea pe orizontală și verticală, roti precis sau cu aliniere automată și edita metadatele.

Editorul media nou pentru decuparea și rotirea imaginilor în WordPress — Editorul media reunește decuparea, rotirea, întoarcerea și editarea metadatelor. — *Forrás: WordPress.org*

Colaborează cu note inline și mențiuni

Notes acceptă acum text îmbogățit și mențiuni. Poți formata o notă cu bold, italic și cod, poți adăuga linkuri sau poți scrie @ pentru a menționa un colaborator și a-l notifica.

În plus, poți atașa o notă la un fragment exact de text, nu doar la întregul bloc. Poți păstra mai multe conversații pe același bloc și poți restrânge notele lungi pentru a nu încărca marginea editorului.

Note inline cu mențiuni și formatare de text în editorul WordPress — Notele pot indica text precis și pot include mențiuni sau formatare. — *Forrás: WordPress.org*

Încarcă și procesează mai eficient imaginile

Compresia, redimensionarea și generarea miniaturilor rulează acum în browser. WordPress folosește o versiune WebAssembly a libvips, ceea ce reduce încărcarea serverului, produce fișiere mai mici și evită limitele de memorie PHP sau timeouturile la încărcare.

Biblioteca media acceptă nativ AVIF, HEIC și HDR gain maps, formate pe care camerele și telefoanele moderne le produc deja. Conversia GIF în video este opțională și generează de regulă fișiere mai mici; indicatorii de progres și reîncercările automate fac încărcările mai rezistente când conexiunea cade.

Încărcare de imagini și formate media noi în WordPress 7.1 — WordPress 7.1 procesează imaginile în browser și acceptă formate noi. — *Forrás: WordPress.org*

Blocuri și controale noi pentru conținut

Creează playlisturi

Noul bloc Playlist reunește mai multe piese audio într-un singur playlist. Poți afișa opțional forma de undă, astfel încât ascultătorii să vadă reprezentarea vizuală a fiecărei piese în timpul redării.

Blocul Playlist din WordPress — Blocul Playlist poate afișa o formă de undă pentru piesele audio. — *Forrás: WordPress.org*

Definește breakpointuri în temă

Temele de blocuri își pot defini propriile breakpointuri pentru mobil și tabletă în theme.json. Aceste valori înlocuiesc valorile implicite folosite pentru stilurile responsive și pentru vizibilitatea blocurilor.

Configurarea breakpointurilor responsive pentru o temă WordPress — Autorii temelor pot suprascrie breakpointurile implicite în theme.json. — *Forrás: WordPress.org*

Organizează informația în taburi

Noul bloc Tabs îți permite să grupezi conținutul în panouri cu taburi, în loc să afișezi toate informațiile simultan. Este o opțiune utilă pentru informații înrudite care ar aglomera pagina dacă le-ai pune una sub alta.

Blocul Tabs din WordPress pentru organizarea conținutului în panouri — Blocul Tabs afișează conținutul asociat în panouri separate. — *Forrás: WordPress.org*

Stilizează iconuri și stări interactive

Poți adăuga colecții de iconuri personalizate în biblioteca de iconuri WordPress și le poți utiliza în editor alături de colecția inclusă. Pentru blocurile Button, controalele de stil permit acum stări distincte pentru hover, focus și active, fie pentru un singur buton, fie pentru toate butoanele.

Iconuri personalizate disponibile în editorul WordPress — Colecțiile de iconuri personalizate devin disponibile în editor. — *Forrás: WordPress.org*

Setări pentru stările interactive ale blocului Button în WordPress — Poți configura stările hover, focus și active ale butoanelor din controalele de stil. — *Forrás: WordPress.org*

Editorul de articole folosește acum iframe pentru toate temele

Editorul de articole rulează complet într-un iframe indiferent de temă, la fel ca Site Editor. Canvasul de editare rulează separat de interfața de administrare, astfel încât stilurile din admin nu mai interferează cu conținutul.

Unitățile relative la viewport și media queries vizează direct canvasul editorului. Layouturile responsive se comportă astfel mai previzibil în timpul construirii, iar experiența de editare devine mai consecventă.

Unelte noi pentru dezvoltatori

WordPress 7.1 extinde API-urile și instrumentele pentru iconuri, automatizare, interfețe de administrare și stiluri responsive. SVG Icon API este acum publică: poți înregistra colecții și iconuri proprii, apoi le poți utiliza în editor prin wp_register_icon_collection(), wp_register_icon() și wp_get_icon().

Abilities API extinde infrastructura introdusă în WordPress 6.9 cu un ciclu de execuție filtrabil, validare personalizată și discovery partajat. Aceste mecanisme simplifică integrarea și automatizarea construite peste WordPress, inclusiv instrumentele bazate pe AI.

Noul Design System oferă bazele pentru tematizarea interfețelor de administrare: culori, rotunjimi și stiluri de cursor. Poți folosi tokenuri semantice de design și componenta React ThemeProvider pentru a păstra o experiență coerentă în interfețele personalizate din admin.

Autorii de teme primesc stiluri responsive și pseudo-stări pentru hover, focus, focus-visible și active prin theme.json. Versiunea adaugă și filtre noi pentru configurarea ecranelor DataViews și DataForm care alimentează Pages, Templates, Parts și Patterns din Site Editor.

Îmbunătățiri de accesibilitate

Funcțiile noi wp_get_tooltip() și wp_get_toggletip() aduc tooltipuri accesibile în mai multe zone ale administrării WordPress, inclusiv în meta boxurile articolelor și în ecranul de autentificare. Suportul pentru cititoarele de ecran se îmbunătățește în interfețele de administrare prin etichete mai clare și navigare mai previzibilă în tabelele cu lista de articole.

Blocurile Tabs și Playlist, alături de îmbunătățirile de navigare și interacțiune din editor, completează actualizările de accesibilitate din această versiune.

Ajustează încărcarea paginilor și navigarea în biblioteca media

Biblioteca media folosește implicit scroll infinit; fiecare utilizator poate reveni la paginare din propriile opțiuni. Gazdele și proprietarii de site-uri pot configura valorile implicite pentru încărcarea speculativă prin variabile de mediu sau constante, fără să scrie un plugin, pentru a controla modul în care WordPress preîncarcă paginile.

Pregătește actualizarea la WordPress 7.1

Înainte să actualizezi un site de producție, verifică tema, pluginurile și fluxurile de upload într-un mediu de test. Dacă întreții o temă de blocuri, testează breakpointurile definite în theme.json, pseudo-stările și aspectul editorului iframe; dacă dezvolți extensii, verifică integrarea cu API-urile noi pentru iconuri, Abilities și Design System.

Pentru detalii despre instalare, îmbunătățiri, probleme remediate și modificările din fișiere, consultă WordPress 7.1 Release Notes. Pentru note tehnice detaliate destinate dezvoltatorilor, deschide WordPress 7.1 Field Guide.