WordPress 7.1 Mary Lou: odzivni slogi, mediji in nova orodja za razvijalce

WordPress 7.1 z vzdevkom »Mary Lou« razširja urejevalnik, medijsko knjižnico in razvijalska orodja. Posodobitev se osredotoča na odzivno oblikovanje, sodelovanje pri urejanju vsebine, obdelavo slik v brskalniku ter doslednejši vmesnik za administracijo in urejanje.

Odzivni slogi neposredno v urejevalniku

WordPress 7.1 dodaja odzivne kontrole v urejevalnik spletnega mesta. V Global Styles ali nastavitvah posameznega bloka lahko nastaviš videz za različne velikosti zaslona, ne da bi za to pisal CSS. Med delom lahko spremembe preveriš v predogledih različnih velikosti viewporta, zato lažje sestaviš postavitve, ki se prilagodijo načinu brskanja obiskovalcev.

Administratorska vrstica ostane vidna v vseh urejevalnikih

Administratorska vrstica zdaj spremlja delo v vseh urejevalnikih. Tako lažje ohraniš orientacijo in dostopaš do znanih orodij, ko prehajaš med nadzorno ploščo, urejevalnikom objav in urejevalnikom spletnega mesta. Posodobitev prinaša tudi manjše vizualne popravke administratorske vrstice.

Nov potek obrezovanja slik

Prejšnje obrezovanje znotraj strani nadomešča novo modalno okno urejevalnika predstavnostnih datotek. Do njega še vedno prideš z znanim gumbom Crop, nato pa na enem mestu prosto obrežeš sliko ali uporabiš določeno razmerje stranic, jo zrcališ vodoravno oziroma navpično, natančno ali z zaskočitvijo zavrtiš ter urejaš metapodatke.

Opombe z omembami in oblikovanim besedilom

Opombe zdaj podpirajo obogateno besedilo in omembe sodelavcev. V opombi lahko uporabiš krepko ali ležeče besedilo, kodo in povezave; z znakom @ omeniš sodelavca ter ga obvestiš o komentarju.

Opombo lahko pripneš na točno izbrani del besedila, ne le na cel blok. Na istem bloku lahko vodiš več ločenih pogovorov, daljše opombe pa zložiš, da rob urejevalnika ostane pregleden. To olajša pregledovanje in usklajevanje vsebine med več avtorji.

Obdelava medijev v brskalniku in novi slikovni formati

Stiskanje slik, spreminjanje njihovih dimenzij in ustvarjanje sličic se zdaj izvajajo v brskalniku. WordPress pri tem uporablja različico knjižnice libvips, prevedeno v WebAssembly, kar razbremeni strežnik, ustvari manjše datoteke in pomaga preprečiti omejitve pomnilnika PHP ter časovne prekinitve pri nalaganju.

WordPress 7.1 izvorno podpira tudi AVIF, HEIC in HDR gain maps. Tako lahko obdela slikovne formate, ki jih že ustvarjajo sodobni telefoni in fotoaparati.

Novi bloki in dodatne možnosti oblikovanja

Blok Playlist

Novi blok Playlist združi več zvočnih skladb v en seznam predvajanja. Po želji lahko prikaže tudi valovno obliko, ki poslušalcu vizualno pokaže potek posamezne skladbe.

Lastne odzivne prelomne točke v temi

Blokovne teme lahko v datoteki theme.json določijo lastne mobilne in tablične prelomne točke. S tem prepišejo privzete prelomne točke za odzivne sloge in vidnost blokov.

Blok Tabs

Blok Tabs razporedi povezano vsebino v zavihke. Namesto da prikažeš vse informacije hkrati, jih lahko razdeliš v plošče in s tem zmanjšaš vizualno gnečo.

Interaktivna stanja gumbov

Pri blokih Button lahko v kontrolah slogov neposredno nastaviš ločene sloge za stanja hover, focus in active. Slog lahko določiš za en gumb ali za vse gumbe na spletnem mestu.

Doslednejše okolje urejevalnika

Urejevalnik objav zdaj pri vseh temah v celoti uporablja iframe, enako kot urejevalnik spletnega mesta. Platno za urejanje deluje ločeno od administratorskega vmesnika, zato administratorski slogi ne vplivajo na vsebino.

Enote, odvisne od viewporta, in media queries zdaj ciljajo neposredno na platno urejevalnika. Odzivne postavitve se zato med izdelavo obnašajo predvidljiveje, rezultat pa je zanesljivejša in bolj enotna izkušnja urejanja.

Orodja za razvijalce

