Najważniejsze wnioski w pigułce
Responsywność i style
- Style responsywne można ustawiać bezpośrednio w edytorze — dla stylów globalnych i pojedynczych bloków, bez pisania CSS
- Własne punkty załamania (breakpointy) dla mobile i tabletu definiujesz w pliku
theme.json, a responsywność oraz widoczność bloków automatycznie się do nich dostosowują - Stany interaktywne (hover, focus, active) dla bloków Przycisk i Link nawigacyjny ustawisz z poziomu kontrolek stylów
Media i wydajność
- Kompresja, zmiana rozmiaru i generowanie miniatur przeniesione do przeglądarki dzięki kompilacji libvips w WebAssembly
- Koniec z przekraczaniem limitów pamięci PHP i timeoutami na hostingu współdzielonym przy dużych plikach
- Wbudowane wsparcie dla formatów AVIF, HEIC oraz map wzmocnienia HDR
- Nowe okno edytora mediów zastępuje stare narzędzie kadrowania: kadrowanie swobodne i proporcjonalne, odbicie lustrzane, precyzyjny obrót i edycja metadanych w jednym miejscu
Współpraca i interfejs
- Notatki obsługują tekst sformatowany (pogrubienie, kursywa, kod, linki) oraz wzmianki
@z powiadomieniami e-mail - Notatkę można przypiąć do zaznaczonego fragmentu tekstu, a nie tylko do całego bloku; jeden blok może mieć kilka wątków
- Pasek administracyjny jest teraz dostępny we wszystkich edytorach i przeszedł odświeżenie wizualne
Nowe bloki i dostępność
- Blok playlisty audio z opcjonalnym widokiem fali dźwiękowej
- Blok zakładek (tabs) do organizowania treści w panelach
- Autorzy wtyczek i motywów mogą rejestrować własne zestawy ikon
- Nowe API dostępnych podpowiedzi (tooltipów), lepsza przewidywalność dla czytników ekranu i poprawione etykietowanie w panelu administracyjnym
- Nad wydaniem pracowało ponad 800 współtwórców
Responsywność wchodzi do edytora na dobre
Do tej pory dopasowanie wyglądu bloku do różnych rozdzielczości oznaczało w praktyce pisanie własnego CSS-a albo poleganie na tym, co zaoferował autor motywu. WordPress 7.1 zmienia ten układ — style responsywne ustawia się teraz bezpośrednio w edytorze, zarówno na poziomie stylów globalnych, jak i pojedynczych bloków. To pierwszy tak duży krok tego CMS-a w stronę wbudowanego projektowania responsywnego.
Dla zespołów marketingowych oznacza to skrócenie łańcucha zależności. Zmiana odstępów czy rozmiaru typografii na urządzeniach mobilnych przestaje być zgłoszeniem do dewelopera, a staje się kwestią kilku kliknięć osoby odpowiedzialnej za treść. W praktyce przekłada się to na szybsze wdrażanie poprawek po testach użyteczności i krótszy czas reakcji na dane z analityki.
Twórcy motywów zyskują dodatkową kontrolę — własne punkty załamania definiuje się w pliku theme.json, zamiast korzystać z domyślnych wartości WordPressa. Cały system stylów responsywnych oraz reguły widoczności bloków automatycznie podążają za tymi ustawieniami. To ważne wszędzie tam, gdzie layout został zaprojektowany pod konkretne szerokości ekranu wynikające z badań grupy docelowej.
Uzupełnieniem są stany interaktywne dla bloków Przycisk i Link nawigacyjny. Wygląd elementu po najechaniu kursorem, w fokusie i w stanie aktywnym ustawisz z poziomu standardowych kontrolek stylów. Dla konwersji to detal o realnym znaczeniu — wyraźna informacja zwrotna przy interakcji z przyciskiem CTA obniża niepewność użytkownika.
Media po stronie przeglądarki — koniec z limitami PHP
Najbardziej techniczna, a jednocześnie najbardziej odczuwalna zmiana dotyczy obsługi mediów. Kompresja, zmiana rozmiaru i generowanie miniatur przeniosły się z serwera do przeglądarki użytkownika dzięki kompilacji biblioteki libvips w technologii WebAssembly. Duże pliki przestają uderzać w limity pamięci PHP i powodować przekroczenie czasu żądania na hostingu współdzielonym.
Konsekwencje są dwustronne. Serwer odzyskuje moc obliczeniową i pamięć, które wcześniej pochłaniało przetwarzanie grafiki — co przy sklepie internetowym z regularnym wgrywaniem setek zdjęć produktowych ma bezpośrednie przełożenie na stabilność. Odwiedzający dostają natomiast mniejsze pliki, a więc szybsze ładowanie strony i lepsze wyniki w Core Web Vitals.
Do tego dochodzi wbudowane wsparcie dla formatów AVIF, HEIC oraz map wzmocnienia HDR. AVIF pozwala osiągnąć wyraźnie mniejszy rozmiar pliku przy porównywalnej jakości względem JPEG, co jest jednym z najprostszych sposobów na poprawę wskaźnika LCP. HEIC z kolei rozwiązuje odwieczny problem materiałów przesyłanych prosto z iPhone’a.
Zmieniło się też samo kadrowanie. Zamiast dawnego, osadzonego w interfejsie narzędzia otwiera się dedykowane okno edytora mediów, w którym znajdziesz kadrowanie swobodne i według proporcji, odbicie lustrzane, precyzyjny obrót oraz edycję metadanych. Znany przycisk „Przytnij” prowadzi w to samo miejsce co wcześniej, ale trafiasz do pełnoprawnej przestrzeni roboczej, a nie okrojonego widoku.
Notatki, które faktycznie usprawniają współpracę
Funkcja notatek dostała rozszerzenie, które przybliża WordPressa do narzędzi znanych z Google Docs czy Figmy. Komentarze obsługują teraz tekst sformatowany — pogrubienie, kursywę, kod i odnośniki — więc uwaga redakcyjna może zawierać czytelny przykład albo link do wytycznych, zamiast surowego bloku tekstu.
Kluczowa jest jednak obsługa wzmianek. Wpisanie znaku @ przywołuje listę współpracowników, a oznaczona osoba dostaje powiadomienie e-mail. Znika w ten sposób etap „wysłania wiadomości, że jest komentarz do sprawdzenia”, który w rozproszonych zespołach potrafi opóźnić publikację o cały dzień.
Poprawiono również precyzję samego mechanizmu. Notatkę przypniesz do konkretnego zaznaczonego fragmentu tekstu, a nie wyłącznie do całego bloku, a na jednym bloku można prowadzić kilka niezależnych wątków. Długie komentarze da się zwinąć, żeby margines pozostał czytelny — drobiazg, który przy rozbudowanym artykule z kilkunastoma uwagami robi realną różnicę.
Praktycznym uzupełnieniem jest pasek administracyjny obecny we wszystkich edytorach. Przechodząc między pulpitem, edytorem wpisów i edytorem witryny, zachowujesz stały punkt orientacyjny i spójną nawigację. Pasek przeszedł przy okazji delikatne odświeżenie wizualne.
Nowe bloki i systematyczna praca nad dostępnością
Do biblioteki dołączyły dwa bloki odpowiadające na częste potrzeby. Playlista pozwala zebrać kolekcję plików audio we wpisie lub na stronie, z opcjonalnym widokiem fali dźwiękowej pokazującym kształt każdego utworu podczas odtwarzania — rozwiązanie przydatne dla podcastów i serwisów muzycznych. Blok zakładek porządkuje powiązane informacje w panelach zamiast wyświetlać wszystko naraz, co odciąża długie strony ofertowe i sekcje FAQ.
Autorzy wtyczek i motywów mogą rejestrować własne zestawy ikon, dostępne później w całym edytorze obok wbudowanej biblioteki WordPressa. To ułatwia utrzymanie spójności z identyfikacją wizualną marki bez obchodzenia systemu bloków własnymi rozwiązaniami.
Osobny wątek to dostępność, nad którą prace toczą się konsekwentnie zarówno w rdzeniu WordPressa, jak i w Gutenbergu. W tym wydaniu największy wpływ mają nowe API dostępnych podpowiedzi, lepsza przewidywalność zachowania dla czytników ekranu oraz poprawione etykietowanie w wielu miejscach panelu administracyjnego. Edytor otrzymał rozbudowane usprawnienia nawigacji i interakcji.
Warto pamiętać, że dostępność przestała być wyłącznie kwestią dobrej praktyki — dla wielu podmiotów to obowiązek regulacyjny wynikający z europejskich przepisów. Każde wydanie zbliżające WordPressa do standardów WCAG obniża koszt dostosowania witryny po stronie właściciela.
Podsumowanie
WordPress 7.1 to wydanie, które realnie przesuwa granicę między tym, co wymaga dewelopera, a tym, co zrobi samodzielnie zespół treści — od stylów responsywnych, przez stany interaktywne, po pełnoprawny edytor mediów. Przeniesienie obróbki grafiki do przeglądarki wraz ze wsparciem dla AVIF i HEIC to najsilniejszy argument wydajnościowy tej wersji, szczególnie dla sklepów internetowych i serwisów z dużą liczbą zdjęć. Za całością stoi ponad 800 współtwórców, co dobrze pokazuje tempo rozwoju ekosystemu.
Źródło: WordPress.org — WordPress 7.1 Release
