{"id":251,"date":"2026-08-22T11:27:13","date_gmt":"2026-08-22T09:27:13","guid":{"rendered":"https:\/\/helloblog.io\/sk\/wordpress-7-1-mary-lou\/"},"modified":"2026-08-22T11:27:13","modified_gmt":"2026-08-22T09:27:13","slug":"wordpress-7-1-mary-lou","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sk\/wordpress-7-1-mary-lou\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201c prin\u00e1\u0161a responz\u00edvne \u0161t\u00fdly, Pozn\u00e1mky a nov\u00e9 API"},"content":{"rendered":"\n

WordPress 7.1 s k\u00f3dov\u00fdm ozna\u010den\u00edm \u201eMary Lou\u201c roz\u0161iruje editor o responz\u00edvne \u0161t\u00fdly, pres\u00fava spracovanie obr\u00e1zkov do prehliada\u010da a prid\u00e1va n\u00e1stroje na spolupr\u00e1cu aj roz\u0161\u00edrenie editorov\u00fdch rozhran\u00ed. Verzia vzd\u00e1va hold jazzovej pianistke, aran\u017e\u00e9rke a skladate\u013eke Mary Lou Williams, ktor\u00e1 za\u010dala verejne hra\u0165 u\u017e v \u0161iestich rokoch a po\u010das kari\u00e9ry pre\u0161la swingom, bebopom aj sakr\u00e1lnym jazzom.<\/p>\n\n\n\n

V 40. rokoch sa jej byt v Harleme stal ve\u010dern\u00fdm pracovn\u00fdm priestorom, kde Thelonious Monk, Dizzy Gillespie a Bud Powell vymie\u0148ali n\u00e1pady a formovali bebop. WordPress 7.1 stavia na podobnej kombin\u00e1cii neust\u00e1leho v\u00fdvoja a spolupr\u00e1ce.<\/p>\n\n\n\n <\/i><\/span>\n \n Stiahnu\u0165 WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responz\u00edvne \u0161t\u00fdly nastav\u00ed\u0161 priamo v editore<\/h2>\n\n\n\n

Editor webovej str\u00e1nky teraz umo\u017e\u0148uje upravi\u0165 vzh\u013ead bloku pre r\u00f4zne ve\u013ekosti obrazovky bez vlastn\u00e9ho CSS. Responz\u00edvne \u0161t\u00fdly nastav\u00ed\u0161 v Glob\u00e1lnych \u0161t\u00fdloch aj v nastaveniach konkr\u00e9tneho bloku a zmeny si po\u010das pr\u00e1ce pozrie\u0161 v r\u00f4znych ve\u013ekostiach viewportu.<\/p>\n\n\n\n

Nov\u00e9 ovl\u00e1dacie prvky dop\u013a\u0148aj\u00fa existuj\u00face nastavenia, ktor\u00fdmi pri blokoch ur\u010duje\u0161 zobrazenie alebo skrytie. Rozlo\u017eenie tak m\u00f4\u017ee\u0161 priebe\u017ene prisp\u00f4sobi\u0165 tomu, ako \u013eudia prehliadaj\u00fa web na r\u00f4znych zariadeniach.<\/p>\n\n\n\n

\"Nastavenie
Responz\u00edvne \u0161t\u00fdly sa daj\u00fa upravi\u0165 v Glob\u00e1lnych \u0161t\u00fdloch aj pri jednotliv\u00fdch blokoch. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Admin bar zost\u00e1va vo v\u0161etk\u00fdch editoroch<\/h2>\n\n\n\n

Admin bar \u0165a teraz sprev\u00e1dza naprie\u010d v\u0161etk\u00fdmi editormi. Ke\u010f p\u00ed\u0161e\u0161 \u010dl\u00e1nok alebo upravuje\u0161 dizajn webovej str\u00e1nky, st\u00e1le vid\u00ed\u0161, kde sa nach\u00e1dza\u0161, a m\u00e1\u0161 poruke zn\u00e1me n\u00e1stroje z administr\u00e1cie.<\/p>\n\n\n\n

Rozhranie admin baru dostalo aj men\u0161ie vizu\u00e1lne \u00fapravy, ktor\u00e9 zjednocuj\u00fa jeho vzh\u013ead v celej administr\u00e1cii.<\/p>\n\n\n\n

\"Admin
Admin bar sa zobrazuje vo v\u0161etk\u00fdch editoroch. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Obr\u00e1zky uprav\u00ed\u0161 v jednom pracovnom postupe<\/h2>\n\n\n\n

Nov\u00fd editor m\u00e9di\u00ed nahr\u00e1dza p\u00f4vodn\u00fd n\u00e1stroj na orezanie priamo v rozhran\u00ed. Do jedn\u00e9ho mod\u00e1lneho okna sp\u00e1ja vo\u013en\u00e9 orezanie aj orezanie pod\u013ea pomeru str\u00e1n, horizont\u00e1lne a vertik\u00e1lne prevr\u00e1tenie, presn\u00e9 ot\u00e1\u010danie, ot\u00e1\u010danie s prichyt\u00e1van\u00edm a \u00fapravu metad\u00e1t.<\/p>\n\n\n\n

Do nov\u00e9ho rozhrania sa st\u00e1le dostane\u0161 zn\u00e1mym tla\u010didlom \u201eOreza\u0165\u201c. Nemus\u00ed\u0161 teda h\u013eada\u0165 nov\u00fd vstupn\u00fd bod, hoci samotn\u00e1 \u00faprava m\u00e9di\u00ed prebieha inak.<\/p>\n\n\n\n

\"Nov\u00fd
Editor m\u00e9di\u00ed s\u00fastre\u010fuje orezanie, prevr\u00e1tenie, ot\u00e1\u010danie a metad\u00e1ta na jedno miesto. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Pozn\u00e1mky podporuj\u00fa form\u00e1tovanie aj @zmienky<\/h2>\n\n\n\n

Pozn\u00e1mky m\u00f4\u017ee\u0161 p\u00edsa\u0165 k \u013eubovo\u013enej \u010dasti obsahu, nielen k cel\u00e9mu bloku. Pri p\u00edsan\u00ed na konkr\u00e9tny \u00fasek textu podporuj\u00fa tu\u010dn\u00e9 a kurz\u00edvne p\u00edsmo, code<\/code>, odkazy aj @zmienky, ktor\u00fdmi ozna\u010d\u00ed\u0161 spolupracovn\u00edka a odo\u0161le\u0161 mu upozornenie.<\/p>\n\n\n\n

Na jednom bloku m\u00f4\u017ee be\u017ea\u0165 viac samostatn\u00fdch konverz\u00e1ci\u00ed. Dlh\u0161ie Pozn\u00e1mky sa daj\u00fa zbali\u0165, aby okraj editora zostal preh\u013eadn\u00fd aj pri rozsiahlej\u0161ej rev\u00edzii obsahu.<\/p>\n\n\n\n

\"Pozn\u00e1mka
Pozn\u00e1mky m\u00f4\u017ee\u0161 prida\u0165 priamo k vybran\u00e9mu textu a form\u00e1tova\u0165 ich. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Prehliada\u010d spracuje obr\u00e1zky a prib\u00fadaj\u00fa nov\u00e9 form\u00e1ty<\/h2>\n\n\n\n

Kompresia obr\u00e1zkov, zmena ich rozmerov a vytv\u00e1ranie n\u00e1h\u013eadov teraz prebiehaj\u00fa v prehliada\u010di. Server tak spracuje menej pr\u00e1ce, s\u00fabory sa zmen\u0161ia a pri v\u00e4\u010d\u0161\u00edch nahr\u00e1vaniach nenaraz\u00ed\u0161 na limity pam\u00e4te PHP ani na timeout pri odosielan\u00ed.<\/p>\n\n\n\n

WordPress 7.1 nat\u00edvne podporuje form\u00e1ty AVIF, HEIC a HDR gain maps, ktor\u00e9 produkuj\u00fa modern\u00e9 fotoapar\u00e1ty a telef\u00f3ny. Spracovanie v prehliada\u010di vyu\u017e\u00edva WebAssembly build kni\u017enice libvips.<\/p>\n\n\n\n

\"Podpora
M\u00e9di\u00e1 sa spracuj\u00fa v prehliada\u010di a WordPress nat\u00edvne podporuje \u010fal\u0161ie obrazov\u00e9 form\u00e1ty. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nov\u00e9 bloky a detailnej\u0161ie ovl\u00e1danie vzh\u013eadu<\/h2>\n\n\n\n

Playlist spoj\u00ed viac zvukov\u00fdch st\u00f4p<\/h3>\n\n\n\n

Nov\u00fd blok Playlist zdru\u017e\u00ed viac zvukov\u00fdch st\u00f4p do jedn\u00e9ho prehr\u00e1va\u010da. Volite\u013ene m\u00f4\u017ee zobrazi\u0165 waveform, ktor\u00fd posluch\u00e1\u010dovi vizu\u00e1lne uk\u00e1\u017ee priebeh skladby po\u010das prehr\u00e1vania.<\/p>\n\n\n\n

\"Blok
Playlist m\u00f4\u017ee pri zvukov\u00fdch stop\u00e1ch zobrazi\u0165 waveform. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

T\u00e9ma ur\u010d\u00ed vlastn\u00e9 responz\u00edvne breakpointy<\/h3>\n\n\n\n

Blokov\u00e9 t\u00e9my m\u00f4\u017eu v theme.json<\/code> definova\u0165 vlastn\u00e9 breakpointy pre mobil a tablet. T\u00fdmito hodnotami prep\u00ed\u0161u predvolen\u00e9 breakpointy, ktor\u00e9 WordPress pou\u017e\u00edva pri responz\u00edvnych \u0161t\u00fdloch a vidite\u013enosti blokov.<\/p>\n\n\n\n

\"Nastavenie
Blokov\u00e1 t\u00e9ma m\u00f4\u017ee breakpointy pre mobil a tablet definova\u0165 v theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Karty usporiadaj\u00fa s\u00favisiaci obsah<\/h3>\n\n\n\n

Blok Tabs rozdel\u00ed s\u00favisiaci obsah do panelov s kartami. Namiesto toho, aby sa v\u0161etok obsah zobrazil naraz, m\u00f4\u017ee\u0161 n\u00e1v\u0161tevn\u00edkovi pon\u00faknu\u0165 \u010distej\u0161ie a kompaktnej\u0161ie rozhranie.<\/p>\n\n\n\n

\"Blok
Blok Tabs zobrazuje s\u00favisiaci obsah v samostatn\u00fdch paneloch. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Ikony a stavy tla\u010didiel uprav\u00ed\u0161 bez obch\u00e1dzania editora<\/h3>\n\n\n\n

V\u00fdvoj\u00e1ri m\u00f4\u017eu roz\u0161\u00edri\u0165 kni\u017enicu ikon vlastn\u00fdmi kolekciami, ktor\u00e9 sa potom zobrazia v editore ved\u013ea vstavan\u00fdch ikon. Pri blokoch Tla\u010didlo zase priamo v ovl\u00e1dan\u00ed \u0161t\u00fdlov nastav\u00ed\u0161 odli\u0161n\u00fd vzh\u013ead pre stavy hover, focus a active, a to pre jedno tla\u010didlo alebo v\u0161etky tla\u010didl\u00e1.<\/p>\n\n\n\n

\"Pridanie
Vlastn\u00e9 kolekcie ikon sa spr\u00edstupnia v editore popri vstavan\u00fdch ikon\u00e1ch. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n
\"Nastavenie
\u0160t\u00fdly stavov hover, focus a active m\u00f4\u017ee\u0161 nastavi\u0165 priamo v editore. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editor \u010dl\u00e1nkov pou\u017e\u00edva iframe pri ka\u017edej t\u00e9me<\/h2>\n\n\n\n

Editor \u010dl\u00e1nkov sa teraz pri v\u0161etk\u00fdch t\u00e9mach vykres\u013euje v iframe, rovnako ako Editor webovej str\u00e1nky. Pl\u00e1tno, na ktorom upravuje\u0161 obsah, be\u017e\u00ed oddelene od administr\u00e1cie WordPressu, tak\u017ee \u0161t\u00fdly administr\u00e1cie nezasahuj\u00fa do obsahu.<\/p>\n\n\n\n

Jednotky viazan\u00e9 na viewport a media queries preto cielia priamo na edita\u010dn\u00e9 pl\u00e1tno. Responz\u00edvne rozlo\u017eenia sa pri tvorbe spr\u00e1vaj\u00fa predv\u00eddate\u013enej\u0161ie a editor p\u00f4sob\u00ed konzistentne, hoci v\u00e4\u010d\u0161ina zmeny zost\u00e1va na prv\u00fd poh\u013ead nevidite\u013en\u00e1.<\/p>\n\n\n\n

API a n\u00e1stroje pre v\u00fdvoj\u00e1rov<\/h2>\n\n\n\n

SVG Icon API je teraz verejn\u00e9 API. Vlastn\u00fa kolekciu ikon alebo jednotliv\u00e9 ikony zaregistruje\u0161 funkciami wp_register_icon_collection()<\/code> a wp_register_icon()<\/code> a v editore ich z\u00edska\u0161 cez wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API roz\u0161iruje infra\u0161trukt\u00faru zaveden\u00fa vo WordPresse 6.9 o filtrovate\u013en\u00fd \u017eivotn\u00fd cyklus vykon\u00e1vania, vlastn\u00fa valid\u00e1ciu a zdie\u013ean\u00e9 objavovanie. V\u010faka tomu sa \u013eah\u0161ie vytv\u00e1raj\u00fa integr\u00e1cie a automatiz\u00e1cie nad WordPressom vr\u00e1tane n\u00e1strojov poh\u00e1\u0148an\u00fdch AI.<\/p>\n\n\n\n

Nov\u00fd Design System prin\u00e1\u0161a z\u00e1klad na tvorbu t\u00e9m pre administra\u010dn\u00e9 rozhrania WordPressu vr\u00e1tane farieb, zaoblenia a \u0161t\u00fdlov kurzora. Pri vlastn\u00fdch administra\u010dn\u00fdch rozhraniach m\u00f4\u017ee\u0161 vyu\u017ei\u0165 s\u00e9mantick\u00e9 design tokeny a React komponent ThemeProvider<\/code>, aby rozhranie zostalo konzistentn\u00e9 a z\u00e1rove\u0148 p\u00f4sobilo prirodzene vo WordPresse.<\/p>\n\n\n\n

Autori t\u00e9m dost\u00e1vaj\u00fa cez theme.json<\/code> responz\u00edvne \u0161t\u00fdly aj \u0161t\u00fdly pseudo-stavov hover, focus, focus-visible a active. Nov\u00e9 filtre navy\u0161e umo\u017e\u0148uj\u00fa nakonfigurova\u0165 obrazovky DataViews a DataForm, na ktor\u00fdch stoj\u00ed pr\u00e1ca so str\u00e1nkami, \u0161abl\u00f3nami, \u010das\u0165ami \u0161abl\u00f3n a vzormi v Editore webovej str\u00e1nky.<\/p>\n\n\n\n

Pr\u00edstupnos\u0165 sa zlep\u0161uje v administr\u00e1cii aj blokoch<\/h2>\n\n\n\n

Funkcie wp_get_tooltip()<\/code> a wp_get_toggletip()<\/code> spr\u00edstup\u0148uj\u00fa pr\u00edstupn\u00e9 tooltipy vo viacer\u00fdch \u010dastiach administr\u00e1cie WordPressu vr\u00e1tane meta boxov \u010dl\u00e1nkov a prihlasovacej obrazovky. Podpora \u010d\u00edta\u010diek obrazovky sa zlep\u0161uje aj v administra\u010dn\u00fdch rozhraniach: tabu\u013eky so zoznamami \u010dl\u00e1nkov dost\u00e1vaj\u00fa jasnej\u0161ie ozna\u010denia a predv\u00eddate\u013enej\u0161iu navig\u00e1ciu.<\/p>\n\n\n\n

Bloky Tabs a Playlist, spolu so zlep\u0161eniami navig\u00e1cie a interakcie v editore, roz\u0161iruj\u00fa pr\u00edstupnos\u0165 v celom core WordPressu. WordPress sa tak \u013eah\u0161ie naviguje a pou\u017e\u00edva v\u00e4\u010d\u0161iemu po\u010dtu \u013eud\u00ed.<\/p>\n\n\n\n

Nahr\u00e1vanie m\u00e9di\u00ed a na\u010d\u00edtanie str\u00e1nok s\u00fa odolnej\u0161ie<\/h2>\n\n\n\n

Volite\u013en\u00e1 konverzia GIF na video zvy\u010dajne vytvor\u00ed men\u0161\u00ed s\u00fabor. Indik\u00e1tory priebehu nahr\u00e1vania a automatick\u00e9 opakovanie pokusov pom\u00e1haj\u00fa nahr\u00e1va\u0165 s\u00fabory spo\u013eahlivej\u0161ie, ke\u010f spojenie vypadne.<\/p>\n\n\n\n

Kni\u017enica m\u00e9di\u00ed predvolene pou\u017e\u00edva nekone\u010dn\u00e9 pos\u00favanie, pri\u010dom ka\u017ed\u00fd pou\u017e\u00edvate\u013e si m\u00f4\u017ee prepn\u00fa\u0165 sp\u00e4\u0165 str\u00e1nkovanie. Predvolen\u00e9 hodnoty \u0161pekulat\u00edvneho na\u010d\u00edtania m\u00f4\u017ee\u0161 nastavi\u0165 cez premenn\u00e9 prostredia alebo kon\u0161tanty, tak\u017ee hosting aj vlastn\u00edk webovej str\u00e1nky ur\u010dia sp\u00f4sob prefetchovania str\u00e1nok bez p\u00edsania pluginu.<\/p>\n\n\n\n

Kde n\u00e1jde\u0161 podrobnosti k vydaniu<\/h2>\n\n\n\n

Preh\u013ead v\u0161etk\u00fdch noviniek pon\u00faka str\u00e1nka funkci\u00ed WordPressu 7.1<\/a>. Pri pr\u00e1ci s konkr\u00e9tnou funkciou m\u00f4\u017ee\u0161 vyu\u017ei\u0165 bezplatn\u00fd Learn WordPress<\/a>, ktor\u00fd obsahuje videon\u00e1vody, interakt\u00edvne workshopy<\/a> a lekcie na podrobnej\u0161ie \u0161t\u00fadium jednotliv\u00fdch oblast\u00ed WordPressu.<\/p>\n\n\n\n

Pred aktualiz\u00e1ciou alebo v\u00fdvojom si pozri Release Notes pre WordPress 7.1<\/a>, kde n\u00e1jde\u0161 inform\u00e1cie o in\u0161tal\u00e1cii, vylep\u0161eniach, opraven\u00fdch chyb\u00e1ch, vzdel\u00e1vac\u00edch materi\u00e1loch a zmenen\u00fdch s\u00faboroch. Pre technick\u00e9 dopady zmien na vlastn\u00fd k\u00f3d otvor WordPress 7.1 Field Guide<\/a>, ktor\u00fd zhroma\u017e\u010fuje podrobn\u00e9 pozn\u00e1mky pre v\u00fdvoj\u00e1rov.<\/p>\n\n\n

\n

Referencie \/ Zdroje<\/h2>\n