{"id":423,"date":"2026-08-22T11:24:46","date_gmt":"2026-08-22T09:24:46","guid":{"rendered":"https:\/\/helloblog.io\/hu\/wordpress-7-1-mary-lou-ujdonsagok\/"},"modified":"2026-08-22T11:24:46","modified_gmt":"2026-08-22T09:24:46","slug":"wordpress-7-1-mary-lou-ujdonsagok","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hu\/wordpress-7-1-mary-lou-ujdonsagok\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201d: reszponz\u00edv st\u00edlusok, \u00faj m\u00e9diafolyamat \u00e9s fejleszt\u0151i API-k"},"content":{"rendered":"\n

Megjelent a WordPress 7.1, \u201eMary Lou\u201d k\u00f3dn\u00e9vvel. A kiad\u00e1s a napi adminhaszn\u00e1latot, a Site Editort, a m\u00e9diakezel\u00e9st \u00e9s a k\u00f6z\u00f6s tartalmi munk\u00e1t is fejleszti, mik\u00f6zben t\u00f6bb \u00faj lehet\u0151s\u00e9get ad a b\u0151v\u00edtm\u00e9ny- \u00e9s t\u00e9mak\u00e9sz\u00edt\u0151knek.<\/p>\n\n\n\n

A verzi\u00f3 Mary Lou Williams jazz-zongorista, hangszerel\u0151 \u00e9s zeneszerz\u0151 el\u0151tt tiszteleg. A 7.1 f\u00f3kusz\u00e1ban is az alkalmazkod\u00e1s \u00e9s az egy\u00fcttm\u0171k\u00f6d\u00e9s \u00e1ll: a szerkeszt\u00e9si fel\u00fclet k\u00f6vetkezetesebben m\u0171k\u00f6dik, a reszponz\u00edv megjelen\u00e9st pedig egyre kevesebb egyedi CSS-szel kell megoldani.<\/p>\n\n\n\n <\/i><\/span>\n \n WordPress 7.1 let\u00f6lt\u00e9se<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Reszponz\u00edv st\u00edlusok k\u00f6zvetlen\u00fcl a szerkeszt\u0151ben<\/h2>\n\n\n\n

A Site Editorban mostant\u00f3l k\u00e9perny\u0151m\u00e9retenk\u00e9nt szab\u00e1lyozhatod egy blokk megjelen\u00e9s\u00e9t. Ezt a Global Styles fel\u00fclet\u00e9n \u00e9s az egyes blokkok be\u00e1ll\u00edt\u00e1saiban is megteheted, \u00edgy a legt\u00f6bb ilyen feladathoz nem kell egyedi CSS-t \u00edrnod.<\/p>\n\n\n\n

Munka k\u00f6zben elt\u00e9r\u0151 viewportm\u00e9retekben is el\u0151n\u00e9zheted az eredm\u00e9nyt. \u00cdgy az elrendez\u00e9s viselked\u00e9s\u00e9t m\u00e1r szerkeszt\u00e9skor ellen\u0151rizheted mobilon, tableten \u00e9s nagyobb kijelz\u0151n is.<\/p>\n\n\n\n

\"Reszponz\u00edv
A blokkst\u00edlusok k\u00e9perny\u0151m\u00e9retenk\u00e9nt is szab\u00e1lyozhat\u00f3k. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Az admin bar minden szerkeszt\u0151ben megjelenik<\/h2>\n\n\n\n

Az admin bar m\u00e1r minden szerkeszt\u0151n\u00e9zetben veled marad. Ez egys\u00e9gesebb navig\u00e1ci\u00f3t ad a Vez\u00e9rl\u0151pult, a bejegyz\u00e9sszerkeszt\u0151 \u00e9s a webhelyszerkeszt\u0151 k\u00f6z\u00f6tt: mindig l\u00e1tod, hol j\u00e1rsz, \u00e9s el\u00e9rheted a megszokott admineszk\u00f6z\u00f6ket.<\/p>\n\n\n\n

A s\u00e1v kisebb vizu\u00e1lis finom\u00edt\u00e1sokat is kapott, hogy jobban illeszkedjen az egys\u00e9ges szerkeszt\u00e9si \u00e9lm\u00e9nyhez.<\/p>\n\n\n\n

\"WordPress
Az admin bar most m\u00e1r a teljes szerkeszt\u00e9si k\u00f6rnyezetben el\u00e9rhet\u0151. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

\u00daj k\u00e9pszerkeszt\u0151 folyamat<\/h2>\n\n\n\n

A kor\u00e1bbi be\u00e1gyazott v\u00e1g\u00f3eszk\u00f6zt egy k\u00fcl\u00f6n m\u00e9dia-szerkeszt\u0151 modal v\u00e1ltja fel. A megszokott Crop gomb tov\u00e1bbra is ezt a fel\u00fcletet nyitja meg, de egy helyen kezelheted a szabadk\u00e9zi \u00e9s k\u00e9par\u00e1ny szerinti v\u00e1g\u00e1st, a v\u00edzszintes \u00e9s f\u00fcgg\u0151leges t\u00fckr\u00f6z\u00e9st, a pontos vagy l\u00e9ptetett forgat\u00e1st, valamint a metaadatokat.<\/p>\n\n\n\n

\"\u00daj
A v\u00e1g\u00e1s, t\u00fckr\u00f6z\u00e9s, forgat\u00e1s \u00e9s metaadatszerkeszt\u00e9s egy k\u00f6z\u00f6s fel\u00fcletre ker\u00fclt. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Sz\u00f6vegen bel\u00fcli jegyzetek, eml\u00edt\u00e9sek \u00e9s form\u00e1z\u00e1s<\/h2>\n\n\n\n

A Notes funkci\u00f3 most rich text form\u00e1z\u00e1st \u00e9s eml\u00edt\u00e9seket is t\u00e1mogat. F\u00e9lk\u00f6v\u00e9r, d\u0151lt, k\u00f3d form\u00e1z\u00e1st \u00e9s linkeket adhatsz a jegyzethez, a @<\/code> karakterrel pedig megeml\u00edthetsz egy k\u00f6zrem\u0171k\u00f6d\u0151t, aki \u00e9rtes\u00edt\u00e9st kap.<\/p>\n\n\n\n

Nem kell t\u00f6bb\u00e9 teljes blokkhoz k\u00f6tni a megjegyz\u00e9st: k\u00f6zvetlen\u00fcl egy kijel\u00f6lt sz\u00f6vegr\u00e9szhez is f\u0171zhetsz jegyzetet. Egy blokkon t\u00f6bb besz\u00e9lget\u00e9s is futhat, a hosszabb megjegyz\u00e9seket pedig \u00f6sszecsukhatod, hogy a marg\u00f3 \u00e1tl\u00e1that\u00f3 maradjon tartalmi ellen\u0151rz\u00e9s k\u00f6zben.<\/p>\n\n\n\n

\"Sz\u00f6vegen
A jegyzetek m\u00e1r kijel\u00f6lt sz\u00f6vegr\u00e9szhez is kapcsolhat\u00f3k, \u00e9s eml\u00edt\u00e9seket is fogadnak. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Gyorsabb m\u00e9diakezel\u00e9s \u00e9s \u00faj k\u00e9pform\u00e1tumok<\/h2>\n\n\n\n

A k\u00e9pt\u00f6m\u00f6r\u00edt\u00e9s, az \u00e1tm\u00e9retez\u00e9s \u00e9s a b\u00e9lyegk\u00e9pgener\u00e1l\u00e1s a b\u00f6ng\u00e9sz\u0151ben fut. Ez cs\u00f6kkenti a szerverterhel\u00e9st, kisebb f\u00e1jlokat eredm\u00e9nyez, \u00e9s nagy felt\u00f6lt\u00e9sekn\u00e9l elker\u00fclheti a PHP mem\u00f3riakorl\u00e1tj\u00e1t vagy a felt\u00f6lt\u00e9si id\u0151t\u00fall\u00e9p\u00e9st.<\/p>\n\n\n\n

A feldolgoz\u00e1st a libvips WebAssembly-v\u00e1ltozata v\u00e9gzi. A WordPress 7.1 nat\u00edvan t\u00e1mogatja az AVIF, HEIC \u00e9s HDR gain map k\u00e9pform\u00e1tumokat is, vagyis azokat a f\u00e1jlt\u00edpusokat, amelyeket a mai telefonok \u00e9s f\u00e9nyk\u00e9pez\u0151g\u00e9pek m\u00e1r gyakran \u00e1ll\u00edtanak el\u0151.<\/p>\n\n\n\n

\"Gyorsabb
A b\u00f6ng\u00e9sz\u0151oldali k\u00e9pfeldolgoz\u00e1s levesz terhet a szerverr\u0151l. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

\u00daj blokkok \u00e9s r\u00e9szletesebb megjelen\u00e9si vez\u00e9rl\u0151k<\/h2>\n\n\n\n

A kiad\u00e1s k\u00e9t \u00faj blokkot vezet be, \u00e9s t\u00f6bb ponton finomabb be\u00e1ll\u00edt\u00e1sokat ad a tartalom viselked\u00e9s\u00e9hez \u00e9s megjelen\u00e9s\u00e9hez.<\/p>\n\n\n\n

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

T\u00f6bb hangs\u00e1vot egyetlen lej\u00e1tsz\u00e1si list\u00e1ba rendezhetsz. Opcion\u00e1lisan hull\u00e1mforma is megjelenhet, amely lej\u00e1tsz\u00e1s k\u00f6zben vizu\u00e1lisan jelzi az egyes hanganyagok alakul\u00e1s\u00e1t.<\/p>\n\n\n\n

\"Playlist
A Playlist blokk t\u00f6bb hangf\u00e1jlt kezelhet egy lej\u00e1tsz\u00e1si listak\u00e9nt. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Egyedi reszponz\u00edv t\u00f6r\u00e9spontok<\/h3>\n\n\n\n

A blokk t\u00e9m\u00e1k a theme.json<\/code> f\u00e1jlban saj\u00e1t mobil- \u00e9s tablet-t\u00f6r\u00e9spontokat defini\u00e1lhatnak. Ezek fel\u00fcl\u00edrj\u00e1k a reszponz\u00edv st\u00edlusokhoz \u00e9s a blokkok l\u00e1that\u00f3s\u00e1g\u00e1hoz haszn\u00e1lt alap\u00e9rtelmezett \u00e9rt\u00e9keket.<\/p>\n\n\n\n

\"Egyedi
A t\u00e9m\u00e1k saj\u00e1t t\u00f6r\u00e9spontokkal szab\u00e1lyozhatj\u00e1k a reszponz\u00edv st\u00edlusokat. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

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

A Tabs blokk f\u00fcles paneleken rendezi el az \u00f6sszetartoz\u00f3 tartalmat. \u00cdgy nem kell minden inform\u00e1ci\u00f3t egyszerre megjelen\u00edtened, \u00e9s zs\u00fafolts\u00e1g n\u00e9lk\u00fcl szervezheted egy egys\u00e9gbe a kapcsol\u00f3d\u00f3 r\u00e9szleteket.<\/p>\n\n\n\n

\"Tabs
A Tabs blokk rendezettebben jelen\u00edti meg az egym\u00e1shoz kapcsol\u00f3d\u00f3 tartalmakat. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Saj\u00e1t ikonok az Icon blokkhoz<\/h3>\n\n\n\n

A fejleszt\u0151k saj\u00e1t ikonkollekci\u00f3kkal b\u0151v\u00edthetik a WordPress ikonk\u00e9szlet\u00e9t. Az \u00edgy regisztr\u00e1lt ikonok a be\u00e9p\u00edtett k\u00f6nyvt\u00e1r mellett a teljes szerkeszt\u0151ben haszn\u00e1lhat\u00f3k.<\/p>\n\n\n\n

\"Egyedi
Saj\u00e1t ikonok is el\u00e9rhet\u0151v\u00e9 tehet\u0151k a szerkeszt\u0151 ikonk\u00e9szlet\u00e9ben. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Interakt\u00edv gomb\u00e1llapotok<\/h3>\n\n\n\n

A Button blokkokhoz k\u00f6zvetlen\u00fcl a szerkeszt\u0151 st\u00edlusvez\u00e9rl\u0151iben adhatsz elt\u00e9r\u0151 hover, focus \u00e9s active \u00e1llapotot. A be\u00e1ll\u00edt\u00e1s \u00e9rv\u00e9nyes lehet egyetlen gombra vagy az oldal \u00f6sszes gombj\u00e1ra.<\/p>\n\n\n\n

\"Gombblokk
A Button blokkok interakt\u00edv \u00e1llapotai egyedi st\u00edlust kaphatnak. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Kisz\u00e1m\u00edthat\u00f3bb szerkeszt\u00e9si v\u00e1szon<\/h2>\n\n\n\n

A bejegyz\u00e9sszerkeszt\u0151 most m\u00e1r minden t\u00e9m\u00e1n\u00e1l teljesen iframe-ben fut, ugyan\u00fagy, mint a Site Editor. A szerkeszt\u00e9si v\u00e1szon \u00edgy elk\u00fcl\u00f6n\u00fcl a WordPress adminfel\u00fclet\u00e9t\u0151l, ez\u00e9rt az admin st\u00edlusai nem sz\u00f3lnak bele a tartalom megjelen\u00e9s\u00e9be.<\/p>\n\n\n\n

A viewporthoz k\u00f6t\u00f6tt egys\u00e9gek \u00e9s a media queryk k\u00f6zvetlen\u00fcl a szerkeszt\u00e9si v\u00e1sznat c\u00e9lozz\u00e1k. A v\u00e1ltoz\u00e1s nagyr\u00e9szt \u00e9szrev\u00e9tlen marad, de a reszponz\u00edv elrendez\u00e9sek szerkeszt\u00e9s k\u00f6zben megb\u00edzhat\u00f3bban viselkednek.<\/p>\n\n\n\n

Fejleszt\u0151i eszk\u00f6zt\u00e1r<\/h2>\n\n\n\n

A WordPress 7.1 az ikonok, az automatiz\u00e1l\u00e1s, az adminfel\u00fcletek \u00e9s a reszponz\u00edv st\u00edlusok k\u00f6r\u00fcl is b\u0151v\u00edti a fejleszt\u0151i API-kat.<\/p>\n\n\n\n

Az SVG Icon API nyilv\u00e1nos API-v\u00e1 v\u00e1lt. Saj\u00e1t ikonkollekci\u00f3kat \u00e9s ikonokat regisztr\u00e1lhatsz, majd a szerkeszt\u0151ben haszn\u00e1lhatod \u0151ket p\u00e9ld\u00e1ul a wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> \u00e9s wp_get_icon()<\/code> f\u00fcggv\u00e9nyekkel.<\/p>\n\n\n\n

Az Abilities API a WordPress 6.9-ben bevezetett infrastrukt\u00far\u00e1ra \u00e9p\u00edt. Sz\u0171rhet\u0151 v\u00e9grehajt\u00e1si \u00e9letciklust, egyedi valid\u00e1ci\u00f3t \u00e9s megosztott felfedez\u00e9st kapott, ami egyszer\u0171bb\u00e9 teszi az integr\u00e1ci\u00f3k \u00e9s automatiz\u00e1ci\u00f3k – k\u00f6zt\u00fck AI-alap\u00fa eszk\u00f6z\u00f6k – \u00e9p\u00edt\u00e9s\u00e9t.<\/p>\n\n\n\n

Az \u00faj Design System alapot ad a WordPress adminfel\u00fcleteinek t\u00e9m\u00e1z\u00e1s\u00e1hoz: sz\u00edneket, lekerek\u00edt\u00e9st \u00e9s kurzorst\u00edlusokat is kezel. Szemantikus design tokenekkel \u00e9s a ThemeProvider<\/code> React komponenssel olyan egyedi adminfel\u00fcletet k\u00e9sz\u00edthetsz, amely vizu\u00e1lisan tov\u00e1bbra is illeszkedik a WordPress-hez.<\/p>\n\n\n\n

A t\u00e9maszerz\u0151k a theme.json<\/code> f\u00e1jlban reszponz\u00edv \u00e9s pszeudo\u00e1llapot-st\u00edlusokat is megadhatnak a hover, focus, focus-visible \u00e9s active \u00e1llapothoz. \u00daj filterekkel konfigur\u00e1lhatj\u00e1k a Site Editor Pages, Templates, Parts \u00e9s Patterns fel\u00fcleteit kiszolg\u00e1l\u00f3 DataViews \u00e9s DataForm k\u00e9perny\u0151ket is.<\/p>\n\n\n\n

Akad\u00e1lymentess\u00e9gi fejleszt\u00e9sek<\/h2>\n\n\n\n

A WordPress core \u00e9s a szerkeszt\u0151 akad\u00e1lymentess\u00e9ge is javul. Az \u00faj wp_get_tooltip()<\/code> \u00e9s wp_get_toggletip()<\/code> f\u00fcggv\u00e9nyek hozz\u00e1f\u00e9rhet\u0151 tooltipet adnak az admin t\u00f6bb ter\u00fclet\u00e9n, bele\u00e9rtve a bejegyz\u00e9s meta boxait \u00e9s a bejelentkez\u00e9si k\u00e9perny\u0151t.<\/p>\n\n\n\n

A k\u00e9perny\u0151olvas\u00f3s haszn\u00e1lat egy\u00e9rtelm\u0171bb c\u00edmk\u00e9ket \u00e9s kisz\u00e1m\u00edthat\u00f3bb navig\u00e1ci\u00f3t kap az adminfel\u00fcleteken, k\u00fcl\u00f6n\u00f6sen a bejegyz\u00e9slista-t\u00e1bl\u00e1zatokban. A Tabs \u00e9s Playlist blokkok, valamint a szerkeszt\u0151 navig\u00e1ci\u00f3j\u00e1nak \u00e9s interakci\u00f3inak jav\u00edt\u00e1sai is ezt a munk\u00e1t eg\u00e9sz\u00edtik ki.<\/p>\n\n\n\n

Tov\u00e1bbi teljes\u00edtm\u00e9nyjav\u00edt\u00e1sok<\/h2>\n\n\n\n

A GIF-vide\u00f3v\u00e1 alak\u00edt\u00e1s opcion\u00e1lisan bekapcsolhat\u00f3, \u00e9s jellemz\u0151en kisebb f\u00e1jlokat k\u00e9sz\u00edt. A felt\u00f6lt\u00e9sek folyamatjelz\u0151t \u00e9s automatikus \u00fajrapr\u00f3b\u00e1lkoz\u00e1st is kapnak, ez\u00e9rt kapcsolatmegszakad\u00e1skor ellen\u00e1ll\u00f3bbak.<\/p>\n\n\n\n

A M\u00e9diat\u00e1r alap\u00e9rtelmez\u00e9sben v\u00e9gtelen g\u00f6rget\u00e9st haszn\u00e1l. Felhaszn\u00e1l\u00f3nk\u00e9nt vissza\u00e1ll\u00edthat\u00f3 a lapoz\u00e1s, ha ink\u00e1bb azt a navig\u00e1ci\u00f3t r\u00e9szes\u00edted el\u0151nyben.<\/p>\n\n\n\n

A spekulat\u00edv bet\u00f6lt\u00e9s alap\u00e9rtelmezett viselked\u00e9se k\u00f6rnyezeti v\u00e1ltoz\u00f3kon vagy konstansokon kereszt\u00fcl is megadhat\u00f3. A hoszting szolg\u00e1ltat\u00f3k \u00e9s a webhelytulajdonosok \u00edgy b\u0151v\u00edtm\u00e9ny \u00edr\u00e1sa n\u00e9lk\u00fcl szab\u00e1lyozhatj\u00e1k, hogyan t\u00f6ltse el\u0151re a WordPress az oldalakat.<\/p>\n\n\n\n

Friss\u00edt\u00e9s el\u0151tt \u00e9s ut\u00e1n<\/h2>\n\n\n\n

A kiad\u00e1s teljes funkci\u00f3bemutat\u00f3j\u00e1t a WordPress 7.1 kiad\u00e1si oldal\u00e1n<\/a> n\u00e9zheted \u00e1t. Telep\u00edt\u00e9si tudnival\u00f3k\u00e9rt, jav\u00edt\u00e1sok\u00e9rt \u00e9s f\u00e1jlv\u00e1ltoz\u00e1sok\u00e9rt olvasd el a WordPress 7.1 Release Notes<\/a> dokument\u00e1ci\u00f3t.<\/p>\n\n\n\n

Fejleszt\u0151k\u00e9nt a r\u00e9szletes v\u00e1ltoz\u00e1sokat \u00e9s integr\u00e1ci\u00f3s tudnival\u00f3kat a WordPress 7.1 Field Guide<\/a> gy\u0171jti \u00f6ssze. A Learn WordPress<\/a> ingyenes \u00fatmutat\u00f3vide\u00f3kat, interakt\u00edv workshopokat \u00e9s r\u00e9szletes lecketerveket k\u00edn\u00e1l kezd\u0151 \u00e9s tapasztalt felhaszn\u00e1l\u00f3knak; a workshopok a social learning fel\u00fcleten<\/a> \u00e9rhet\u0151k el.<\/p>\n\n\n\n

\n\n

Gyakorlati teend\u0151<\/h4>\n\n\n

Friss\u00edt\u00e9s el\u0151tt ellen\u0151rizd a t\u00e9ma \u00e9s a haszn\u00e1lt b\u0151v\u00edtm\u00e9nyek kompatibilit\u00e1s\u00e1t tesztk\u00f6rnyezetben. Ha blokk t\u00e9m\u00e1t fejlesztesz, k\u00fcl\u00f6n vizsg\u00e1ld meg a theme.json<\/code> reszponz\u00edv t\u00f6r\u00e9spontjait \u00e9s pszeudo\u00e1llapot-st\u00edlusait, mert a 7.1 t\u00f6bb \u00faj konfigur\u00e1ci\u00f3s lehet\u0151s\u00e9get ad.<\/p>\n\n<\/div>\n\n\n

\n

Hivatkoz\u00e1sok \/ Forr\u00e1sok<\/h2>\n