{"id":260,"date":"2026-08-22T11:27:31","date_gmt":"2026-08-22T09:27:31","guid":{"rendered":"https:\/\/helloblog.io\/pl\/wordpress-7-1-mary-lou-responsywne-style-notatki-media\/"},"modified":"2026-08-22T11:27:31","modified_gmt":"2026-08-22T09:27:31","slug":"wordpress-7-1-mary-lou-responsywne-style-notatki-media","status":"publish","type":"post","link":"https:\/\/helloblog.io\/pl\/wordpress-7-1-mary-lou-responsywne-style-notatki-media\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201d \u2013 responsywne style, notatki i szybsze media"},"content":{"rendered":"\n

WordPress 7.1, nosz\u0105cy nazw\u0119 kodow\u0105 \u201eMary Lou\u201d, rozszerza edytor o responsywne style, nowe bloki oraz wygodniejsze narz\u0119dzia do pracy z obrazami i wsp\u00f3ln\u0105 redakcj\u0105 tre\u015bci. Aktualizacja obejmuje te\u017c API dla deweloper\u00f3w, poprawki dost\u0119pno\u015bci i mechanizmy, kt\u00f3re maj\u0105 odci\u0105\u017cy\u0107 serwer przy obs\u0142udze medi\u00f3w.<\/p>\n\n\n\n

Wydanie upami\u0119tnia Mary Lou Williams \u2013 pianistk\u0119 jazzow\u0105, aran\u017cerk\u0119 i kompozytork\u0119. Zacz\u0119\u0142a wyst\u0119powa\u0107 publicznie jako sze\u015bciolatka, a jej tw\u00f3rczo\u015b\u0107 obj\u0119\u0142a niemal wszystkie wa\u017cne epoki jazzu: swing, bebop i jazz sakralny. W latach 40. jej mieszkanie w Harlemie sta\u0142o si\u0119 wieczornym miejscem wymiany pomys\u0142\u00f3w dla Theloniousa Monka, Dizzy’ego Gillespiego i Buda Powella, kt\u00f3rzy wsp\u00f3\u0142tworzyli tam brzmienie bebopu. Jej muzyk\u0119 znajdziesz na kanale Mary Lou Williams w YouTube<\/a>.<\/p>\n\n\n\n <\/i><\/span>\n \n Pobierz WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsywne style bez w\u0142asnego CSS<\/h2>\n\n\n\n

Edytor witryny pozwala teraz okre\u015bla\u0107 wygl\u0105d bloku dla r\u00f3\u017cnych rozmiar\u00f3w ekranu bez dopisywania w\u0142asnego CSS. Ustawienia dost\u0119pne s\u0105 zar\u00f3wno w Global Styles, jak i w panelu pojedynczego bloku, obok dotychczasowych opcji pokazywania i ukrywania blok\u00f3w.<\/p>\n\n\n\n

Podczas pracy mo\u017cesz te\u017c podgl\u0105da\u0107 zmiany dla r\u00f3\u017cnych rozmiar\u00f3w viewportu. Dzi\u0119ki temu \u0142atwiej zbudujesz uk\u0142ad, kt\u00f3ry dopasowuje si\u0119 do sposobu przegl\u0105dania witryny na r\u00f3\u017cnych urz\u0105dzeniach.<\/p>\n\n\n\n

\"Ustawienia
Responsywne style mo\u017cna konfigurowa\u0107 bezpo\u015brednio w edytorze. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Sp\u00f3jniejsza nawigacja i nowy edytor medi\u00f3w<\/h2>\n\n\n\n

Pasek administracyjny w ka\u017cdym edytorze<\/h3>\n\n\n\n

Pasek administracyjny WordPressa pozostaje widoczny podczas przechodzenia mi\u0119dzy wszystkimi edytorami. Zachowasz wi\u0119c orientacj\u0119 w interfejsie i dost\u0119p do znanych narz\u0119dzi zar\u00f3wno na kokpicie, jak i w edytorze tre\u015bci czy wygl\u0105du witryny. Zaktualizowano tak\u017ce drobne elementy wizualne paska.<\/p>\n\n\n\n

\"Pasek
Pasek administracyjny towarzyszy pracy we wszystkich edytorach. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Kadrowanie w jednym oknie<\/h3>\n\n\n\n

Poprzednie narz\u0119dzie do kadrowania osadzone w widoku zast\u0119puje osobne okno edytora medi\u00f3w. Nadal otworzysz je znanym przyciskiem Crop, ale w jednym miejscu wykonasz dowolne kadrowanie, kadrowanie do proporcji, odbicie poziome i pionowe, precyzyjny obr\u00f3t, obr\u00f3t ze skokowym przyci\u0105ganiem oraz edycj\u0119 metadanych.<\/p>\n\n\n\n

\"Nowe
Edytor medi\u00f3w \u0142\u0105czy kadrowanie, obr\u00f3t, odbijanie i edycj\u0119 metadanych. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Notatki bli\u017cej tekstu i wsp\u00f3\u0142pracownik\u00f3w<\/h2>\n\n\n\n

Notatki obs\u0142uguj\u0105 formatowanie rich text oraz wzmianki. W tre\u015bci notatki u\u017cyjesz pogrubienia, kursywy i kodu, dodasz link, a po wpisaniu @<\/code> oznaczysz wsp\u00f3\u0142pracownika i wy\u015blesz mu powiadomienie.<\/p>\n\n\n\n

Komentarz mo\u017cesz przypi\u0105\u0107 do konkretnego fragmentu tekstu, a nie wy\u0142\u0105cznie do ca\u0142ego bloku. Na jednym bloku da si\u0119 prowadzi\u0107 kilka rozm\u00f3w, a d\u0142u\u017csze notatki mo\u017cna zwin\u0105\u0107, aby nie zajmowa\u0142y ca\u0142ego marginesu podczas redakcji.<\/p>\n\n\n\n

\"Notatka
Notatki mog\u0105 dotyczy\u0107 fragmentu tekstu i zawiera\u0107 wzmianki. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Media: przetwarzanie w przegl\u0105darce i nowe formaty<\/h2>\n\n\n\n

Kompresowanie obraz\u00f3w, zmiana ich rozmiaru i generowanie miniatur odbywaj\u0105 si\u0119 teraz w przegl\u0105darce. WordPress korzysta tu z kompilacji WebAssembly biblioteki libvips, co zmniejsza obci\u0105\u017cenie serwera, tworzy mniejsze pliki i pomaga unikn\u0105\u0107 limit\u00f3w pami\u0119ci PHP oraz timeout\u00f3w podczas przesy\u0142ania du\u017cych obraz\u00f3w.<\/p>\n\n\n\n

WordPress 7.1 natywnie obs\u0142uguje r\u00f3wnie\u017c AVIF, HEIC i mapy wzmocnienia HDR (HDR gain maps). S\u0105 to formaty obraz\u00f3w, kt\u00f3re tworz\u0105 wsp\u00f3\u0142czesne aparaty i telefony.<\/p>\n\n\n\n

\"Obs\u0142uga
Przetwarzanie obraz\u00f3w przeniesiono do przegl\u0105darki. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nowe bloki i kontrola wygl\u0105du<\/h2>\n\n\n\n

Playlist<\/h3>\n\n\n\n

Nowy blok Playlist pozwala zebra\u0107 wiele \u015bcie\u017cek audio na jednej playli\u015bcie. Opcjonalnie mo\u017ce wy\u015bwietla\u0107 waveform, czyli wizualny przebieg d\u017awi\u0119ku dla utworu, kt\u00f3ry jest w\u0142a\u015bnie odtwarzany.<\/p>\n\n\n\n

\"Blok
Playlist mo\u017ce prezentowa\u0107 wiele utwor\u00f3w i opcjonalny waveform. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

W\u0142asne breakpointy w motywie<\/h3>\n\n\n\n

Motywy blokowe mog\u0105 definiowa\u0107 w\u0142asne breakpointy dla telefon\u00f3w i tablet\u00f3w w pliku theme.json<\/code>. Zast\u0105pi\u0105 one domy\u015blne warto\u015bci u\u017cywane przez responsywne style oraz widoczno\u015b\u0107 blok\u00f3w.<\/p>\n\n\n\n

\"Konfiguracja
Motyw blokowy mo\u017ce nadpisa\u0107 domy\u015blne breakpointy. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Tabs<\/h3>\n\n\n\n

Blok Tabs porz\u0105dkuje powi\u0105zane tre\u015bci w panelach z zak\u0142adkami. Zamiast wy\u015bwietla\u0107 wszystko naraz, mo\u017cesz pokaza\u0107 tylko aktywn\u0105 cz\u0119\u015b\u0107 informacji i ograniczy\u0107 wizualny nat\u0142ok na stronie.<\/p>\n\n\n\n

\"Blok
Zak\u0142adki pomagaj\u0105 prezentowa\u0107 powi\u0105zane tre\u015bci w mniejszej przestrzeni. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

W\u0142asne ikony i stany przycisk\u00f3w<\/h3>\n\n\n\n

Deweloperzy mog\u0105 rozszerzy\u0107 bibliotek\u0119 ikon WordPressa o w\u0142asne kolekcje. Tak zarejestrowane ikony b\u0119d\u0105 dost\u0119pne w ca\u0142ym edytorze obok wbudowanego zestawu.<\/p>\n\n\n\n

\"Dodawanie
W\u0142asne kolekcje ikon mo\u017cna udost\u0119pni\u0107 w ca\u0142ym edytorze. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Dla blok\u00f3w Button ustawisz w kontrolkach styl\u00f3w odmienne regu\u0142y dla stan\u00f3w hover, focus i active. Style mog\u0105 dotyczy\u0107 pojedynczego przycisku albo wszystkich przycisk\u00f3w.<\/p>\n\n\n\n

\"Ustawienia
Edytor pozwala ustawi\u0107 style przycisk\u00f3w dla stan\u00f3w interakcji. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Edytor wpis\u00f3w dzia\u0142a w iframe<\/h2>\n\n\n\n

Edytor wpis\u00f3w jest teraz w pe\u0142ni osadzony w iframe dla wszystkich motyw\u00f3w, podobnie jak Site Editor. Obszar edycji dzia\u0142a niezale\u017cnie od interfejsu administracyjnego WordPressa, wi\u0119c style panelu administracyjnego nie ingeruj\u0105 w tre\u015b\u0107.<\/p>\n\n\n\n

Jednostki zale\u017cne od viewportu i media queries kieruj\u0105 si\u0119 bezpo\u015brednio do canvasu edytora. Zmiana jest przewa\u017cnie niewidoczna, ale responsywne uk\u0142ady powinny zachowywa\u0107 si\u0119 podczas pracy bardziej przewidywalnie i konsekwentnie.<\/p>\n\n\n\n

Narz\u0119dzia dla deweloper\u00f3w<\/h2>\n\n\n\n

Publiczne SVG Icon API pozwala rejestrowa\u0107 w\u0142asne kolekcje ikon i pojedyncze ikony, a nast\u0119pnie u\u017cywa\u0107 ich w ca\u0142ym edytorze. S\u0142u\u017c\u0105 do tego mi\u0119dzy innymi funkcje wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> i wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API rozwija infrastruktur\u0119 wprowadzon\u0105 w WordPressie 6.9. Dodaje filtrowalny cykl wykonania, w\u0142asn\u0105 walidacj\u0119 i wsp\u00f3\u0142dzielone wykrywanie, co u\u0142atwia budowanie integracji oraz automatyzacji opartych na WordPressie, w tym narz\u0119dzi wykorzystuj\u0105cych AI.<\/p>\n\n\n\n

Nowy Design System zapewnia podstaw\u0119 do tworzenia motyw\u00f3w dla interfejs\u00f3w administracyjnych WordPressa. Obejmuje style kolor\u00f3w, zaokr\u0105gle\u0144 i kursora. U\u017cyj semantycznych token\u00f3w projektowych oraz komponentu React ThemeProvider<\/code>, aby zachowa\u0107 sp\u00f3jno\u015b\u0107 w\u0142asnego interfejsu administracyjnego z wygl\u0105dem WordPressa.<\/p>\n\n\n\n

Autorzy motyw\u00f3w dostaj\u0105 responsywne style i style pseudo-stan\u00f3w hover, focus, focus-visible oraz active przez theme.json<\/code>. Dodano tak\u017ce filtry do konfiguracji ekran\u00f3w DataViews i DataForm, kt\u00f3re obs\u0142uguj\u0105 strony, szablony, cz\u0119\u015bci szablon\u00f3w i wzorce w Site Editorze.<\/p>\n\n\n\n

Dost\u0119pno\u015b\u0107<\/h2>\n\n\n\n

WordPress 7.1 usprawnia dost\u0119pno\u015b\u0107 w core WordPressa i w edytorze. Funkcje wp_get_tooltip()<\/code> oraz wp_get_toggletip()<\/code> wprowadzaj\u0105 dost\u0119pne podpowiedzi do wi\u0119kszej liczby miejsc w panelu administracyjnym, mi\u0119dzy innymi do meta box\u00f3w wpis\u00f3w i ekranu logowania.<\/p>\n\n\n\n

Czytniki ekranu otrzymuj\u0105 wyra\u017aniejsze etykiety oraz bardziej przewidywaln\u0105 nawigacj\u0119 w interfejsach administracyjnych i tabelach listy wpis\u00f3w. Nowe bloki Tabs i Playlist, a tak\u017ce poprawki nawigacji i interakcji w edytorze, rozszerzaj\u0105 te zmiany.<\/p>\n\n\n\n

Pozosta\u0142e zmiany wydajno\u015bciowe<\/h2>\n\n\n\n

Opcjonalna konwersja GIF do wideo zwykle tworzy mniejsze pliki. Wska\u017aniki post\u0119pu przesy\u0142ania i automatyczne ponawianie pr\u00f3b zwi\u0119kszaj\u0105 odporno\u015b\u0107 uploadu, gdy po\u0142\u0105czenie internetowe zostanie przerwane.<\/p>\n\n\n\n

Biblioteka medi\u00f3w u\u017cywa domy\u015blnie niesko\u0144czonego przewijania. Ka\u017cdy u\u017cytkownik mo\u017ce jednak wr\u00f3ci\u0107 do paginacji w swoich ustawieniach. Domy\u015blne ustawienia \u0142adowania spekulacyjnego mo\u017cna okre\u015bli\u0107 przez zmienne \u015brodowiskowe albo sta\u0142e, dzi\u0119ki czemu hosting i w\u0142a\u015bciciele witryn skonfiguruj\u0105 spos\u00f3b prefetchowania stron bez pisania wtyczki.<\/p>\n\n\n\n

\n\n

Gdzie sprawdzi\u0107 szczeg\u00f3\u0142y<\/h4>\n\n\n

Pe\u0142n\u0105 prezentacj\u0119 zmian znajdziesz na stronie funkcji WordPressa 7.1<\/a>.<\/p>\n\n<\/div>\n\n\n\n

Dokumentacja i nast\u0119pny krok<\/h2>\n\n\n\n

Przed aktualizacj\u0105 zapoznaj si\u0119 z Release Notes dla WordPressa 7.1<\/a>, gdzie opisano instalacj\u0119, ulepszenia, naprawione problemy, materia\u0142y edukacyjne i list\u0119 zmian w plikach. Szczeg\u00f3\u0142owe notatki dla deweloper\u00f3w zebrano w WordPress 7.1 Field Guide<\/a>.<\/p>\n\n\n\n

Je\u015bli chcesz pozna\u0107 funkcje edytora w praktyce, skorzystaj z bezp\u0142atnego serwisu Learn WordPress<\/a>. Udost\u0119pnia filmy instrukta\u017cowe, interaktywne warsztaty<\/a> oraz plany lekcji dotycz\u0105ce konkretnych obszar\u00f3w WordPressa. Nast\u0119pnie przetestuj aktualizacj\u0119 na \u015brodowisku nieprodukcyjnym, zw\u0142aszcza gdy motyw korzysta z theme.json<\/code>, w\u0142asnych ikon albo responsywnych styl\u00f3w.<\/p>\n\n\n

\n

Odniesienia \/ \u0179r\u00f3d\u0142a<\/h2>\n