WordPress 7.1 „Mary Lou“ donosi responzivne stilove i bržu obradu medija

WordPress 7.1, kodnog imena „Mary Lou“, donosi alate za rad u editoru, suradnju na sadržaju, upravljanje medijima i razvoj prilagodbi. Izdanje nosi ime jazz pijanistice, aranžerke i skladateljice Mary Lou Williams, čiji su rad i stalno eksperimentiranje obuhvatili swing, bebop i sakralni jazz.

Williams je javno nastupala već sa šest godina, a njezin je stan u Harlemu četrdesetih godina bio večernje mjesto razmjene ideja za Theloniousa Monka, Dizzyja Gillespieja i Buda Powella. WordPress 7.1 tu povezanost ponovnog osmišljavanja i suradnje prenosi u alate za izradu i uređivanje web-mjesta.

Preuzmite WordPress 7.1 wordpress-7.1.zip

Responzivni stilovi ulaze u Site Editor

Responzivne stilove sada možete postaviti izravno u Site Editoru, bez pisanja vlastitog CSS-a. Izgled bloka možete prilagoditi različitim veličinama zaslona kroz Global Styles ili kroz postavke pojedinog bloka, uz postojeće opcije za prikaz i skrivanje blokova.

Editor pritom omogućuje pregled promjena u različitim veličinama viewporta. Tako tijekom izrade možete provjeriti kako se raspored prilagođava načinu na koji posjetitelji pregledavaju web.

Administracijska traka dostupna je u svim editorima

Administracijska traka sada ostaje vidljiva dok prelazite između svih editora. Zadržavate kontekst mjesta na kojem radite i brzo pristupate poznatim alatima, bilo da uređujete objavu ili dizajn web-mjesta.

WordPress je ujedno vizualno doradio administracijsku traku kako bi sučelje bilo ujednačenije od nadzorne ploče do editora.

Novi editor medija objedinjuje uređivanje slika

Prethodni alat za obrezivanje unutar prikaza zamjenjuje modalni editor medija. Do njega i dalje dolazite poznatim gumbom Crop, ali sada na istom mjestu možete slobodno obrezati sliku ili koristiti zadani omjer stranica, okrenuti je vodoravno i okomito, precizno je rotirati ili zakretati uz poravnanje te urediti metapodatke.

Bilješke podržavaju formatiranje i spominjanje suradnika

Bilješke sada podržavaju obogaćeni tekst i spominjanje suradnika znakom @. U bilješku možete dodati podebljani ili kurzivni tekst, kod i poveznice, a spominjanje obavještava odabranu osobu.

Komentar više ne morate vezati samo uz cijeli blok: možete ga ostaviti uz konkretan dio teksta. Na istom bloku možete voditi više razgovora, a duže bilješke sažeti kako bi rub editora ostao pregledan.

Obrada medija prebacuje dio posla u preglednik

WordPress sada komprimira slike, mijenja im dimenzije i generira minijature u pregledniku. Time rasterećuje poslužitelj, stvara manje datoteke te izbjegava ograničenja PHP memorije i prekide zbog isteka vremena pri prijenosu.

Te se radnje izvode putem WebAssembly inačice biblioteke libvips. WordPress 7.1 također izvorno podržava AVIF, HEIC i HDR gain maps, odnosno formate koje stvaraju moderni fotoaparati i telefoni.

Novi blokovi i detaljnije oblikovanje

Izdanje dodaje blokove Playlist i Tabs te proširuje kontrolu izgleda i ponašanja sadržaja. Autori tema mogu definirati vlastite prijelomne točke, a urednici mogu podesiti interaktivna stanja gumba.

Blok Playlist

Blokom Playlist možete objediniti više audiozapisa u popis za reprodukciju. Po želji možete prikazati valni oblik koji slušatelju vizualno pokazuje svaki zapis tijekom reprodukcije.

Vlastite prijelomne točke u temi

Blok teme mogu u datoteci theme.json definirati vlastite prijelomne točke za mobitele i tablete. Time nadjačavaju zadane vrijednosti za responzivne stilove i vidljivost blokova.

Blok Tabs

Blok Tabs organizira povezani sadržaj u kartice umjesto da ga prikaže odjednom. Takav prikaz pomaže predstaviti više povezanih informacija bez zatrpavanja stranice.

Vlastite kolekcije ikona