WordPress 7.1 razširja API-je in orodja za ikone, avtomatizacijo, administratorske vmesnike in odzivno oblikovanje. Najpomembnejše spremembe zadevajo SVG Icon API, Abilities API, Design System ter možnosti za avtorje tem.

Javni SVG Icon API

SVG Icon API je zdaj javen. Razvijalci lahko registrirajo lastne zbirke ikon in posamezne ikone, nato pa jih uporabljajo po celotnem urejevalniku ob vgrajeni knjižnici ikon.

<?php

// Registriraj zbirko ikon in posamezno ikono za uporabo v urejevalniku.
wp_register_icon_collection( 'myplugin-icons', $collection_args );
wp_register_icon( 'myplugin-icons/my-icon', $icon_args );

$icon = wp_get_icon( 'myplugin-icons/my-icon' );

<?php

// Registriraj zbirko ikon in posamezno ikono za uporabo v urejevalniku.
wp_register_icon_collection( 'myplugin-icons', $collection_args );
wp_register_icon( 'myplugin-icons/my-icon', $icon_args );

$icon = wp_get_icon( 'myplugin-icons/my-icon' );

Razširjeni Abilities API

Abilities API nadgrajuje infrastrukturo iz WordPressa 6.9. Dodaja življenjski cikel izvajanja, ki ga lahko prilagodiš s filtri, lastno preverjanje veljavnosti in skupno odkrivanje zmožnosti. Te dopolnitve olajšajo gradnjo integracij in avtomatizacije na WordPressu, tudi orodij, ki uporabljajo AI.

Design System za administratorske vmesnike

Novi Design System prinaša osnovo za tematiziranje administratorskih vmesnikov WordPressa, vključno z barvami, zaobljenostjo in slogi kazalca. S pomenskimi oblikovalskimi žetoni in komponento React ThemeProvider lahko zgradiš bolj enoten lastni administratorski vmesnik, ki se še vedno vizualno ujema z WordPressom.

Novosti za avtorje tem

Avtorji tem dobijo odzivne sloge in sloge psevdostanj za hover, focus, focus-visible in active prek datoteke theme.json. Na voljo so tudi novi filtri za konfiguriranje zaslonov DataViews in DataForm, ki v urejevalniku spletnega mesta poganjajo strani, predloge, dele predlog in vzorce.

Dostopnost

WordPress 7.1 izboljšuje dostopnost v WordPress core in urejevalniku. Novi funkciji wp_get_tooltip() in wp_get_toggletip() prinašata dostopne namige v več delov administracije, tudi v meta polja objav in na prijavni zaslon.

Bralniki zaslona dobijo jasnejše oznake in predvidljivejšo navigacijo po tabelah seznamov objav v administraciji. Novi blok Tabs, blok Playlist ter izboljšave navigacije in interakcij v urejevalniku širijo dostopnostne izboljšave te izdaje.

Dodatne izboljšave zmogljivosti

Pretvorbo GIF v video lahko po želji vključiš, da ustvariš običajno manjše datoteke. Kazalniki napredka nalaganja in samodejni ponovni poskusi hkrati povečajo odpornost nalaganja, kadar povezava prekine prenos.

Medijska knjižnica privzeto uporablja neskončno drsenje. Vsak uporabnik lahko v nastavitvah znova izbere straničenje. Privzete nastavitve špekulativnega nalaganja lahko nastaviš z okoljskimi spremenljivkami ali konstantami, zato lahko ponudniki gostovanja in lastniki spletnih mest prilagodijo prednalaganje strani brez vtičnika.

Kaj preveriti po posodobitvi

Po namestitvi WordPressa 7.1 preveri odzivne sloge blokov in prelomne točke v theme.json, če uporabljaš blokovno temo. Preizkusi tudi iframe urejevalnika, zlasti če tema ali vtičniki posegajo v sloge urejevalnika.

Razvijalci vtičnikov naj pregledajo možnosti SVG Icon API-ja, Abilities API-ja in novih dostopnostnih funkcij. Za celoten seznam sprememb, navodila za namestitev, odpravljene težave in spremembe datotek uporabi dokumentacijo izdaje ter Field Guide za WordPress 7.1.

• Dokumentacija WordPress 7.1 vključuje informacije o namestitvi, izboljšavah, odpravljenih težavah, učnih virih in spremenjenih datotekah.
• WordPress 7.1 Field Guide vsebuje podrobne razvijalske opombe za gradnjo na novi različici.
• Learn WordPress ponuja brezplačne videe z navodili, interaktivne delavnice in učne načrte za nove ter izkušene uporabnike WordPressa.