WordPress 7.1 „Mary Lou“ prináša responzívne štýly, Poznámky a nové API

WordPress 7.1 s kódovým označením „Mary Lou“ rozširuje editor o responzívne štýly, presúva spracovanie obrázkov do prehliadača a pridáva nástroje na spoluprácu aj rozšírenie editorových rozhraní. Verzia vzdáva hold jazzovej pianistke, aranžérke a skladateľke Mary Lou Williams, ktorá začala verejne hrať už v šiestich rokoch a počas kariéry prešla swingom, bebopom aj sakrálnym jazzom.

V 40. rokoch sa jej byt v Harleme stal večerným pracovným priestorom, kde Thelonious Monk, Dizzy Gillespie a Bud Powell vymieňali nápady a formovali bebop. WordPress 7.1 stavia na podobnej kombinácii neustáleho vývoja a spolupráce.

Responzívne štýly nastavíš priamo v editore

Editor webovej stránky teraz umožňuje upraviť vzhľad bloku pre rôzne veľkosti obrazovky bez vlastného CSS. Responzívne štýly nastavíš v Globálnych štýloch aj v nastaveniach konkrétneho bloku a zmeny si počas práce pozrieš v rôznych veľkostiach viewportu.

Nové ovládacie prvky dopĺňajú existujúce nastavenia, ktorými pri blokoch určuješ zobrazenie alebo skrytie. Rozloženie tak môžeš priebežne prispôsobiť tomu, ako ľudia prehliadajú web na rôznych zariadeniach.

Admin bar zostáva vo všetkých editoroch

Admin bar ťa teraz sprevádza naprieč všetkými editormi. Keď píšeš článok alebo upravuješ dizajn webovej stránky, stále vidíš, kde sa nachádzaš, a máš poruke známe nástroje z administrácie.

Rozhranie admin baru dostalo aj menšie vizuálne úpravy, ktoré zjednocujú jeho vzhľad v celej administrácii.

Obrázky upravíš v jednom pracovnom postupe

Nový editor médií nahrádza pôvodný nástroj na orezanie priamo v rozhraní. Do jedného modálneho okna spája voľné orezanie aj orezanie podľa pomeru strán, horizontálne a vertikálne prevrátenie, presné otáčanie, otáčanie s prichytávaním a úpravu metadát.

Do nového rozhrania sa stále dostaneš známym tlačidlom „Orezať“. Nemusíš teda hľadať nový vstupný bod, hoci samotná úprava médií prebieha inak.

Poznámky podporujú formátovanie aj @zmienky

Poznámky môžeš písať k ľubovoľnej časti obsahu, nielen k celému bloku. Pri písaní na konkrétny úsek textu podporujú tučné a kurzívne písmo, code, odkazy aj @zmienky, ktorými označíš spolupracovníka a odošleš mu upozornenie.

Na jednom bloku môže bežať viac samostatných konverzácií. Dlhšie Poznámky sa dajú zbaliť, aby okraj editora zostal prehľadný aj pri rozsiahlejšej revízii obsahu.

Prehliadač spracuje obrázky a pribúdajú nové formáty

Kompresia obrázkov, zmena ich rozmerov a vytváranie náhľadov teraz prebiehajú v prehliadači. Server tak spracuje menej práce, súbory sa zmenšia a pri väčších nahrávaniach nenarazíš na limity pamäte PHP ani na timeout pri odosielaní.

WordPress 7.1 natívne podporuje formáty AVIF, HEIC a HDR gain maps, ktoré produkujú moderné fotoaparáty a telefóny. Spracovanie v prehliadači využíva WebAssembly build knižnice libvips.

Nové bloky a detailnejšie ovládanie vzhľadu

Playlist spojí viac zvukových stôp

Nový blok Playlist združí viac zvukových stôp do jedného prehrávača. Voliteľne môže zobraziť waveform, ktorý poslucháčovi vizuálne ukáže priebeh skladby počas prehrávania.

Téma určí vlastné responzívne breakpointy

Blokové témy môžu v theme.json definovať vlastné breakpointy pre mobil a tablet. Týmito hodnotami prepíšu predvolené breakpointy, ktoré WordPress používa pri responzívnych štýloch a viditeľnosti blokov.

Karty usporiadajú súvisiaci obsah

Blok Tabs rozdelí súvisiaci obsah do panelov s kartami. Namiesto toho, aby sa všetok obsah zobrazil naraz, môžeš návštevníkovi ponúknuť čistejšie a kompaktnejšie rozhranie.

