{"id":236,"date":"2026-08-22T11:27:04","date_gmt":"2026-08-22T09:27:04","guid":{"rendered":"https:\/\/helloblog.io\/cs\/wordpress-7-1-mary-lou\/"},"modified":"2026-08-22T11:27:04","modified_gmt":"2026-08-22T09:27:04","slug":"wordpress-7-1-mary-lou","status":"publish","type":"post","link":"https:\/\/helloblog.io\/cs\/wordpress-7-1-mary-lou\/","title":{"rendered":"WordPress 7.1 Mary Lou: responzivn\u00ed styly, m\u00e9dia v prohl\u00ed\u017ee\u010di a nov\u00e9 API"},"content":{"rendered":"\n

WordPress 7.1 \u201eMary Lou\u201c p\u0159in\u00e1\u0161\u00ed zm\u011bny, kter\u00e9 se projev\u00ed jak p\u0159i b\u011b\u017en\u00e9 pr\u00e1ci v editoru, tak p\u0159i v\u00fdvoji \u0161ablon, blok\u016f a administrace. Editor nov\u011b l\u00e9pe pracuje s r\u016fzn\u00fdmi \u0161\u00ed\u0159kami obrazovky, m\u00e9dia zpracov\u00e1v\u00e1 p\u0159\u00edmo v prohl\u00ed\u017ee\u010di a spolupr\u00e1ci nad obsahem roz\u0161i\u0159uj\u00ed pozn\u00e1mky s form\u00e1tov\u00e1n\u00edm a zm\u00ednkami.<\/p>\n\n\n\n

Vyd\u00e1n\u00ed nese jm\u00e9no jazzov\u00e9 pianistky, aran\u017e\u00e9rky a skladatelky Mary Lou Williams. WordPress 7.1 si m\u016f\u017ee\u0161 st\u00e1hnout jako samostatn\u00fd bal\u00ed\u010dek nebo aktualizovat obvyklou cestou ve spr\u00e1v\u011b webu.<\/p>\n\n\n\n <\/i><\/span>\n \n St\u00e1hnout WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responzivn\u00ed styly bez vlastn\u00edho CSS<\/h2>\n\n\n\n

Site Editor nyn\u00ed dovoluje ur\u010dit, jak se blok zobraz\u00ed na r\u016fzn\u011b velk\u00fdch obrazovk\u00e1ch, a to v Glob\u00e1ln\u00edch stylech i v nastaven\u00ed konkr\u00e9tn\u00edho bloku. Dosavadn\u00ed mo\u017enosti skr\u00fdt nebo zobrazit blok dopl\u0148uj\u00ed responzivn\u00ed styly, tak\u017ee pro b\u011b\u017en\u00e9 \u00fapravy nemus\u00ed\u0161 ps\u00e1t vlastn\u00ed CSS.<\/p>\n\n\n\n

P\u0159i pr\u00e1ci si m\u016f\u017ee\u0161 zm\u011bny rovnou prohl\u00e9dnout v n\u00e1hledu pro r\u016fzn\u00e9 velikosti viewportu. Sn\u00e1z tak sestav\u00ed\u0161 rozvr\u017een\u00ed, kter\u00e9 se p\u0159izp\u016fsob\u00ed zp\u016fsobu, jak\u00fdm n\u00e1v\u0161t\u011bvn\u00edci web skute\u010dn\u011b proch\u00e1zej\u00ed.<\/p>\n\n\n\n

\"Nastaven\u00ed
Responzivn\u00ed styly jsou dostupn\u00e9 p\u0159\u00edmo v Site Editoru. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Administrace a \u00faprava m\u00e9di\u00ed<\/h2>\n\n\n\n

Horn\u00ed administra\u010dn\u00ed li\u0161ta se nov\u011b zobrazuje ve v\u0161ech editorech. P\u0159i p\u0159echodu mezi n\u00e1st\u011bnkou, editorem p\u0159\u00edsp\u011bvku a editorem webu tak z\u016fst\u00e1v\u00e1 navigace i zn\u00e1m\u00e9 n\u00e1stroje st\u00e1le po ruce; li\u0161ta z\u00e1rove\u0148 dostala drobn\u00e9 vizu\u00e1ln\u00ed \u00fapravy.<\/p>\n\n\n\n

\"Administr\u00e1torsk\u00e1
Administra\u010dn\u00ed li\u0161ta prov\u00e1z\u00ed v\u0161echny editory. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

\u00dapravy obr\u00e1zk\u016f p\u0159esouv\u00e1 nov\u00fd dialog editoru m\u00e9di\u00ed do jednoho pracovn\u00edho postupu. Tla\u010d\u00edtko Crop z\u016fst\u00e1v\u00e1 vstupn\u00edm bodem, ale v nov\u00e9m rozhran\u00ed m\u016f\u017ee\u0161 voln\u011b o\u0159ez\u00e1vat, o\u0159ez\u00e1vat podle pom\u011bru stran, obr\u00e1zek p\u0159eklopit vodorovn\u011b i svisle, p\u0159esn\u011b nebo po kroc\u00edch ot\u00e1\u010det a upravit metadata.<\/p>\n\n\n\n

\"Nov\u00fd
Editor m\u00e9di\u00ed spojuje o\u0159ez, p\u0159eklopen\u00ed, oto\u010den\u00ed i metadata. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Pozn\u00e1mky p\u0159\u00edmo v obsahu<\/h2>\n\n\n\n

Notes nov\u011b podporuj\u00ed form\u00e1tovan\u00fd text a zm\u00ednky. V pozn\u00e1mce m\u016f\u017ee\u0161 pou\u017e\u00edt tu\u010dn\u00e9 p\u00edsmo, kurzivu, k\u00f3d a odkazy; naps\u00e1n\u00edm @<\/code> zm\u00edn\u00ed\u0161 spolupracovn\u00edka a WordPress mu po\u0161le upozorn\u011bn\u00ed.<\/p>\n\n\n\n

Pozn\u00e1mku lze p\u0159ipojit ke konkr\u00e9tn\u00ed \u010d\u00e1sti textu, nejen k cel\u00e9mu bloku. Na jednom bloku m\u016f\u017ee b\u011b\u017eet v\u00edce samostatn\u00fdch konverzac\u00ed a del\u0161\u00ed pozn\u00e1mky lze sbalit, aby okraj editoru neztratil p\u0159ehlednost.<\/p>\n\n\n\n

\"Pozn\u00e1mky
Pozn\u00e1mky lze v\u00e1zat na konkr\u00e9tn\u00ed text a v\u00e9st v nich v\u00edce konverzac\u00ed. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

M\u00e9dia se zpracuj\u00ed rychleji a v nov\u00fdch form\u00e1tech<\/h2>\n\n\n\n

Komprese obr\u00e1zk\u016f, zm\u011bna jejich rozm\u011br\u016f a tvorba n\u00e1hled\u016f se p\u0159esouvaj\u00ed do prohl\u00ed\u017ee\u010de. WordPress pro to pou\u017e\u00edv\u00e1 WebAssembly sestaven\u00ed knihovny libvips, \u010d\u00edm\u017e sn\u00ed\u017e\u00ed z\u00e1t\u011b\u017e serveru, vytv\u00e1\u0159\u00ed men\u0161\u00ed soubory a obch\u00e1z\u00ed limity pam\u011bti PHP i timeouty p\u0159i nahr\u00e1v\u00e1n\u00ed.<\/p>\n\n\n\n

Knihovna m\u00e9di\u00ed m\u00e1 nativn\u00ed podporu AVIF, HEIC a HDR gain maps, tedy form\u00e1t\u016f, kter\u00e9 vytv\u00e1\u0159ej\u00ed modern\u00ed telefony a fotoapar\u00e1ty. Voliteln\u00fd p\u0159evod GIF na video obvykle zmen\u0161\u00ed v\u00fdsledn\u00fd soubor. Ukazatele pr\u016fb\u011bhu nahr\u00e1v\u00e1n\u00ed a automatick\u00e9 opakov\u00e1n\u00ed pokusu pak zvy\u0161uj\u00ed odolnost uploadu p\u0159i v\u00fdpadku p\u0159ipojen\u00ed.<\/p>\n\n\n\n

\"Podpora
WordPress 7.1 zpracov\u00e1v\u00e1 obr\u00e1zky v prohl\u00ed\u017ee\u010di a podporuje nov\u00e9 form\u00e1ty. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nov\u00e9 bloky a ovl\u00e1d\u00e1n\u00ed vzhledu<\/h2>\n\n\n\n

Blok Playlist seskup\u00ed v\u00edce zvukov\u00fdch stop do jednoho p\u0159ehr\u00e1va\u010de. Voliteln\u011b k nim zobraz\u00ed pr\u016fb\u011bh zvukov\u00e9 vlny, tak\u017ee poslucha\u010d vid\u00ed pr\u016fb\u011bh pr\u00e1v\u011b p\u0159ehr\u00e1van\u00e9 stopy.<\/p>\n\n\n\n

\"Blok
Playlist m\u016f\u017ee zobrazit zvukovou vlnu jednotliv\u00fdch stop. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Blokov\u00e9 \u0161ablony mohou v theme.json<\/code> definovat vlastn\u00ed breakpointy pro mobil a tablet. Tyto hodnoty p\u0159ep\u00ed\u0161\u00ed v\u00fdchoz\u00ed breakpointy, kter\u00e9 WordPress pou\u017e\u00edv\u00e1 pro responzivn\u00ed styly a viditelnost blok\u016f.<\/p>\n\n\n\n

\"Konfigurace
Block theme m\u016f\u017ee p\u0159epsat v\u00fdchoz\u00ed mobiln\u00ed a tabletov\u00e9 breakpointy. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nov\u00fd blok Tabs rozd\u011bl\u00ed souvisej\u00edc\u00ed obsah do panel\u016f s kartami. N\u00e1v\u0161t\u011bvn\u00edk tak nezobraz\u00ed v\u0161e najednou a str\u00e1nka z\u016fstane p\u0159ehledn\u011bj\u0161\u00ed.<\/p>\n\n\n\n

\"Blok
Tabs zobraz\u00ed souvisej\u00edc\u00ed obsah v p\u0159ep\u00ednateln\u00fdch panelech. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Knihovnu ikon v editoru mohou v\u00fdvoj\u00e1\u0159i roz\u0161\u00ed\u0159it o vlastn\u00ed kolekce. Vlastn\u00ed ikony pak budou k dispozici vedle vestav\u011bn\u00e9 knihovny v\u0161ude v editoru, kde se pou\u017e\u00edv\u00e1 blok Icon.<\/p>\n\n\n\n

\"Vlastn\u00ed
Editor m\u016f\u017ee pracovat i s ikonami zaregistrovan\u00fdmi v\u00fdvoj\u00e1\u0159em. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

U blok\u016f Button nyn\u00ed nastav\u00ed\u0161 p\u0159\u00edmo v ovl\u00e1d\u00e1n\u00ed styl\u016f samostatn\u00fd vzhled pro stavy hover, focus a active. Styl m\u016f\u017ee\u0161 upravit jen pro jedno tla\u010d\u00edtko, nebo jej pou\u017e\u00edt pro v\u0161echna tla\u010d\u00edtka.<\/p>\n\n\n\n

\"Nastaven\u00ed
Pro Button lze nastavit styly pro hover, focus a active. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editor b\u011b\u017e\u00ed konzistentn\u011b v iframe<\/h2>\n\n\n\n

Editor p\u0159\u00edsp\u011bvk\u016f nyn\u00ed WordPress vkl\u00e1d\u00e1 do iframe u v\u0161ech \u0161ablon, stejn\u011b jako Site Editor. Pl\u00e1tno s obsahem tak b\u011b\u017e\u00ed odd\u011blen\u011b od administra\u010dn\u00edho rozhran\u00ed a styly administrace do n\u011bj nezasahuj\u00ed.<\/p>\n\n\n\n

Jednotky z\u00e1visl\u00e9 na viewportu i media queries m\u00ed\u0159\u00ed p\u0159\u00edmo na pl\u00e1tno editoru. Responzivn\u00ed rozvr\u017een\u00ed se proto p\u0159i tvorb\u011b chov\u00e1 p\u0159edv\u00eddateln\u011bji, p\u0159esto\u017ee v\u011bt\u0161ina u\u017eivatel\u016f tuto technickou zm\u011bnu p\u0159\u00edmo neuvid\u00ed.<\/p>\n\n\n\n

N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e<\/h2>\n\n\n\n

SVG Icon API je nyn\u00ed ve\u0159ejn\u00e9 API. M\u016f\u017ee\u0161 s n\u00edm registrovat vlastn\u00ed kolekce a jednotliv\u00e9 ikony a pou\u017e\u00edvat je nap\u0159\u00ed\u010d editorem p\u0159es wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> a wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API roz\u0161i\u0159uje infrastrukturu, kterou WordPress zavedl ve verzi 6.9. P\u0159id\u00e1v\u00e1 filtrovateln\u00fd \u017eivotn\u00ed cyklus spu\u0161t\u011bn\u00ed, vlastn\u00ed validaci a sd\u00edlen\u00e9 zji\u0161\u0165ov\u00e1n\u00ed dostupn\u00fdch schopnost\u00ed. D\u00edky tomu se sn\u00e1z stav\u00ed integrace a automatizace nad WordPressem, v\u010detn\u011b n\u00e1stroj\u016f poh\u00e1n\u011bn\u00fdch AI.<\/p>\n\n\n\n

Nov\u00fd Design System vytv\u00e1\u0159\u00ed z\u00e1klad pro stylov\u00e1n\u00ed administra\u010dn\u00edch rozhran\u00ed WordPressu. Pokr\u00fdv\u00e1 barvy, zaoblen\u00ed a styl kurzoru; se s\u00e9mantick\u00fdmi design tokeny a React komponentou ThemeProvider<\/code> m\u016f\u017ee\u0161 vytvo\u0159it konzistentn\u00ed vlastn\u00ed administraci, kter\u00e1 p\u0159itom vizu\u00e1ln\u011b zapadne do WordPressu.<\/p>\n\n\n\n

Auto\u0159i \u0161ablon z\u00edsk\u00e1vaj\u00ed v theme.json<\/code> responzivn\u00ed styly i styly pseudostav\u016f hover<\/code>, focus<\/code>, focus-visible<\/code> a active<\/code>. Nov\u00e9 filtry dovoluj\u00ed konfigurovat obrazovky DataViews a DataForm, na nich\u017e v Site Editoru stoj\u00ed Str\u00e1nky, \u0160ablony, \u010c\u00e1sti \u0161ablon a Vzory.<\/p>\n\n\n\n

P\u0159\u00edstupnost a pr\u00e1ce s knihovnou m\u00e9di\u00ed<\/h2>\n\n\n\n

WordPress core a editor zlep\u0161uj\u00ed p\u0159\u00edstupnost na v\u00edce m\u00edstech. Funkce wp_get_tooltip()<\/code> a wp_get_toggletip()<\/code> zp\u0159\u00edstup\u0148uj\u00ed p\u0159\u00edstupn\u00e9 tooltipy dal\u0161\u00edm \u010d\u00e1stem administrace, v\u010detn\u011b meta box\u016f p\u0159\u00edsp\u011bvk\u016f a p\u0159ihla\u0161ovac\u00ed obrazovky.<\/p>\n\n\n\n

\u010cte\u010dky obrazovky dost\u00e1vaj\u00ed v administraci jasn\u011bj\u0161\u00ed popisky a p\u0159edv\u00eddateln\u011bj\u0161\u00ed navigaci v tabulk\u00e1ch se seznamem p\u0159\u00edsp\u011bvk\u016f. K \u0161ir\u0161\u00edm zm\u011bn\u00e1m p\u0159isp\u00edvaj\u00ed tak\u00e9 bloky Tabs a Playlist a \u00fapravy navigace i interakc\u00ed v editoru.<\/p>\n\n\n\n

Knihovna m\u00e9di\u00ed ve v\u00fdchoz\u00edm stavu pou\u017e\u00edv\u00e1 nekone\u010dn\u00e9 posouv\u00e1n\u00ed. Ka\u017ed\u00fd u\u017eivatel si m\u016f\u017ee p\u0159epnout zp\u011bt str\u00e1nkov\u00e1n\u00ed. V\u00fdchoz\u00ed chov\u00e1n\u00ed spekulativn\u00edho na\u010d\u00edt\u00e1n\u00ed lze nastavit prom\u011bnn\u00fdmi prost\u0159ed\u00ed nebo konstantami, tak\u017ee hosting i vlastn\u00edk webu \u0159\u00edd\u00ed prefetch str\u00e1nek bez nutnosti ps\u00e1t plugin.<\/p>\n\n\n\n

Co zkontrolovat po aktualizaci<\/h2>\n\n\n\n

Po p\u0159echodu na WordPress 7.1 otestuj responzivn\u00ed styly \u0161ablony v n\u00e1hledech r\u016fzn\u00fdch viewport\u016f, zejm\u00e9na pokud pou\u017e\u00edv\u00e1 vlastn\u00ed breakpointy v theme.json<\/code>. U vlastn\u00edch administrativn\u00edch rozhran\u00ed ov\u011b\u0159 chov\u00e1n\u00ed v iframe editoru a zva\u017e, zda vyu\u017e\u00edt SVG Icon API, Design System nebo nov\u00e9 mo\u017enosti Abilities API.<\/p>\n\n\n\n

Podrobnosti k instalaci, zm\u011bn\u00e1m, opraven\u00fdm chyb\u00e1m a seznamu zm\u011bn\u011bn\u00fdch soubor\u016f najde\u0161 v Release Notes pro WordPress 7.1<\/a>. Pro implementa\u010dn\u00ed pozn\u00e1mky ur\u010den\u00e9 v\u00fdvoj\u00e1\u0159\u016fm otev\u0159i Field Guide pro WordPress 7.1<\/a>; n\u00e1vody, videa, interaktivn\u00ed workshopy a lekce nab\u00edz\u00ed Learn WordPress<\/a> v\u010detn\u011b interaktivn\u00edch workshop\u016f<\/a>.<\/p>\n\n\n

\n

Reference \/ Zdroje<\/h2>\n