{"id":273,"date":"2026-08-22T11:25:34","date_gmt":"2026-08-22T09:25:34","guid":{"rendered":"https:\/\/helloblog.io\/et\/wordpress-7-1-mary-lou\/"},"modified":"2026-08-22T11:25:34","modified_gmt":"2026-08-22T09:25:34","slug":"wordpress-7-1-mary-lou","status":"publish","type":"post","link":"https:\/\/helloblog.io\/et\/wordpress-7-1-mary-lou\/","title":{"rendered":"WordPress 7.1 Mary Lou toob redaktorisse responsiivsed stiilid ja uued plokid"},"content":{"rendered":"\n

WordPress 7.1 kannab koodnime \u201eMary Lou\u201d ja austab d\u017e\u00e4sspianisti, arran\u017eeerijat ning heliloojat Mary Lou Williamsit. Williams esines avalikult juba kuueaastaselt, m\u00f5jutas swingi, bebopi ja sakraalse d\u017e\u00e4ssi ajastuid ning kujundas 1940. aastatel oma Harlemi korteris bebopi arengut koos Thelonious Monki, Dizzy Gillespie ja Bud Powelliga. V\u00e4ljaanne v\u00f5tab sellest eeskuju: see \u00fchendab t\u00f6\u00f6voo j\u00e4rjepidevuse, kohandatavuse ja koost\u00f6\u00f6.<\/p>\n\n\n\n

Uus versioon keskendub adminis liikumisele, kujunduse juhtimisele, sisu \u00fchiselt toimetamisele ja saidi ehitamisele ilma lisapluginaid vajamata. Allpool on l\u00e4bi k\u00e4idud nii kasutajale n\u00e4htavad muudatused kui ka arendajatele olulised API-d, teema v\u00f5imalused, ligip\u00e4\u00e4setavus ja j\u00f5udlust\u00f6\u00f6.<\/p>\n\n\n\n <\/i><\/span>\n \n Laadi alla WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsiivsed stiilid j\u00f5uavad saidiredaktorisse<\/h2>\n\n\n\n

WordPress 7.1 lubab m\u00e4\u00e4rata ploki v\u00e4limust eri ekraanisuuruste jaoks otse saidiredaktoris. Stiile saad seada nii globaalsetes stiilides kui ka \u00fcksiku ploki seadetes; senistele ploki peitmise ja n\u00e4itamise valikutele lisandub t\u00e4psem kujunduse juhtimine. Kohandatud CSS-i pole selleks vaja.<\/p>\n\n\n\n

T\u00f6\u00f6 ajal saad muudatusi vaadata eri viewport’i suurustes. See aitab teha paigutusi, mis kohanduvad ennustatavalt sellega, kuidas k\u00fclastajad veebisaiti eri seadmetes sirvivad.<\/p>\n\n\n\n

\"Responsiivsete
Ploki stiile saab kohandada eri ekraanisuurustele. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Adminiriba p\u00fcsib igas redaktoris<\/h2>\n\n\n\n

Adminiriba kuvatakse n\u00fc\u00fcd k\u00f5igis redaktorites, mitte ainult admini \u00fcksikutes vaadetes. Nii n\u00e4ed alati oma asukohta ja p\u00e4\u00e4sed tuttavate t\u00f6\u00f6riistadeni nii postitust kirjutades kui ka saidi kujundust muutes. Samal ajal uuendati riba v\u00e4limust v\u00e4ikeste viimistlustega.<\/p>\n\n\n\n

\"WordPressi
Sama adminiriba saadab sind n\u00fc\u00fcd k\u00f5igis redaktorites. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Piltide t\u00f6\u00f6tlemine kolib \u00fchte vaatesse<\/h2>\n\n\n\n

Varasema pildil kuvatud k\u00e4rpimist\u00f6\u00f6riista asemel avab tuttav nupp Crop n\u00fc\u00fcd eraldi meediaredaktori modaali. Seal saad \u00fches t\u00f6\u00f6voos k\u00e4rpida vabalt v\u00f5i kuvasuhte j\u00e4rgi, p\u00f6\u00f6rata pilti horisontaalselt ja vertikaalselt, p\u00f6\u00f6rata seda t\u00e4pse nurga v\u00f5i fikseeritud sammuga ning muuta metaandmeid.<\/p>\n\n\n\n

\"WordPressi
K\u00e4rpimine, p\u00f6\u00f6ramine, peegeldamine ja metaandmed asuvad samas modaalis. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

M\u00e4rkmed toetavad vormindust ja mainimisi<\/h2>\n\n\n\n

M\u00e4rkmetesse saad n\u00fc\u00fcd lisada rikastatud teksti: paksu ja kaldkirja, koodi ning linke. Kirjuta @<\/code>, et mainida kaast\u00f6\u00f6tajat ja talle teavitus saata. M\u00e4rkme saad siduda ka konkreetse tekstikatkega, mitte ainult terve plokiga.<\/p>\n\n\n\n

\u00dchel plokil v\u00f5ib korraga k\u00e4ia mitu vestlust ning pikad m\u00e4rkmed saab \u00e4\u00e4realas kokku pakkida. See muudab sisu \u00fclevaatamise ja tagasisideringid paremini hallatavaks.<\/p>\n\n\n\n

\"WordPressi
M\u00e4rkme saab j\u00e4tta otse valitud tekstile ning kaasata mainimisega \u00f5ige inimese. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Meedia t\u00f6\u00f6tlemine v\u00e4hendab serveri koormust<\/h2>\n\n\n\n

Piltide pakkimine, m\u00f5\u00f5tmete muutmine ja pisipiltide loomine toimuvad n\u00fc\u00fcd brauseris. WordPress kasutab selleks libvipsi WebAssembly-versiooni, mis v\u00e4hendab serveri t\u00f6\u00f6koormust ning aitab suuremate failide korral v\u00e4ltida PHP m\u00e4lupiiranguid ja \u00fcleslaadimise ajal\u00f5ppe.<\/p>\n\n\n\n

Meediateek toetab natiivselt AVIF-i, HEIC-i ja HDR gain map’e ehk vorminguid, mida t\u00e4nap\u00e4eva telefonid ja kaamerad juba loovad. Valikuline GIF-i videoks teisendamine annab tavaliselt v\u00e4iksema faili. \u00dcleslaadimised n\u00e4itavad edenemist ning \u00fchenduse katkedes proovib WordPress need automaatselt uuesti k\u00e4ivitada.<\/p>\n\n\n\n

\"WordPressi
Brauseris t\u00f6\u00f6tlemine v\u00e4hendab serveri koormust ja lisab uute pildivormingute toe. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Uued plokid ja t\u00e4psemad kujundusvalikud<\/h2>\n\n\n\n

V\u00e4ljaanne lisab Playlist- ja Tabs-ploki ning laiendab mitme olemasoleva ploki ja teema kohandamisv\u00f5imalusi. Need muudatused aitavad sisu struktureerida ja interaktsioonide v\u00e4limust juhtida otse redaktoris.<\/p>\n\n\n\n

Playlist-plokk koondab helirajad<\/h3>\n\n\n\n

Playlist-plokiga saad avaldada mitu helirada \u00fche esitusloendina. Soovi korral n\u00e4itab plokk lainekuju, mis annab kuulajale visuaalse \u00fclevaate loo kulgemisest esitusel.<\/p>\n\n\n\n

\"Playlist-plokk
Esitusloend v\u00f5ib kuvada ka heliradade lainekuju. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Teema m\u00e4\u00e4rab oma murdepunktid<\/h3>\n\n\n\n

Plokiteema saab theme.json<\/code>-is m\u00e4\u00e4rata mobiili- ja tahvlivaate murdepunktid. Need v\u00e4\u00e4rtused asendavad responsiivsete stiilide ja ploki n\u00e4htavuse vaikimisi murdepunktid.<\/p>\n\n\n\n

\"Responsiivsete
Plokiteema saab m\u00e4\u00e4rata mobiili- ja tahvlivaate jaoks oma murdepunktid. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Tabs-plokk hoiab seotud sisu kompaktsena<\/h3>\n\n\n\n

Tabs-plokk jagab seotud sisu vahekaartidega paneelideks. Nii ei pea k\u00f5ike korraga lehel n\u00e4itama ning sisu j\u00e4\u00e4b tihedates vaadetes selgemaks.<\/p>\n\n\n\n

\"Tabs-plokk
Vahekaardid aitavad seotud sisu esitada ilma lehte \u00fcle koormamata. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Button-plokile saab m\u00e4\u00e4rata olekustiilid<\/h3>\n\n\n\n

Button-ploki hover-, focus- ja active-oleku stiile saad n\u00fc\u00fcd m\u00e4\u00e4rata redaktori stiiliseadetes. Stiili saab rakendada kas \u00fchele nupule v\u00f5i k\u00f5igile nuppudele.<\/p>\n\n\n\n

\"Button-ploki
Nupu hover-, focus- ja active-olekut saab kujundada ilma kohandatud CSS-ita. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Postiredaktor kasutab n\u00fc\u00fcd alati iframe’i<\/h2>\n\n\n\n

Postiredaktori t\u00f6\u00f6ala jookseb n\u00fc\u00fcd k\u00f5igi teemade puhul iframe’is, nagu saidiredaktoriski. Redigeerimisl\u00f5uend on seega WordPressi admini kasutajaliidesest eraldi ning admini stiilid ei sega enam sisu kuvamist.<\/p>\n\n\n\n

Viewport’i suhtelised \u00fchikud ja meediap\u00e4ringud sihivad n\u00fc\u00fcd otse redigeerimisl\u00f5uendit. Muutus j\u00e4\u00e4b enamasti m\u00e4rkamatuks, kuid responsiivne paigutus k\u00e4itub redigeerimise ajal t\u00f6\u00f6kindlamalt ja \u00fchtlasemalt.<\/p>\n\n\n\n

Arendaja t\u00f6\u00f6riistakast laieneb<\/h2>\n\n\n\n

WordPress 7.1 laiendab ikoonide, automatiseerimise, admini kasutajaliideste ja responsiivsete stiilidega seotud API-sid. SVG Icon API on n\u00fc\u00fcd avalik API: saad registreerida oma ikoonikogusid ja ikoone ning kasutada neid kogu redaktoris funktsioonidega wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> ja wp_get_icon()<\/code>.<\/p>\n\n\n\n

\"Kohandatud
Arendaja ikoonikogud on redaktoris saadaval koos sisseehitatud ikoonidega. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Abilities API laiendab WordPress 6.9-s lisatud taristut filtreeritava k\u00e4ivitusts\u00fckli, kohandatud valideerimise ja \u00fchise avastamisega. Nende abil on lihtsam ehitada WordPressi peale integratsioone ja automatiseerimist, sealhulgas AI-p\u00f5hiseid t\u00f6\u00f6riistu.<\/p>\n\n\n\n

Uus Design System loob aluse WordPressi admini kasutajaliideste teemastamiseks. See h\u00f5lmab v\u00e4rvi-, \u00fcmarus- ja kursori stiile. Semantiliste disainitokenite ning Reacti komponendi ThemeProvider<\/code> abil saad teha kohandatud adminivaateid \u00fchtlasemaks, s\u00e4ilitades samal ajal WordPressile omase v\u00e4limuse.<\/p>\n\n\n\n

Teema autorid saavad theme.json<\/code>-i kaudu responsiivsed stiilid ja pseudo-olekute stiilid olekutele hover, focus, focus-visible ning active. Lisaks lisanduvad filtrid, millega seadistada saidiredaktori Pages-, Templates-, Parts- ja Patterns-vaateid k\u00e4itavaid DataViews- ja DataForm-ekraane.<\/p>\n\n\n\n

Ligip\u00e4\u00e4setavus paraneb core’is ja redaktoris<\/h2>\n\n\n\n

Funktsioonid wp_get_tooltip()<\/code> ja wp_get_toggletip()<\/code> toovad ligip\u00e4\u00e4setavad kohtspikrid rohkematesse WordPressi admini osadesse, sealhulgas postituse meta box’idesse ja sisselogimisekraanile. Ekraanilugeja kasutajad saavad adminivaadetes selgemad sildid ning postituste loenditabelites \u00fchtlasema navigeerimise.<\/p>\n\n\n\n

Tabs- ja Playlist-plokk ning redaktori navigeerimise ja interaktsioonide t\u00e4iendused kuuluvad samuti v\u00e4ljaande laiemasse ligip\u00e4\u00e4setavuse t\u00f6\u00f6sse. Need muudatused teevad WordPressi rohkematele inimestele lihtsamini navigeeritavaks ja kasutatavaks.<\/p>\n\n\n\n

Veel j\u00f5udlusmuudatusi<\/h2>\n\n\n\n

Meediateek kasutab n\u00fc\u00fcd vaikimisi l\u00f5putut kerimist. Iga kasutaja saab oma seadetes valida tagasi lehek\u00fclgede kaupa sirvimise. Spekulatiivse laadimise vaikeseadeid saab m\u00e4\u00e4rata keskkonnamuutujate v\u00f5i konstantidega, nii et host ja saidi omanik saavad juhtida WordPressi lehtede eellaadimist plugina kirjutamiseta.<\/p>\n\n\n\n

\n\n

Mida tasub p\u00e4rast uuendust kontrollida<\/h4>\n\n\n

Vaata \u00fcle teema theme.json<\/code>-i responsiivsed seaded ja interaktiivsed olekustiilid, testi postiredaktoris iframe’i m\u00f5ju kohandatud CSS-ile ning hinda brauserip\u00f5hise pildit\u00f6\u00f6tluse ja uute \u00fcleslaadimisvoogude k\u00e4itumist oma tavap\u00e4raste failidega.<\/p>\n\n<\/div>\n\n\n\n

Kust leiad t\u00e4psemad tehnilised andmed<\/h2>\n\n\n\n

Uute v\u00f5imaluste koondvaate leiad WordPress 7.1 v\u00e4ljalaske lehelt<\/a>. Paigaldusjuhised, parandatud probleemid, \u00f5pperessursid ja failimuudatuste loend on WordPress 7.1 Release Notes’is<\/a>.<\/p>\n\n\n\n

Arendajana loe l\u00e4bi ka WordPress 7.1 Field Guide<\/a>, mis koondab \u00fcksikasjalikud arendajam\u00e4rkmed. Kasutusjuhendeid, \u00f5ppevideoid, interaktiivseid t\u00f6\u00f6tubasid ja p\u00f5hjalikke tunnikavasid pakub tasuta Learn WordPress<\/a> ning selle interaktiivsed t\u00f6\u00f6toad<\/a>.<\/p>\n\n\n

\n

Viited \/ Allikad<\/h2>\n