WordPress 7.1 „Mary Lou“: responsyvūs stiliai, naujas medijos redaktorius ir API kūrėjams
WordPress 7.1, kodiniu vardu „Mary Lou“, į WordPress administravimo ir redagavimo aplinką įneša daugiau nuoseklumo. Leidimas pavadintas džiazo pianistės, aranžuotojos ir kompozitorės Mary Lou Williams vardu. Jos kūryba apėmė swing, bebop ir sakralųjį džiazą, o gebėjimas nuolat atnaujinti savo skambesį ir bendradarbiauti įkvėpė šio leidimo kryptį.
Atnaujinimas skirtas kasdieniams darbo scenarijams: administravimo navigacijai, dizaino kontrolei, turinio peržiūrai su kolegomis ir puslapių kūrimui. Naujos galimybės apima responsyvius stilius, patobulintą medijos apdorojimą, pastabas turinyje, du naujus blokus ir papildytas kūrėjų API.
Atsisiųsti WordPress 7.1Responsyvius stilius valdykite redaktoriuje
WordPress 7.1 leidžia nustatyti, kaip blokas atrodo skirtingo dydžio ekranuose, ir tam nebereikia rašyti papildomo CSS. Stilius galite nustatyti per Global Styles arba konkretaus bloko nustatymuose.
Dirbdami taip pat galite peržiūrėti pakeitimus skirtingo dydžio viewport’uose. Tai padeda kurti išdėstymus, kurie prisitaiko prie žmonių naudojamų ekranų ir naršymo būdų.
Administravimo juosta rodoma visuose redaktoriuose
Administravimo juosta dabar lieka matoma judant per visus WordPress redaktorius. Ji padeda išlaikyti orientaciją ir greitai pasiekti įprastus įrankius tiek skydelyje, tiek redaguojant turinį ar svetainės dizainą.
Kartu atnaujintos kelios juostos vaizdinės detalės. Pakeitimai suvienodina administravimo aplinkos patirtį.
Vaizdus redaguokite viename lange
Ankstesnį įterptą apkirpimo įrankį pakeičia naujas medijos redaktoriaus modalinis langas. Į jį vis dar patenkate per pažįstamą mygtuką Crop.
Vienoje darbo vietoje galite laisvai apkirpti vaizdą arba naudoti kraštinių santykį, apversti jį horizontaliai ar vertikaliai, tiksliai pasukti, pasukti su fiksuojamais žingsniais ir redaguoti metaduomenis.
Pastabos palaiko formatavimą ir paminėjimus
Notes dabar palaiko raiškųjį tekstą ir paminėjimus. Pastabose galite naudoti paryškinimą, kursyvą, kodą, nuorodas ir simboliu @ paminėti bendradarbį, kad jis gautų pranešimą.
Pastabą galima palikti ne tik visam blokui, bet ir konkrečiai teksto daliai. Tame pačiame bloke galite tęsti kelis pokalbius, o ilgas pastabas sutraukti, kad paraštė liktų tvarkinga.
Medijos failus apdorokite greičiau
Vaizdų suspaudimas, dydžio keitimas ir miniatiūrų generavimas vyksta naršyklėje. Tam naudojama WebAssembly versija bibliotekos libvips, todėl serveriui tenka mažesnė apkrova, o dideli įkėlimai rečiau atsiremia į PHP atminties ribas ar baigiasi pasibaigus vykdymo laikui.
WordPress 7.1 natūraliai palaiko AVIF, HEIC ir HDR gain maps formatus. Tai leidžia tiesiogiai tvarkyti failus, kuriuos jau kuria šiuolaikiniai telefonai ir fotoaparatai.
Nauji blokai ir daugiau dizaino kontrolės
Playlist blokas
Naujas Playlist blokas leidžia viename grojaraštyje sujungti kelis garso takelius. Pasirinktinai galite įjungti bangos formos rodinį, kad klausytojai matytų kiekvieno takelio eigą jam grojant.
Saviti responsyvūs lūžio taškai
Blokinės temos gali theme.json faile nustatyti savo mobiliųjų įrenginių ir planšečių lūžio taškus. Šie nustatymai pakeičia numatytąsias responsyvių stilių ir blokų matomumo reikšmes.
Tabs blokas
Tabs blokas leidžia suskirstyti susijusį turinį į skirtukų skydelius. Taip vienu metu nerodote visos informacijos ir neapkraunate puslapio išdėstymo.
Pasirinktinės piktogramos
Kūrėjai gali papildyti WordPress piktogramų biblioteką savo kolekcijomis. Jų piktogramos bus prieinamos visame redaktoriuje greta įtaisytos bibliotekos.
Button blokų interaktyvios būsenos
Redaktoriaus stilių valdikliuose Button blokams galite atskirai apibrėžti hover, focus ir active būsenas. Stilių galite pritaikyti vienam mygtukui arba visiems svetainės mygtukams.
Redagavimo aplinka tampa nuoseklesnė
Įrašų redaktorius dabar visoms temoms veikia visiškai iframe aplinkoje, kaip ir Site Editor. Redagavimo drobė atsiskiria nuo WordPress administravimo sąsajos, todėl administravimo stiliai nebeveikia turinio.
Viewport’ui santykiniai vienetai ir media queries dabar taikomi tiesiogiai redagavimo drobei. Dėl to responsyvūs išdėstymai redaguojant veikia nuspėjamiau, nors pats techninis pakeitimas daugeliu atvejų lieka nepastebimas.
Kūrėjų įrankiai ir API
WordPress 7.1 papildo įrankius, su kuriais kuriate piktogramas, automatizavimą, administravimo sąsajas ir responsyvius stilius. SVG Icon API nuo šiol yra vieša API.
Galite registruoti savo piktogramų kolekcijas ir atskiras piktogramas, o tada jas naudoti redaktoriuje. Tam skirti wp_register_icon_collection(), wp_register_icon() ir wp_get_icon().
<?php
// Užregistruoja pasirinktinę piktogramų kolekciją.
wp_register_icon_collection( 'myplugin-icons', array() );
// Į kolekciją įtraukia piktogramą.
wp_register_icon( 'myplugin-icons/my-icon', array() );
// Pasiima užregistruotos piktogramos duomenis.
$icon = wp_get_icon( 'myplugin-icons/my-icon' );Abilities API papildo infrastruktūrą, pristatytą WordPress 6.9. Ji gauna filtruojamą vykdymo ciklą, pasirinktinį validavimą ir bendrą aptikimo mechanizmą, todėl lengviau kurti WordPress integracijas bei automatizavimą, įskaitant AI įrankius.
Nauja Design System suteikia bazę WordPress administravimo sąsajų teminimui. Ji apima spalvas, apvalumą ir žymeklio stilius; naudokite semantinius dizaino tokenus ir React komponentą ThemeProvider, kad pasirinktinės administravimo sąsajos išliktų nuoseklios ir atrodytų kaip WordPress dalis.
Temų autoriai per theme.json taip pat gauna responsyvius stilius ir pseudo būsenų hover, focus, focus-visible bei active stilius. Nauji filtrai leidžia konfigūruoti DataViews ir DataForm ekranus, kurie Site Editor aplinkoje valdo Pages, Templates, Parts ir Patterns.
Prieinamumo pakeitimai
WordPress core ir redaktoriuje toliau gerinamas prieinamumas. Naujos funkcijos wp_get_tooltip() ir wp_get_toggletip() leidžia prieinamas pagalbines etiketes naudoti daugiau administravimo vietų, įskaitant įrašo meta laukų blokus ir prisijungimo ekraną.
Ekrano skaitytuvams patobulintos administravimo sąsajų etiketės ir navigacija įrašų sąrašų lentelėse. Prie platesnių prieinamumo darbų prisideda Tabs bei Playlist blokai, taip pat redaktoriaus navigacijos ir sąveikos pakeitimai.
Našumo ir įkėlimo patobulinimai
Be naršyklėje vykdomo vaizdų apdorojimo, WordPress 7.1 turi pasirenkamą GIF konvertavimą į vaizdo įrašą. Tokie failai paprastai būna mažesni.
Įkėlimo eigos indikatoriai ir automatiniai pakartotiniai bandymai padaro įkėlimą atsparesnį nutrūkus ryšiui. Media Library pagal numatytuosius nustatymus naudoja begalinį slinkimą, tačiau kiekvienas naudotojas savo nustatymuose gali grįžti prie puslapiavimo.
Speculative loading numatytąsias reikšmes galite nustatyti per aplinkos kintamuosius arba konstantas. Hostingų tiekėjai ir svetainių savininkai taip gali kontroliuoti, kaip WordPress iš anksto įkelia puslapius, nekurdami įskiepio.
Ką daryti prieš diegiant
Prieš diegdami WordPress 7.1 į produkcinę svetainę, patikrinkite temą ir įskiepius testinėje aplinkoje. Ypač verta peržiūrėti responsyvius theme.json nustatymus, pasirinktinį administravimo sąsajų kodą, medijos įkėlimo eigą ir redaktoriaus integracijas.
Išsamų pakeitimų, diegimo informacijos, ištaisytų problemų ir failų pakeitimų sąrašą rasite WordPress 7.1 Release Notes. Kūrėjams skirtas išsamesnis techninių pakeitimų aprašymas pateiktas WordPress 7.1 Field Guide, o praktinių naudojimo pamokų siūlo Learn WordPress ir jo interaktyvios dirbtuvės.
Hannah Turing
WordPress kūrėja ir techninė rašytoja HelloWP. Padedu kūrėjams kurti geresnes svetaines naudojant šiuolaikinius įrankius, tokius kaip Laravel, Tailwind CSS ir WordPress ekosistema. Aistringai vertinu švarų kodą ir kūrėjo patirtį.
Visi įrašai