Ikony a stavy tlačidiel upravíš bez obchádzania editora

Vývojári môžu rozšíriť knižnicu ikon vlastnými kolekciami, ktoré sa potom zobrazia v editore vedľa vstavaných ikon. Pri blokoch Tlačidlo zase priamo v ovládaní štýlov nastavíš odlišný vzhľad pre stavy hover, focus a active, a to pre jedno tlačidlo alebo všetky tlačidlá.

Editor článkov používa iframe pri každej téme

Editor článkov sa teraz pri všetkých témach vykresľuje v iframe, rovnako ako Editor webovej stránky. Plátno, na ktorom upravuješ obsah, beží oddelene od administrácie WordPressu, takže štýly administrácie nezasahujú do obsahu.

Jednotky viazané na viewport a media queries preto cielia priamo na editačné plátno. Responzívne rozloženia sa pri tvorbe správajú predvídateľnejšie a editor pôsobí konzistentne, hoci väčšina zmeny zostáva na prvý pohľad neviditeľná.

API a nástroje pre vývojárov

SVG Icon API je teraz verejné API. Vlastnú kolekciu ikon alebo jednotlivé ikony zaregistruješ funkciami wp_register_icon_collection() a wp_register_icon() a v editore ich získaš cez wp_get_icon().

Abilities API rozširuje infraštruktúru zavedenú vo WordPresse 6.9 o filtrovateľný životný cyklus vykonávania, vlastnú validáciu a zdieľané objavovanie. Vďaka tomu sa ľahšie vytvárajú integrácie a automatizácie nad WordPressom vrátane nástrojov poháňaných AI.

Nový Design System prináša základ na tvorbu tém pre administračné rozhrania WordPressu vrátane farieb, zaoblenia a štýlov kurzora. Pri vlastných administračných rozhraniach môžeš využiť sémantické design tokeny a React komponent ThemeProvider, aby rozhranie zostalo konzistentné a zároveň pôsobilo prirodzene vo WordPresse.

Autori tém dostávajú cez theme.json responzívne štýly aj štýly pseudo-stavov hover, focus, focus-visible a active. Nové filtre navyše umožňujú nakonfigurovať obrazovky DataViews a DataForm, na ktorých stojí práca so stránkami, šablónami, časťami šablón a vzormi v Editore webovej stránky.

Prístupnosť sa zlepšuje v administrácii aj blokoch

Funkcie wp_get_tooltip() a wp_get_toggletip() sprístupňujú prístupné tooltipy vo viacerých častiach administrácie WordPressu vrátane meta boxov článkov a prihlasovacej obrazovky. Podpora čítačiek obrazovky sa zlepšuje aj v administračných rozhraniach: tabuľky so zoznamami článkov dostávajú jasnejšie označenia a predvídateľnejšiu navigáciu.

Bloky Tabs a Playlist, spolu so zlepšeniami navigácie a interakcie v editore, rozširujú prístupnosť v celom core WordPressu. WordPress sa tak ľahšie naviguje a používa väčšiemu počtu ľudí.

Nahrávanie médií a načítanie stránok sú odolnejšie

Voliteľná konverzia GIF na video zvyčajne vytvorí menší súbor. Indikátory priebehu nahrávania a automatické opakovanie pokusov pomáhajú nahrávať súbory spoľahlivejšie, keď spojenie vypadne.

Knižnica médií predvolene používa nekonečné posúvanie, pričom každý používateľ si môže prepnúť späť stránkovanie. Predvolené hodnoty špekulatívneho načítania môžeš nastaviť cez premenné prostredia alebo konštanty, takže hosting aj vlastník webovej stránky určia spôsob prefetchovania stránok bez písania pluginu.

Kde nájdeš podrobnosti k vydaniu

Prehľad všetkých noviniek ponúka stránka funkcií WordPressu 7.1. Pri práci s konkrétnou funkciou môžeš využiť bezplatný Learn WordPress, ktorý obsahuje videonávody, interaktívne workshopy a lekcie na podrobnejšie štúdium jednotlivých oblastí WordPressu.

Pred aktualizáciou alebo vývojom si pozri Release Notes pre WordPress 7.1, kde nájdeš informácie o inštalácii, vylepšeniach, opravených chybách, vzdelávacích materiáloch a zmenených súboroch. Pre technické dopady zmien na vlastný kód otvor WordPress 7.1 Field Guide, ktorý zhromažďuje podrobné poznámky pre vývojárov.