Developeri mogu proširiti ugrađenu biblioteku ikona vlastitim kolekcijama. Tako prilagođene ikone postaju dostupne u cijelom editoru uz standardnu biblioteku.

Interaktivna stanja gumba

Za blok Button sada možete u kontrolama stilova editora izravno postaviti zaseban izgled za stanja hover, focus i active. Stilove možete primijeniti na pojedini gumb ili na sve gumbe.

Editor objava sada se uvijek izvodi u iframeu

Editor objava sada je potpuno smješten u iframe za sve teme, jednako kao Site Editor. Platno za uređivanje radi odvojeno od administracijskog sučelja, pa administracijski stilovi više ne utječu na sadržaj koji uređujete.

Jedinice vezane uz viewport i media queryji sada ciljaju izravno platno editora. Promjena je uglavnom nevidljiva, ali responzivni rasporedi tijekom izrade rade predvidljivije i editor ostaje konzistentniji.

Alati za developere

WordPress 7.1 proširuje API-je i alate za ikone, automatizaciju, administracijska sučelja i responzivno oblikovanje. Najvažnije novosti odnose se na javni SVG Icon API, Abilities API, novi Design System i mogućnosti za autore tema.

Javni SVG Icon API

SVG Icon API postaje javni API. Vlastite kolekcije i ikone možete registrirati te ih koristiti u cijelom editoru funkcijama wp_register_icon_collection(), wp_register_icon() i wp_get_icon().

Prošireni Abilities API

Abilities API nadograđuje infrastrukturu uvedenu u WordPressu 6.9. Donosi životni ciklus izvršavanja koji možete filtrirati, vlastitu validaciju i zajedničko otkrivanje mogućnosti, što olakšava izradu integracija i automatizacije iznad WordPressa, uključujući alate pokretane umjetnom inteligencijom.

Design System za administracijska sučelja

Novi Design System daje osnovu za tematiziranje administracijskih sučelja WordPressa, uključujući boje, zaobljenost i stilove kursora. Možete koristiti semantičke dizajnerske tokene i React komponentu ThemeProvider kako bi prilagođena administracijska sučelja bila dosljedna, ali i dalje vizualno pripadala WordPressu.

theme.json, pseudo-stanja i DataViews

Autori tema kroz theme.json dobivaju responzivne stilove i stilove pseudo-stanja hover, focus, focus-visible i active. WordPress 7.1 dodaje i filtre za konfiguriranje zaslona DataViews i DataForm koje Site Editor koristi za stranice, predloške, dijelove predložaka i uzorke.

Pristupačnost

WordPress 7.1 poboljšava pristupačnost u WordPress coreu i editoru. Nove funkcije wp_get_tooltip() i wp_get_toggletip() donose pristupačne pomoćne opise u više dijelova administracije, uključujući meta okvire objava i zaslon za prijavu.

Čitači zaslona dobivaju jasnije oznake i predvidljiviju navigaciju u tablicama popisa objava. Blokovi Tabs i Playlist te poboljšanja navigacije i interakcije u editoru dodatno proširuju pristupačnost sustava.

Dodatne promjene performansi prijenosa

Možete uključiti pretvaranje GIF datoteka u video, što obično stvara manje datoteke. Pokazatelji napretka pri prijenosu i automatski ponovni pokušaji čine prijenose otpornijima kada veza prekine.

Media Library prema zadanim postavkama koristi beskonačno pomicanje, a svaki korisnik može vratiti klasičnu paginaciju. Zadane postavke spekulativnog učitavanja možete odrediti varijablama okruženja ili konstantama, pa hosting i vlasnici web-mjesta mogu urediti način na koji WordPress unaprijed dohvaća stranice bez izrade dodatka.

Što napraviti nakon nadogradnje

Nakon nadogradnje provjerite responzivne stilove tema, ponašanje prilagođenih blokova u iframe editoru i tijek prijenosa većih slika. Ako razvijate teme ili dodatke, pregledajte promjene SVG Icon API-ja, Abilities API-ja, Design Systema, theme.json postavki i filtera za DataViews i DataForm.

Za potpun popis promjena, uputa za instalaciju, riješenih problema, izmjena datoteka i resursa za učenje otvorite bilješke izdanja WordPressa 7.1. Detaljne napomene za developere dostupne su u WordPress 7.1 Field Guideu, a vodiče, radionice i planove lekcija nudi Learn WordPress, uključujući interaktivne radionice.