WordPress 7.1 „Mary Lou” – responsywne style, notatki i szybsze media

WordPress 7.1, noszący nazwę kodową „Mary Lou”, rozszerza edytor o responsywne style, nowe bloki oraz wygodniejsze narzędzia do pracy z obrazami i wspólną redakcją treści. Aktualizacja obejmuje też API dla deweloperów, poprawki dostępności i mechanizmy, które mają odciążyć serwer przy obsłudze mediów.

Wydanie upamiętnia Mary Lou Williams – pianistkę jazzową, aranżerkę i kompozytorkę. Zaczęła występować publicznie jako sześciolatka, a jej twórczość objęła niemal wszystkie ważne epoki jazzu: swing, bebop i jazz sakralny. W latach 40. jej mieszkanie w Harlemie stało się wieczornym miejscem wymiany pomysłów dla Theloniousa Monka, Dizzy’ego Gillespiego i Buda Powella, którzy współtworzyli tam brzmienie bebopu. Jej muzykę znajdziesz na kanale Mary Lou Williams w YouTube.

Responsywne style bez własnego CSS

Edytor witryny pozwala teraz określać wygląd bloku dla różnych rozmiarów ekranu bez dopisywania własnego CSS. Ustawienia dostępne są zarówno w Global Styles, jak i w panelu pojedynczego bloku, obok dotychczasowych opcji pokazywania i ukrywania bloków.

Podczas pracy możesz też podglądać zmiany dla różnych rozmiarów viewportu. Dzięki temu łatwiej zbudujesz układ, który dopasowuje się do sposobu przeglądania witryny na różnych urządzeniach.

Spójniejsza nawigacja i nowy edytor mediów

Pasek administracyjny w każdym edytorze

Pasek administracyjny WordPressa pozostaje widoczny podczas przechodzenia między wszystkimi edytorami. Zachowasz więc orientację w interfejsie i dostęp do znanych narzędzi zarówno na kokpicie, jak i w edytorze treści czy wyglądu witryny. Zaktualizowano także drobne elementy wizualne paska.

Kadrowanie w jednym oknie

Poprzednie narzędzie do kadrowania osadzone w widoku zastępuje osobne okno edytora mediów. Nadal otworzysz je znanym przyciskiem Crop, ale w jednym miejscu wykonasz dowolne kadrowanie, kadrowanie do proporcji, odbicie poziome i pionowe, precyzyjny obrót, obrót ze skokowym przyciąganiem oraz edycję metadanych.

Notatki bliżej tekstu i współpracowników

Notatki obsługują formatowanie rich text oraz wzmianki. W treści notatki użyjesz pogrubienia, kursywy i kodu, dodasz link, a po wpisaniu @ oznaczysz współpracownika i wyślesz mu powiadomienie.

Komentarz możesz przypiąć do konkretnego fragmentu tekstu, a nie wyłącznie do całego bloku. Na jednym bloku da się prowadzić kilka rozmów, a dłuższe notatki można zwinąć, aby nie zajmowały całego marginesu podczas redakcji.

Media: przetwarzanie w przeglądarce i nowe formaty

Kompresowanie obrazów, zmiana ich rozmiaru i generowanie miniatur odbywają się teraz w przeglądarce. WordPress korzysta tu z kompilacji WebAssembly biblioteki libvips, co zmniejsza obciążenie serwera, tworzy mniejsze pliki i pomaga uniknąć limitów pamięci PHP oraz timeoutów podczas przesyłania dużych obrazów.

WordPress 7.1 natywnie obsługuje również AVIF, HEIC i mapy wzmocnienia HDR (HDR gain maps). Są to formaty obrazów, które tworzą współczesne aparaty i telefony.

Nowe bloki i kontrola wyglądu

Playlist

Nowy blok Playlist pozwala zebrać wiele ścieżek audio na jednej playliście. Opcjonalnie może wyświetlać waveform, czyli wizualny przebieg dźwięku dla utworu, który jest właśnie odtwarzany.

Własne breakpointy w motywie

Motywy blokowe mogą definiować własne breakpointy dla telefonów i tabletów w pliku theme.json. Zastąpią one domyślne wartości używane przez responsywne style oraz widoczność bloków.

Tabs

Blok Tabs porządkuje powiązane treści w panelach z zakładkami. Zamiast wyświetlać wszystko naraz, możesz pokazać tylko aktywną część informacji i ograniczyć wizualny natłok na stronie.

