WordPress 7.1 „Mary Lou”: responsīvi stili, mediju apstrāde un jaunas API
WordPress 7.1 ar kodvārdu „Mary Lou” paplašina vietnes redaktora stilu rīkus, pārveido mediju rediģēšanas plūsmu un pievieno sadarbības iespējas redaktorā. Laidiens nosaukts džeza pianistes, aranžētājas un komponistes Mary Lou Williams vārdā – mūziķes, kura savu skanējumu nepārtraukti attīstīja no swing līdz bebop un sakrālajam džezam.
Mary Lou Williams jau sešu gadu vecumā publiski spēlēja klavieres, bet 20. gadsimta 40. gados viņas Hārlemas dzīvoklis kļuva par vakara darbnīcu, kur Thelonious Monk, Dizzy Gillespie un Bud Powell apmainījās idejām un veidoja bebop. Tieši šī jaunrades un sadarbības kombinācija iedvesmo WordPress 7.1 laidienu.
Lejupielādē WordPress 7.1Responsīvie stili bez pielāgota CSS
Vietnes redaktors ļauj pielāgot bloka izskatu dažādiem ekrāna izmēriem tieši Global Styles vai konkrēta bloka iestatījumos. Šī iespēja papildina jau pieejamo bloku rādīšanas un slēpšanas vadību, tāpēc responsīvu noformējumu vari veidot bez pielāgota CSS.
Rediģēšanas laikā vari arī priekšskatīt rezultātu dažādos viewport izmēros. Tas ļauj uzreiz pārbaudīt, kā izkārtojums pielāgojas cilvēku izmantotajām ierīcēm.
Admin josla visos redaktoros
WordPress admin josla tagad paliek redzama, pārejot starp visiem redaktoriem. Tā palīdz saprast pašreizējo atrašanās vietu un dod ātru piekļuvi pazīstamiem rīkiem gan raksta redaktorā, gan vietnes dizaina rediģēšanā.
Josla saņēmusi arī nelielus vizuālus uzlabojumus, kas padara saskarni viengabalaināku.
Vienota attēlu apgriešanas plūsma
Jauns mediju redaktora modālais logs aizstāj iepriekšējo iebūvēto apgriešanas rīku. Pazīstamā poga Crop joprojām atver rediģēšanu, taču tagad vienā vietā vari brīvi apgriezt attēlu vai izmantot malu attiecību, apgriezt to horizontāli un vertikāli, precīzi pagriezt vai pagriezt ar fiksētu soli, kā arī mainīt metadatus.
Piezīmes tekstā ar pieminēšanu
Piezīmes tagad atbalsta bagātinātu tekstu un pieminēšanu ar @. Vari pievienot treknrakstu, slīprakstu, kodu un saites, kā arī pieminēt līdzstrādnieku, lai tas saņemtu paziņojumu.
Piezīmi var piesaistīt konkrētam teksta fragmentam, ne tikai visam blokam. Vienā blokā iespējams vienlaikus uzturēt vairākas sarunas, bet garākas piezīmes var sakļaut, lai saglabātu pārskatāmu piemali.
Ātrāka mediju apstrāde un jauni formāti
Attēlu saspiešanu, izmēra maiņu un sīktēlu ģenerēšanu WordPress 7.1 veic pārlūkā. Tas mazina servera noslodzi, veido mazākus failus un palīdz izvairīties no PHP atmiņas limita un augšupielādes noildzes problēmām.
Mediju apstrāde dabiski atbalsta arī AVIF, HEIC un HDR gain maps formātus, kurus jau veido moderni telefoni un kameras.
Jauni bloki un sīkāka noformējuma vadība
Laidiens pievieno Playlist un Tabs blokus, kā arī vairākas iespējas noteikt satura uzvedību un vizuālo noformējumu.
Playlist bloks
Playlist blokā vari apvienot vairākus audio celiņus vienā atskaņošanas sarakstā. Ja vajag, pievieno arī viļņu formas attēlojumu, kas klausītājam vizuāli parāda katra celiņa atskaņošanu.
Pielāgoti responsīvie lūzumpunkti
Bloku tēmas var definēt savus mobilo ierīču un planšetdatoru lūzumpunktus theme.json failā. Tie aizstāj responsīvo stilu un bloku redzamības noklusējuma lūzumpunktus.
Tabs bloks
Tabs bloks kārto saturu paneļos ar cilnēm, nevis parāda visu vienlaikus. Tas ļauj tīrāk attēlot saistītu informāciju un nepārslogot lapu.
Pielāgotas ikonu kolekcijas
Izstrādātāji var papildināt WordPress ikonu bibliotēku ar savām kolekcijām. Pielāgotās ikonas kļūst pieejamas redaktorā līdzās iebūvētajai bibliotēkai.
Pogu interaktīvie stāvokļi
Button blokiem stilu vadīklās vari tieši iestatīt atšķirīgu noformējumu hover, focus un active stāvoklim. Stilus vari piešķirt vienai pogai vai uzreiz visām pogām.
hover, focus un active stāvokļus var noformēt redaktorā. — Forrás: WordPress.orgKonsekventāks rediģēšanas audekls
Raksta redaktors tagad visām tēmām pilnībā izmanto iframe, tāpat kā vietnes redaktors. Rediģēšanas audekls darbojas atsevišķi no WordPress admin saskarnes, tādēļ admin stili vairs neietekmē satura izskatu.
Viewport relatīvās mērvienības un media queries tagad mērķē tieši rediģēšanas audeklu. Responsīvie izkārtojumi tāpēc rediģēšanas laikā darbojas paredzamāk, pat ja šī tehniskā izmaiņa lielākoties nav redzama.
Rīki izstrādātājiem
WordPress 7.1 paplašina API un rīkus ikonām, automatizācijai, admin saskarnēm un responsīvajiem stiliem.
SVG Icon API tagad ir publiska API. Tā ļauj reģistrēt savas ikonu kolekcijas un ikonas, kā arī izmantot tās redaktorā ar wp_register_icon_collection(), wp_register_icon() un wp_get_icon() funkcijām.
Abilities API turpina WordPress 6.9 ieviesto infrastruktūru ar filtrējamu izpildes dzīves ciklu, pielāgotu validāciju un koplietojamu atklāšanu. Šie papildinājumi atvieglo integrāciju un automatizācijas rīku veidošanu uz WordPress bāzes, tostarp AI rīku izstrādi.
Jaunā Design System nodrošina pamatu WordPress admin saskarņu tēmošanai, tostarp krāsu, stūru noapaļojuma un kursora stiliem. Izmanto semantiskus dizaina tokenus un React komponenti ThemeProvider, lai pielāgota admin saskarne būtu konsekventa un vienlaikus iederētos WordPress vidē.
Tēmu autori ar theme.json iegūst responsīvos stilus un pseidostāvokļu stilus hover, focus, focus-visible un active stāvokļiem. Pieejami arī jauni filtri DataViews un DataForm ekrānu konfigurēšanai; šie ekrāni vietnes redaktorā darbina Pages, Templates, Parts un Patterns skatus.
Pieejamības uzlabojumi
WordPress core un redaktors turpina uzlabot pieejamību. Jaunās wp_get_tooltip() un wp_get_toggletip() funkcijas ļauj izmantot pieejamus rīka padomus plašākā WordPress admin daļā, arī rakstu meta lodziņos un pieslēgšanās ekrānā.
Ekrānlasītāju lietotāji admin saskarnēs saņem skaidrākus apzīmējumus un paredzamāku navigāciju rakstu sarakstu tabulās. Tabs un Playlist bloki, kā arī redaktora navigācijas un mijiedarbības uzlabojumi papildina laidiena pieejamības darbu.
Veiktspēja un augšupielāžu noturība
Pārlūkā veikto attēlu apstrādi nodrošina libvips WebAssembly būvējums. Tādējādi serveris apstrādā mazāku slodzi un lielu augšupielāžu laikā retāk rodas atmiņas limita vai noildzes kļūdas.
Pēc izvēles vari ieslēgt GIF pārveidošanu video formātā, kas parasti rada mazākus failus. Augšupielādes progresa indikatori un automātiski atkārtojumi padara augšupielādes noturīgākas, ja savienojums pārtrūkst.
Media Library pēc noklusējuma izmanto bezgalīgo ritināšanu, bet katrs lietotājs savos iestatījumos var atgriezties pie lappusēm. Spekulatīvās ielādes noklusējuma iestatījumus var definēt ar vides mainīgajiem vai konstantēm, tāpēc hostinga pakalpojuma sniedzēji un vietņu īpašnieki var regulēt WordPress lapu priekšielādi bez spraudņa.
Ko darīt tālāk
Pirms WordPress 7.1 ievieto produkcijas vidē, pārbaudi tēmas un spraudņu savietojamību testa vidē. Tēmu autoriem īpaši vērts pārskatīt theme.json responsīvos lūzumpunktus un pseidostāvokļu stilus, savukārt integrāciju veidotājiem – SVG Icon API, Abilities API un admin saskarņu Design System iespējas.
Pilnu jaunumu pārskatu skati WordPress 7.1 laidiena lapā. Instalēšanas informāciju, labojumus un failu izmaiņu sarakstu atradīsi WordPress 7.1 Release Notes, bet detalizētas piezīmes izstrādātājiem – WordPress 7.1 Field Guide. Praktiskus materiālus jaunajiem un pieredzējušajiem lietotājiem piedāvā bezmaksas Learn WordPress platforma ar pamācību video, interaktīvām darbnīcām un nodarbību plāniem.
Līga Bērziņa
Latvijas komandas galvenā redaktore, IT projektu vadītāja un digitālās transformācijas konsultante. Agile pāreja un digitālā stratēģija ir mana specialitāte.
Visas publikācijas
