{"id":8275,"date":"2026-08-26T20:08:01","date_gmt":"2026-08-26T20:08:01","guid":{"rendered":"https:\/\/jchost.pl\/blog\/?p=8275"},"modified":"2026-09-14T07:14:48","modified_gmt":"2026-09-14T07:14:48","slug":"wordpress-7-1-co-nowego","status":"publish","type":"post","link":"https:\/\/jchost.pl\/blog\/wordpress-7-1-co-nowego\/","title":{"rendered":"WordPress 7.1 \u2013 co nowego? Najwa\u017cniejsze zmiany i funkcje"},"content":{"rendered":"\n
\n
\n
\n
\n
\n
\n \n
\n

\n \n WordPress 7.1 \u2013 co nowego? Najwa\u017cniejsze zmiany i funkcje <\/span>\n\n \n \n <\/span>\n <\/h1>\n<\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n <\/div>\n
\n \n
\n
\n

WordPress 7.1<\/h2>\n

19 sierpnia 2026 roku ukaza\u0142 si\u0119 WordPress 7.1, czyli drugie du\u017ce wydanie systemu w 2026 roku. Aktualizacja nosi nazw\u0119 \u201eMary Lou\u201d. Nazw\u0119 nadano na cze\u015b\u0107 ameryka\u0144skiej pianistki jazzowej, kompozytorki i aran\u017cerki Mary Lou Williams.<\/p>\n

Tym razem nie mamy do czynienia z jedn\u0105 zmian\u0105, kt\u00f3ra ca\u0142kowicie dominuje nad pozosta\u0142ymi. WordPress 7.1 rozwija kilka obszar\u00f3w jednocze\u015bnie: responsywne projektowanie stron, obs\u0142ug\u0119 multimedi\u00f3w, wsp\u00f3\u0142prac\u0119 redakcyjn\u0105, nawigacj\u0119 po panelu oraz dost\u0119pno\u015b\u0107.<\/p>\n

Z perspektywy w\u0142a\u015bcicieli stron i hostingu szczeg\u00f3lnie ciekawa jest obs\u0142uga obraz\u00f3w. Cz\u0119\u015b\u0107 operacji wykonywanych dotychczas przez serwer trafia teraz bezpo\u015brednio do przegl\u0105darki u\u017cytkownika.<\/p>\n

Skala aktualizacji jest przy tym niema\u0142a. W WordPress 7.1 znalaz\u0142o si\u0119 ponad 310 zg\u0142osze\u0144 z Core Trac. Obejmuje to ponad 100 ulepsze\u0144 i nowych funkcji oraz ponad 180 poprawek b\u0142\u0119d\u00f3w. Do tego dochodzi niemal 600 ulepsze\u0144 i przesz\u0142o 630 napraw zwi\u0105zanych z Gutenbergiem.<\/p>\n

Pe\u0142ne zestawienie najwa\u017cniejszych funkcji mo\u017cna znale\u017a\u0107 na oficjalnej stronie WordPress 7.1<\/a>. Je\u017celi chcesz por\u00f3wna\u0107 obecn\u0105 aktualizacj\u0119 ze zmianami z poprzedniego wydania, zajrzyj r\u00f3wnie\u017c do naszego artyku\u0142u WordPress 7.0 \u2013 co nowego?<\/a>.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Co \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Warto wiedzie\u0107:<\/strong> podczas cyklu 7.1 intensywnie testowano edycj\u0119 w czasie rzeczywistym, czyli Real-time Collaboration. Funkcja nie trafi\u0142a jednak do finalnego wydania. Nadal wymaga dalszych prac nad obs\u0142ug\u0105 konflikt\u00f3w, zgodno\u015bci\u0105 i sposobem integracji z WordPress Core.<\/p>\n<\/div>\n <\/div>\n<\/div>\n\n

\n
\n <\/div>\n <\/div>\n \n
\n
\n

Co nowego w WordPress 7.1<\/h3>\n

W przypadku WordPress 7.1 najwi\u0119ksze zmiany odczuj\u0105 osoby korzystaj\u0105ce z edytora blokowego i Site Editora. Nowe wydanie daje wi\u0119ksz\u0105 kontrol\u0119 nad wygl\u0105dem strony bez pisania CSS. Usprawnia r\u00f3wnie\u017c prac\u0119 z obrazami i rozwija funkcje wsp\u00f3\u0142pracy rozpocz\u0119te w poprzednich wersjach.<\/p>\n

Responsywne style blok\u00f3w bez pisania w\u0142asnego CSS<\/h4>\n

Jedn\u0105 z najwa\u017cniejszych nowo\u015bci WordPress 7.1 s\u0105 responsywne style blok\u00f3w. Do tej pory dostosowanie niekt\u00f3rych parametr\u00f3w osobno dla komputer\u00f3w, tablet\u00f3w i telefon\u00f3w cz\u0119sto wymaga\u0142o w\u0142asnego CSS. Czasem potrzebne by\u0142y tak\u017ce funkcje motywu albo zewn\u0119trzny page builder.<\/p>\n

WordPress posiada\u0142 ju\u017c mo\u017cliwo\u015b\u0107 sterowania widoczno\u015bci\u0105 blok\u00f3w na r\u00f3\u017cnych ekranach. Nie dawa\u0142o to jednak pe\u0142nej kontroli nad ich wygl\u0105dem.<\/p>\n

WordPress 7.1 idzie o krok dalej. W edytorze mo\u017cna okre\u015bli\u0107 r\u00f3\u017cne warto\u015bci styl\u00f3w dla widoku bazowego, tabletu oraz telefonu.<\/p>\n

Rozwi\u0105zanie dzia\u0142a r\u00f3wnie\u017c na poziomie Global Styles. Mo\u017cna wi\u0119c ustawi\u0107 wsp\u00f3lne warto\u015bci dla danego rodzaju bloku w ca\u0142ej witrynie. Te same opcje s\u0105 dost\u0119pne dla pojedynczego elementu na konkretnej stronie lub we wpisie.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Responsywne \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Zmiana obejmuje standardowe w\u0142a\u015bciwo\u015bci obs\u0142ugiwane przez bloki. Dotyczy to mi\u0119dzy innymi typografii, kolor\u00f3w, t\u0142a, obramowania, odst\u0119p\u00f3w, wymiar\u00f3w i ustawie\u0144 uk\u0142adu.<\/p>\n

Mo\u017cna wi\u0119c ustawi\u0107 wi\u0119kszy nag\u0142\u00f3wek na komputerze i zmniejszy\u0107 go na smartfonie. Da si\u0119 r\u00f3wnie\u017c ograniczy\u0107 padding sekcji na ma\u0142ym ekranie albo zmieni\u0107 spos\u00f3b prezentacji elementu bez dopisywania kolejnych regu\u0142 CSS.<\/p>\n

Jak dzia\u0142aj\u0105 breakpointy w WordPress 7.1?<\/h5>\n

Domy\u015blnie WordPress wykorzystuje dwa breakpointy. Widok Mobile obejmuje szeroko\u015bci do 480 px. Tablet dzia\u0142a powy\u017cej 480 px i do 782 px.<\/p>\n

Osobnego stanu Desktop nie ma. Jego rol\u0119 pe\u0142ni bazowy styl bloku. Mniejsze widoki dziedzicz\u0105 jego ustawienia, dop\u00f3ki u\u017cytkownik nie nadpisze konkretnej w\u0142a\u015bciwo\u015bci.<\/p>\n

Tw\u00f3rca motywu mo\u017ce zmieni\u0107 te warto\u015bci w pliku theme.json<\/code>. S\u0142u\u017cy do tego nowe ustawienie settings.viewport<\/code>. Breakpointy mo\u017cna definiowa\u0107 w jednostkach px<\/code>, em<\/code> lub rem<\/code>.<\/p>\n

Te same warto\u015bci wykorzystuj\u0105 responsywne style, ustawienia widoczno\u015bci blok\u00f3w oraz podgl\u0105d urz\u0105dze\u0144 w edytorze.<\/p>\n

Dla projektant\u00f3w motyw\u00f3w oznacza to mo\u017cliwo\u015b\u0107 przygotowania sp\u00f3jnego systemu responsywnego. Nie trzeba rozrzuca\u0107 warto\u015bci breakpoint\u00f3w pomi\u0119dzy r\u00f3\u017cnymi arkuszami CSS.<\/p>\n

Dla zwyk\u0142ego u\u017cytkownika korzy\u015b\u0107 jest jeszcze prostsza. Coraz wi\u0119cej zmian wygl\u0105du strony mo\u017cna wykona\u0107 bez opuszczania edytora.<\/p>\n

Przetwarzanie obraz\u00f3w przenosi si\u0119 z serwera do przegl\u0105darki<\/h4>\n

Jedna z najciekawszych technicznie zmian WordPress 7.1 dotyczy sposobu przetwarzania przesy\u0142anych obraz\u00f3w. Dotychczas po wys\u0142aniu zdj\u0119cia wi\u0119kszo\u015b\u0107 pracy wykonywa\u0142 serwer.<\/p>\n

PHP przy pomocy bibliotek GD lub Imagick tworzy\u0142 miniatury i skalowa\u0142 du\u017ce pliki. Obraca\u0142 tak\u017ce fotografie na podstawie danych EXIF oraz wykonywa\u0142 ewentualne konwersje format\u00f3w.<\/p>\n

Przy niewielkich grafikach mechanizm ten dzia\u0142a bez wi\u0119kszych problem\u00f3w. Sytuacja komplikuje si\u0119 przy zdj\u0119ciach o wysokiej rozdzielczo\u015bci albo witrynach korzystaj\u0105cych z wielu dodatkowych rozmiar\u00f3w obraz\u00f3w.<\/p>\n

Ka\u017cda taka operacja zajmuje CPU i pami\u0119\u0107 serwera. Szczeg\u00f3lnie du\u017ce pliki mog\u0105 doprowadzi\u0107 do przekroczenia limitu memory_limit<\/code> PHP albo timeoutu podczas generowania kolejnych wersji zdj\u0119cia.<\/p>\n

WordPress 7.1 przenosi kompresj\u0119, skalowanie, obracanie, konwersj\u0119 format\u00f3w i generowanie miniatur do przegl\u0105darki u\u017cytkownika. Mechanizm wykorzystuje WebAssembly oraz przegl\u0105darkow\u0105 wersj\u0119 biblioteki libvips.<\/p>\n

Po wykonaniu oblicze\u0144 przegl\u0105darka wysy\u0142a na serwer gotowy obraz i jego dodatkowe rozmiary. Serwer nadal sprawdza pliki, zapisuje je oraz obs\u0142uguje metadane.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Przetwarzanie \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n
Co oznacza to dla hostingu?<\/h5>\n

Z perspektywy hostingu jest to wa\u017cna zmiana. Najbardziej zasobo\u017cerna cz\u0119\u015b\u0107 procesu mo\u017ce zosta\u0107 wykonana na komputerze u\u017cytkownika zamiast w procesie PHP dzia\u0142aj\u0105cym na serwerze.<\/p>\n

W praktyce oznacza to mniejsze wykorzystanie CPU i pami\u0119ci podczas dodawania grafik. Spada r\u00f3wnie\u017c ryzyko przekroczenia memory_limit<\/code> oraz wyst\u0105pienia timeoutu przy przetwarzaniu bardzo du\u017cych zdj\u0119\u0107.<\/p>\n

Korzy\u015b\u0107 mo\u017ce by\u0107 szczeg\u00f3lnie widoczna na hostingu wsp\u00f3\u0142dzielonym. W takim \u015brodowisku wiele stron korzysta ze wsp\u00f3lnej infrastruktury. Pojedynczy proces PHP ma te\u017c okre\u015blone limity pami\u0119ci i czasu wykonania.<\/p>\n

Zmiana ma znaczenie r\u00f3wnie\u017c dla sklep\u00f3w internetowych i wi\u0119kszych portali. Takie witryny cz\u0119sto generuj\u0105 kilka lub kilkana\u015bcie dodatkowych rozmiar\u00f3w ka\u017cdego przes\u0142anego zdj\u0119cia.<\/p>\n

Mniejsze pliki, ale niekoniecznie mniejszy upload<\/h5>\n

Oficjalne materia\u0142y WordPress wskazuj\u0105 r\u00f3wnie\u017c na lepsz\u0105 kompresj\u0119 generowanych plik\u00f3w. W przypadku JPEG nowy mechanizm mo\u017ce tworzy\u0107 obrazy o oko\u0142o 15% mniejsze ni\u017c przy typowym przetwarzaniu przez GD lub Imagick.<\/p>\n

Mniejsze wersje zdj\u0119\u0107 oznaczaj\u0105 mniej danych pobieranych przez odwiedzaj\u0105cych. Nie oznacza to jednak, \u017ce sam upload zawsze wykorzysta mniej transferu.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n

Warto wiedzie\u0107:<\/strong> w trybie client-side przegl\u0105darka wysy\u0142a r\u00f3wnie\u017c wygenerowane przez siebie rozmiary obrazu. \u0141\u0105czny transfer do serwera mo\u017ce wi\u0119c by\u0107 wi\u0119kszy ni\u017c wcze\u015bniej.<\/p>\n<\/div>\n <\/div>\n<\/div>\n\n

\n
\n <\/div>\n <\/div>\n \n
\n
\n

G\u0142\u00f3wna korzy\u015b\u0107 dla hostingu polega na odci\u0105\u017ceniu CPU i pami\u0119ci. Oszcz\u0119dno\u015b\u0107 transferu pojawia si\u0119 przede wszystkim p\u00f3\u017aniej, gdy obrazy pobieraj\u0105 u\u017cytkownicy strony.<\/p>\n

Co je\u015bli przegl\u0105darka nie obs\u0142uguje nowego mechanizmu?<\/h5>\n

WordPress sprawdza mo\u017cliwo\u015bci przegl\u0105darki i urz\u0105dzenia. Je\u017celi \u015brodowisko nie obs\u0142uguje wymaganych funkcji, system automatycznie wraca do tradycyjnego przetwarzania po stronie serwera.<\/p>\n

W momencie premiery pe\u0142na \u015bcie\u017cka WebAssembly dzia\u0142a przede wszystkim w obs\u0142ugiwanych przegl\u0105darkach opartych na Chromium. Dzi\u0119ki mechanizmowi fallback w\u0142a\u015bciciel witryny nie musi przygotowywa\u0107 osobnej konfiguracji dla pozosta\u0142ych u\u017cytkownik\u00f3w.<\/p>\n

Prace nad client-side media processing trwa\u0142y ju\u017c podczas cyklu WordPress 7.0. Funkcj\u0119 przetestowano, ale wycofano przed finalnym wydaniem.<\/p>\n

WordPress 7.1 rozwija te podstawy i po raz pierwszy wprowadza rozwi\u0105zanie do WordPress Core. Mechanizm dzia\u0142a domy\u015blnie tam, gdzie pozwala na to \u015brodowisko u\u017cytkownika.<\/p>\n

AVIF, HEIC i HDR gain maps<\/h4>\n

Przeniesienie cz\u0119\u015bci operacji multimedialnych do przegl\u0105darki pozwoli\u0142o WordPressowi rozszerzy\u0107 obs\u0142ug\u0119 wsp\u00f3\u0142czesnych format\u00f3w obraz\u00f3w. Jedn\u0105 z praktycznych zmian jest lepsza praca z plikami HEIC i HEIF.<\/p>\n

Z tymi formatami mo\u017cna spotka\u0107 si\u0119 szczeg\u00f3lnie w przypadku zdj\u0119\u0107 wykonywanych iPhone’em.<\/p>\n

W obs\u0142ugiwanym \u015brodowisku taki plik mo\u017ce zosta\u0107 odczytany po stronie u\u017cytkownika. Nast\u0119pnie WordPress przesy\u0142a do biblioteki gotowy do wykorzystania JPEG.<\/p>\n

WordPress zachowuje jednocze\u015bnie oryginalny plik HEIC jako plik \u017ar\u00f3d\u0142owy. Ogranicza to zale\u017cno\u015b\u0107 od bibliotek do dekodowania HEIC zainstalowanych na serwerze.<\/p>\n

Podobn\u0105 korzy\u015b\u0107 otrzymuje AVIF. W ramach client-side processing WordPress mo\u017ce dekodowa\u0107 ten format w przegl\u0105darce bez wymagania odpowiedniego wsparcia po stronie serwera.<\/p>\n

W przypadku materia\u0142\u00f3w 10- i 12-bitowych zachowywana jest tak\u017ce zwi\u0119kszona g\u0142\u0119bia bitowa. Ma to znaczenie mi\u0119dzy innymi przy zdj\u0119ciach HDR.<\/p>\n

HDR gain maps w WordPress 7.1<\/h5>\n

WordPress 7.1 obs\u0142uguje ponadto HDR gain maps. W uproszczeniu gain map to dodatkowa informacja zapisana w obrazie.<\/p>\n

Kompatybilny ekran HDR mo\u017ce dzi\u0119ki niej pokaza\u0107 wi\u0119ksz\u0105 rozpi\u0119to\u015b\u0107 tonaln\u0105. Pozosta\u0142e urz\u0105dzenia nadal otrzymuj\u0105 prawid\u0142owy obraz SDR.<\/p>\n

WordPress wykrywa takie pliki i zachowuje map\u0119 r\u00f3wnie\u017c w wygenerowanych mniejszych wersjach zdj\u0119cia.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Obs\u0142uga \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

W przypadku plik\u00f3w zawieraj\u0105cych gain map WordPress celowo pomija automatyczn\u0105 zmian\u0119 kodeka, je\u017celi prowadzi\u0142aby ona do utraty danych HDR.<\/p>\n

Wi\u0119kszo\u015b\u0107 w\u0142a\u015bcicieli stron nie zauwa\u017cy tej zmiany bezpo\u015brednio w panelu. Przygotowuje ona jednak bibliotek\u0119 medi\u00f3w na formaty coraz cz\u0119\u015bciej stosowane przez nowoczesne telefony i aparaty.<\/p>\n

Nowy edytor obraz\u00f3w i wygodniejsze kadrowanie<\/h4>\n

Zmieni\u0142 si\u0119 nie tylko spos\u00f3b przetwarzania obraz\u00f3w, ale r\u00f3wnie\u017c ich r\u0119czna edycja. Dotychczasowe narz\u0119dzie kadrowania dzia\u0142aj\u0105ce wewn\u0105trz edytora zast\u0105pi\u0142o osobne okno edytora medi\u00f3w.<\/p>\n

Znany przycisk kadrowania nadal pozostaje na swoim miejscu. Teraz otwiera jednak kompletne \u015brodowisko do edycji obrazu.<\/p>\n

Mo\u017cna przycina\u0107 grafik\u0119 swobodnie albo wed\u0142ug wybranych proporcji. Dost\u0119pne jest r\u00f3wnie\u017c dok\u0142adniejsze obracanie, odbijanie poziome i pionowe oraz edycja powi\u0105zanych metadanych.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Nowe \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

W praktyce jest to przede wszystkim uporz\u0105dkowanie pracy. Zamiast kilku rozproszonych narz\u0119dzi u\u017cytkownik otrzymuje jedno miejsce do wykonania podstawowych poprawek przed publikacj\u0105 zdj\u0119cia.<\/p>\n

Dla redaktor\u00f3w regularnie przygotowuj\u0105cych grafiki do wpis\u00f3w mo\u017ce to ograniczy\u0107 konieczno\u015b\u0107 uruchamiania zewn\u0119trznego programu graficznego przy prostych poprawkach.<\/p>\n

Notes z formatowaniem tekstu, @mentions i komentarzami do konkretnego fragmentu<\/h4>\n

WordPress 7.1 mocno rozwija r\u00f3wnie\u017c Notes. To system komentarzy s\u0142u\u017c\u0105cy do omawiania tre\u015bci bezpo\u015brednio wewn\u0105trz edytora.<\/p>\n

Funkcja przyda si\u0119 szczeg\u00f3lnie w firmach, agencjach i redakcjach. Nad jednym materia\u0142em cz\u0119sto pracuje tam autor, korektor, grafik oraz osoba zatwierdzaj\u0105ca publikacj\u0119.<\/p>\n

W nowej wersji notatki obs\u0142uguj\u0105 rich text. W tre\u015bci komentarza mo\u017cna stosowa\u0107 mi\u0119dzy innymi pogrubienie, kursyw\u0119, kod oraz linki.<\/p>\n

Wa\u017cniejszym dodatkiem s\u0105 wzmianki @mentions<\/code>. Po wpisaniu znaku @<\/code> WordPress wy\u015bwietla list\u0119 wsp\u00f3\u0142pracownik\u00f3w. Mo\u017cna dzi\u0119ki temu wskaza\u0107 konkretn\u0105 osob\u0119, kt\u00f3ra otrzyma powiadomienie.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Notes \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n
Komentarz przypisany do konkretnego fragmentu tekstu<\/h5>\n

Zmieni\u0142o si\u0119 tak\u017ce miejsce przypisywania komentarza. Notatka nie musi ju\u017c odnosi\u0107 si\u0119 wy\u0142\u0105cznie do ca\u0142ego bloku.<\/p>\n

Mo\u017cna zaznaczy\u0107 konkretny fragment tekstu i pozostawi\u0107 uwag\u0119 w\u0142a\u015bnie przy nim. Pozwala to jednoznacznie wskaza\u0107 s\u0142owo lub zdanie wymagaj\u0105ce korekty.<\/p>\n

Na tym samym bloku mo\u017cna utworzy\u0107 kilka osobnych rozm\u00f3w. D\u0142u\u017csze w\u0105tki da si\u0119 zwin\u0105\u0107, dzi\u0119ki czemu nie zajmuj\u0105 ca\u0142ej bocznej cz\u0119\u015bci edytora.<\/p>\n

Notes coraz bardziej przypomina wi\u0119c narz\u0119dzie do rzeczywistego procesu redakcyjnego. Nie jest ju\u017c tylko prost\u0105 funkcj\u0105 zostawiania komentarza.<\/p>\n

Nie nale\u017cy przy tym myli\u0107 Notes z Real-time Collaboration. WordPress 7.1 poprawia komunikacj\u0119 asynchroniczn\u0105 pomi\u0119dzy u\u017cytkownikami. Jednoczesna edycja tego samego dokumentu przez kilka os\u00f3b nadal nie jest jednak cz\u0119\u015bci\u0105 finalnego wydania.<\/p>\n

Pasek administratora dost\u0119pny r\u00f3wnie\u017c w edytorach<\/h4>\n

Kolejna zmiana jest prostsza, ale zauwa\u017c\u0105 j\u0105 niemal wszyscy regularnie pracuj\u0105cy w kokpicie. Pasek administratora WordPress pozostaje teraz dost\u0119pny r\u00f3wnie\u017c na obs\u0142ugiwanych ekranach edytora.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Pasek \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Do tej pory przej\u015bcie pomi\u0119dzy klasycznym panelem administracyjnym, edytorem wpisu i Site Editorem mog\u0142o przypomina\u0107 korzystanie z kilku oddzielnych aplikacji.<\/p>\n

WordPress 7.1 ogranicza ten podzia\u0142. Zachowuje znajomy pasek administratora wraz z podstawowymi elementami nawigacji.<\/p>\n

Sam pasek otrzyma\u0142 r\u00f3wnie\u017c niewielkie zmiany wizualne. Nie jest to przebudowa na skal\u0119 zmian panelu w WordPress 7.0. To raczej kolejny element szerszego projektu ujednolicania interfejsu administracyjnego.<\/p>\n

Autorzy wtyczek dodaj\u0105cych w\u0142asne elementy do paska powinni sprawdzi\u0107 ich dzia\u0142anie w edytorach. Warto r\u00f3wnie\u017c przetestowa\u0107 je podczas nawigacji wykonywanej po stronie klienta.<\/p>\n

Hover, focus, focus-visible i active bez w\u0142asnego CSS<\/h4>\n

WordPress 7.1 rozwija tak\u017ce mo\u017cliwo\u015bci definiowania stan\u00f3w interaktywnych element\u00f3w. U\u017cytkownik mo\u017ce okre\u015bli\u0107 wygl\u0105d bloku Button oraz Navigation Link w stanach hover<\/code>, focus<\/code>, focus-visible<\/code> i active<\/code>.<\/p>\n

Mo\u017cna wi\u0119c ustawi\u0107 inny kolor przycisku po najechaniu kursorem. Da si\u0119 r\u00f3wnie\u017c przygotowa\u0107 wyra\u017ane obramowanie podczas obs\u0142ugi klawiatur\u0105 albo odmienny wygl\u0105d aktywnego elementu.<\/p>\n

Nie wymaga to r\u0119cznego pisania selektor\u00f3w CSS.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Stany \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Na poziomie technicznym style mo\u017ce r\u00f3wnie\u017c definiowa\u0107 autor motywu w theme.json<\/code>. U\u0142atwia to budowanie sp\u00f3jnego systemu wizualnego.<\/p>\n

Interaktywne zachowanie przycisk\u00f3w i odno\u015bnik\u00f3w mo\u017cna ustali\u0107 globalnie. W razie potrzeby da si\u0119 je nast\u0119pnie zmieni\u0107 dla konkretnego elementu.<\/p>\n

Warto podkre\u015bli\u0107, \u017ce dost\u0119pne bezpo\u015brednio dla u\u017cytkownika narz\u0119dzia dotycz\u0105 w WordPress 7.1 blok\u00f3w Button i Navigation Link. Nie jest to jeszcze uniwersalny edytor wszystkich pseudoklas dla ka\u017cdego bloku.<\/p>\n

Nowe bloki Playlist i Tabs<\/h4>\n

Biblioteka blok\u00f3w zosta\u0142a poszerzona o dwa elementy. Wcze\u015bniej bardzo cz\u0119sto wymaga\u0142y one instalacji dodatkowej wtyczki albo u\u017cycia rozwi\u0105zania dostarczanego przez motyw lub page builder.<\/p>\n

Blok Playlist<\/h5>\n

Pierwszym jest Playlist<\/strong>. Blok pozwala umie\u015bci\u0107 na stronie kolekcj\u0119 plik\u00f3w audio.<\/p>\n

U\u017cytkownik mo\u017ce przechodzi\u0107 pomi\u0119dzy kolejnymi nagraniami bez osadzania ka\u017cdego z nich jako osobnego odtwarzacza. Dost\u0119pny jest r\u00f3wnie\u017c opcjonalny widok waveform prezentuj\u0105cy graficzny przebieg d\u017awi\u0119ku.<\/p>\n

Rozwi\u0105zanie sprawdzi si\u0119 nie tylko w serwisach muzycznych. Mo\u017cna wykorzysta\u0107 je r\u00f3wnie\u017c do podcast\u00f3w, wyk\u0142ad\u00f3w, kurs\u00f3w, materia\u0142\u00f3w konferencyjnych czy kilku wersji j\u0119zykowych nagrania.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Blok \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n
Blok Tabs<\/h5>\n

Drug\u0105 nowo\u015bci\u0105 jest Tabs<\/strong>, czyli natywny blok zak\u0142adek. Pozwala podzieli\u0107 powi\u0105zane informacje pomi\u0119dzy kilka paneli i wy\u015bwietla\u0107 tylko jeden z nich w danym momencie.<\/p>\n

Dzi\u0119ki temu d\u0142ugi zestaw tre\u015bci nie musi zajmowa\u0107 ca\u0142ej strony.<\/p>\n

Zak\u0142adki mog\u0105 sprawdzi\u0107 si\u0119 mi\u0119dzy innymi przy specyfikacjach produkt\u00f3w, opisach us\u0142ug, instrukcjach i materia\u0142ach podzielonych na logiczne kategorie.<\/p>\n

Funkcja trafia do standardowej biblioteki blok\u00f3w. Jej podstawowe wykorzystanie nie wymaga wi\u0119c instalowania osobnego rozszerzenia tylko po to, aby uzyska\u0107 taki uk\u0142ad.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"Blok \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Pozosta\u0142e zmiany w WordPress 7.1<\/h3>\n

Najbardziej widoczne nowo\u015bci nie wyczerpuj\u0105 listy zmian. WordPress 7.1 zawiera r\u00f3wnie\u017c szereg ulepsze\u0144 dla tw\u00f3rc\u00f3w motyw\u00f3w i wtyczek, administrator\u00f3w oraz os\u00f3b utrzymuj\u0105cych bardziej rozbudowane strony.<\/p>\n

W\u0142asne zestawy ikon i publiczne SVG Icon API<\/h4>\n

WordPress 7.1 rozwija rozwi\u0105zania zwi\u0105zane z ikonami i udost\u0119pnia publiczne SVG Icon API.<\/p>\n

Sama idea wykorzystywania natywnych ikon nie zaczyna si\u0119 w tej wersji. Podstawy tego kierunku pojawi\u0142y si\u0119 ju\u017c wcze\u015bniej.<\/p>\n

Od 7.1 autorzy rozszerze\u0144 mog\u0105 jednak korzysta\u0107 ze standaryzowanego sposobu rejestrowania w\u0142asnych ikon i ca\u0142ych kolekcji.<\/p>\n <\/div>\n<\/div>\n\n

\n
\n \"W\u0142asne \n <\/div>\n \n \n <\/div>\n
\n
\n <\/div>\n <\/div>\n \n
\n
\n

Do dyspozycji deweloper\u00f3w s\u0105 mi\u0119dzy innymi funkcje wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> oraz wp_get_icon()<\/code>.<\/p>\n

Edytor mo\u017ce nast\u0119pnie korzysta\u0107 z zarejestrowanych zestaw\u00f3w obok standardowej biblioteki WordPress.<\/p>\n

Ma to znaczenie przede wszystkim dla autor\u00f3w motyw\u00f3w, system\u00f3w blokowych i wi\u0119kszych wtyczek. Nie musz\u0105 ju\u017c tworzy\u0107 ca\u0142kowicie niezale\u017cnego mechanizmu wyboru ikon.<\/p>\n

Zamiast tego mog\u0105 integrowa\u0107 swoje zasoby z rozwi\u0105zaniem dostarczanym przez WordPress Core.<\/p>\n

Edytor wpis\u00f3w zawsze pracuje w iframe<\/h4>\n

WordPress 7.1 ko\u0144czy proces przenoszenia edytora wpis\u00f3w do iframe. Od tej wersji obszar edytowanej tre\u015bci dzia\u0142a w odseparowanym dokumencie dla wszystkich motyw\u00f3w.<\/p>\n

Podobny mechanizm dzia\u0142a ju\u017c w Site Editorze.<\/p>\n

Dla zwyk\u0142ego autora zmiana powinna by\u0107 niemal niewidoczna. Technicznie zapewnia jednak bardziej przewidywalne \u015brodowisko.<\/p>\n

Style panelu administratora nie przenikaj\u0105 przypadkowo do edytowanej zawarto\u015bci. Jednostki zale\u017cne od szeroko\u015bci viewportu oraz media queries odnosz\u0105 si\u0119 tak\u017ce do samego obszaru edycji.<\/p>\n

Dzi\u0119ki temu responsywne uk\u0142ady mog\u0105 zachowywa\u0107 si\u0119 bardziej podobnie do front-endu.<\/p>\n

Na t\u0119 zmian\u0119 powinni zwr\u00f3ci\u0107 uwag\u0119 autorzy starszych wtyczek rozszerzaj\u0105cych edytor. Kod JavaScript lub CSS zak\u0142adaj\u0105cy bezpo\u015bredni dost\u0119p pomi\u0119dzy dokumentami mo\u017ce wymaga\u0107 test\u00f3w i dostosowania.<\/p>\n

Dost\u0119pno\u015b\u0107 i czytelniejsza obs\u0142uga WordPressa<\/h4>\n

WordPress 7.1 zawiera r\u00f3wnie\u017c du\u017cy zestaw zmian zwi\u0105zanych z dost\u0119pno\u015bci\u0105.<\/p>\n

Poprawiono mi\u0119dzy innymi obs\u0142ug\u0119 czytnik\u00f3w ekranu, struktur\u0119 niekt\u00f3rych tabel administracyjnych i etykiety element\u00f3w interfejsu. Zmiany dotycz\u0105 tak\u017ce zachowania fokusu oraz nawigacji wewn\u0105trz edytora.<\/p>\n

Nowo\u015bci\u0105 techniczn\u0105 jest wsp\u00f3lny mechanizm dost\u0119pnych tooltip\u00f3w. Funkcje wp_get_tooltip()<\/code> i wp_get_toggletip()<\/code> pozwalaj\u0105 tw\u00f3rcom interfejsu prezentowa\u0107 dodatkowe informacje w bardziej dost\u0119pny spos\u00f3b.<\/p>\n

Nie trzeba wi\u0119c opiera\u0107 si\u0119 wy\u0142\u0105cznie na atrybucie title<\/code> ani elementach reaguj\u0105cych tylko na wska\u017anik myszy.<\/p>\n

Poprawki dotycz\u0105 r\u00f3wnie\u017c nowych blok\u00f3w Tabs i Playlist.<\/p>\n

Ma to znaczenie, poniewa\u017c zak\u0142adki, odtwarzacze i inne interaktywne komponenty \u0142atwo mog\u0105 utrudnia\u0107 nawigacj\u0119. Dotyczy to szczeg\u00f3lnie os\u00f3b korzystaj\u0105cych z klawiatury lub czytnika ekranu.<\/p>\n

Media Library, odporniejszy upload i GIF zamieniany na wideo<\/h4>\n

Zmiany w obs\u0142udze multimedi\u00f3w nie ko\u0144cz\u0105 si\u0119 na obrazach. Biblioteka medi\u00f3w w widoku siatki domy\u015blnie korzysta teraz z niesko\u0144czonego przewijania.<\/p>\n

U\u017cytkownik, kt\u00f3ry preferuje tradycyjny podzia\u0142 na strony, mo\u017ce przywr\u00f3ci\u0107 paginacj\u0119 we w\u0142asnych ustawieniach.<\/p>\n

Odporniejsze przesy\u0142anie plik\u00f3w<\/h5>\n

Usprawniono r\u00f3wnie\u017c sam proces przesy\u0142ania plik\u00f3w. WordPress pokazuje post\u0119p operacji i mo\u017ce automatycznie ponowi\u0107 nieudane \u017c\u0105dania przy przej\u015bciowych problemach z sieci\u0105.<\/p>\n

W przypadku client-side media processing poszczeg\u00f3lne rozmiary obrazu s\u0105 przesy\u0142ane osobno. Chwilowy problem z po\u0142\u0105czeniem nie musi wi\u0119c oznacza\u0107 rozpoczynania ca\u0142ego procesu od pocz\u0105tku.<\/p>\n

Animowany GIF jako wideo<\/h5>\n

WordPress 7.1 oferuje ponadto opcjonaln\u0105 konwersj\u0119 animowanych GIF-\u00f3w do materia\u0142\u00f3w wideo.<\/p>\n

W typowych przypadkach MP4 lub WebM mo\u017ce by\u0107 znacznie mniejszy od animowanego GIF-a przy zachowaniu podobnego efektu dla u\u017cytkownika.<\/p>\n

Funkcja nie zast\u0119puje jednak bezwarunkowo wszystkich GIF-\u00f3w. Materia\u0142y wymagaj\u0105ce zachowania przezroczysto\u015bci mog\u0105 pozosta\u0107 w oryginalnej formie.<\/p>\n

Wi\u0119ksza kontrola nad Speculative Loading<\/h4>\n

WordPress rozwija tak\u017ce mechanizm speculative loading. Jego zadaniem jest wcze\u015bniejsze pobieranie zasob\u00f3w zwi\u0105zanych ze stron\u0105, do kt\u00f3rej u\u017cytkownik prawdopodobnie za chwil\u0119 przejdzie.<\/p>\n

Odpowiednio zastosowany mechanizm mo\u017ce skr\u00f3ci\u0107 odczuwalny czas przechodzenia pomi\u0119dzy podstronami.<\/p>\n

W WordPress 7.1 domy\u015blne parametry tego rozwi\u0105zania mo\u017cna konfigurowa\u0107 za pomoc\u0105 zmiennych \u015brodowiskowych lub sta\u0142ych.<\/p>\n

To zmiana interesuj\u0105ca przede wszystkim administrator\u00f3w i firmy hostingowe. Pozwala dostosowa\u0107 dzia\u0142anie mechanizmu na poziomie \u015brodowiska bez przygotowywania osobnej wtyczki wy\u0142\u0105cznie do zmiany konfiguracji.<\/p>\n

Pozosta\u0142e zmiany i poprawki<\/h4>\n

Poza przedstawionymi wcze\u015bniej funkcjami WordPress 7.1 zawiera r\u00f3wnie\u017c wiele mniejszych aktualizacji. Cz\u0119\u015b\u0107 z nich b\u0119dzie szczeg\u00f3lnie istotna dla tw\u00f3rc\u00f3w motyw\u00f3w i rozszerze\u0144.<\/p>\n

Zmiany w edytorze i systemie styl\u00f3w<\/h5>\n