Własne ikony i stany przycisków

Deweloperzy mogą rozszerzyć bibliotekę ikon WordPressa o własne kolekcje. Tak zarejestrowane ikony będą dostępne w całym edytorze obok wbudowanego zestawu.

Dla bloków Button ustawisz w kontrolkach stylów odmienne reguły dla stanów hover, focus i active. Style mogą dotyczyć pojedynczego przycisku albo wszystkich przycisków.

Edytor wpisów działa w iframe

Edytor wpisów jest teraz w pełni osadzony w iframe dla wszystkich motywów, podobnie jak Site Editor. Obszar edycji działa niezależnie od interfejsu administracyjnego WordPressa, więc style panelu administracyjnego nie ingerują w treść.

Jednostki zależne od viewportu i media queries kierują się bezpośrednio do canvasu edytora. Zmiana jest przeważnie niewidoczna, ale responsywne układy powinny zachowywać się podczas pracy bardziej przewidywalnie i konsekwentnie.

Narzędzia dla deweloperów

Publiczne SVG Icon API pozwala rejestrować własne kolekcje ikon i pojedyncze ikony, a następnie używać ich w całym edytorze. Służą do tego między innymi funkcje wp_register_icon_collection(), wp_register_icon() i wp_get_icon().

Abilities API rozwija infrastrukturę wprowadzoną w WordPressie 6.9. Dodaje filtrowalny cykl wykonania, własną walidację i współdzielone wykrywanie, co ułatwia budowanie integracji oraz automatyzacji opartych na WordPressie, w tym narzędzi wykorzystujących AI.

Nowy Design System zapewnia podstawę do tworzenia motywów dla interfejsów administracyjnych WordPressa. Obejmuje style kolorów, zaokrągleń i kursora. Użyj semantycznych tokenów projektowych oraz komponentu React ThemeProvider, aby zachować spójność własnego interfejsu administracyjnego z wyglądem WordPressa.

Autorzy motywów dostają responsywne style i style pseudo-stanów hover, focus, focus-visible oraz active przez theme.json. Dodano także filtry do konfiguracji ekranów DataViews i DataForm, które obsługują strony, szablony, części szablonów i wzorce w Site Editorze.

Dostępność

WordPress 7.1 usprawnia dostępność w core WordPressa i w edytorze. Funkcje wp_get_tooltip() oraz wp_get_toggletip() wprowadzają dostępne podpowiedzi do większej liczby miejsc w panelu administracyjnym, między innymi do meta boxów wpisów i ekranu logowania.

Czytniki ekranu otrzymują wyraźniejsze etykiety oraz bardziej przewidywalną nawigację w interfejsach administracyjnych i tabelach listy wpisów. Nowe bloki Tabs i Playlist, a także poprawki nawigacji i interakcji w edytorze, rozszerzają te zmiany.

Pozostałe zmiany wydajnościowe

Opcjonalna konwersja GIF do wideo zwykle tworzy mniejsze pliki. Wskaźniki postępu przesyłania i automatyczne ponawianie prób zwiększają odporność uploadu, gdy połączenie internetowe zostanie przerwane.

Biblioteka mediów używa domyślnie nieskończonego przewijania. Każdy użytkownik może jednak wrócić do paginacji w swoich ustawieniach. Domyślne ustawienia ładowania spekulacyjnego można określić przez zmienne środowiskowe albo stałe, dzięki czemu hosting i właściciele witryn skonfigurują sposób prefetchowania stron bez pisania wtyczki.

Dokumentacja i następny krok

Przed aktualizacją zapoznaj się z Release Notes dla WordPressa 7.1, gdzie opisano instalację, ulepszenia, naprawione problemy, materiały edukacyjne i listę zmian w plikach. Szczegółowe notatki dla deweloperów zebrano w WordPress 7.1 Field Guide.

Jeśli chcesz poznać funkcje edytora w praktyce, skorzystaj z bezpłatnego serwisu Learn WordPress. Udostępnia filmy instruktażowe, interaktywne warsztaty oraz plany lekcji dotyczące konkretnych obszarów WordPressa. Następnie przetestuj aktualizację na środowisku nieprodukcyjnym, zwłaszcza gdy motyw korzysta z theme.json, własnych ikon albo responsywnych stylów.