{"id":275,"date":"2026-08-22T11:27:49","date_gmt":"2026-08-22T09:27:49","guid":{"rendered":"https:\/\/helloblog.io\/hr\/wordpress-7-1-mary-lou-novosti\/"},"modified":"2026-08-22T11:27:49","modified_gmt":"2026-08-22T09:27:49","slug":"wordpress-7-1-mary-lou-novosti","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hr\/wordpress-7-1-mary-lou-novosti\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201c donosi responzivne stilove i br\u017eu obradu medija"},"content":{"rendered":"\n

WordPress 7.1, kodnog imena \u201eMary Lou\u201c, donosi alate za rad u editoru, suradnju na sadr\u017eaju, upravljanje medijima i razvoj prilagodbi. Izdanje nosi ime jazz pijanistice, aran\u017eerke i skladateljice Mary Lou Williams, \u010diji su rad i stalno eksperimentiranje obuhvatili swing, bebop i sakralni jazz.<\/p>\n\n\n\n

Williams je javno nastupala ve\u0107 sa \u0161est godina, a njezin je stan u Harlemu \u010detrdesetih godina bio ve\u010dernje mjesto razmjene ideja za Theloniousa Monka, Dizzyja Gillespieja i Buda Powella. WordPress 7.1 tu povezanost ponovnog osmi\u0161ljavanja i suradnje prenosi u alate za izradu i ure\u0111ivanje web-mjesta.<\/p>\n\n\n\n <\/i><\/span>\n \n Preuzmite WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responzivni stilovi ulaze u Site Editor<\/h2>\n\n\n\n

Responzivne stilove sada mo\u017eete postaviti izravno u Site Editoru, bez pisanja vlastitog CSS-a. Izgled bloka mo\u017eete prilagoditi razli\u010ditim veli\u010dinama zaslona kroz Global Styles ili kroz postavke pojedinog bloka, uz postoje\u0107e opcije za prikaz i skrivanje blokova.<\/p>\n\n\n\n

Editor pritom omogu\u0107uje pregled promjena u razli\u010ditim veli\u010dinama viewporta. Tako tijekom izrade mo\u017eete provjeriti kako se raspored prilago\u0111ava na\u010dinu na koji posjetitelji pregledavaju web.<\/p>\n\n\n\n

\"Postavljanje
Responzivne stilove mo\u017eete odrediti u Global Stylesu ili na razini bloka. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Administracijska traka dostupna je u svim editorima<\/h2>\n\n\n\n

Administracijska traka sada ostaje vidljiva dok prelazite izme\u0111u svih editora. Zadr\u017eavate kontekst mjesta na kojem radite i brzo pristupate poznatim alatima, bilo da ure\u0111ujete objavu ili dizajn web-mjesta.<\/p>\n\n\n\n

WordPress je ujedno vizualno doradio administracijsku traku kako bi su\u010delje bilo ujedna\u010denije od nadzorne plo\u010de do editora.<\/p>\n\n\n\n

\"Administracijska
Administracijska traka prati rad kroz sve editore. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Novi editor medija objedinjuje ure\u0111ivanje slika<\/h2>\n\n\n\n

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

\"Novi
Novi tijek rada na jednom mjestu okuplja obrezivanje, okretanje, rotaciju i metapodatke. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Bilje\u0161ke podr\u017eavaju formatiranje i spominjanje suradnika<\/h2>\n\n\n\n

Bilje\u0161ke sada podr\u017eavaju oboga\u0107eni tekst i spominjanje suradnika znakom @<\/code>. U bilje\u0161ku mo\u017eete dodati podebljani ili kurzivni tekst, kod i poveznice, a spominjanje obavje\u0161tava odabranu osobu.<\/p>\n\n\n\n

Komentar vi\u0161e ne morate vezati samo uz cijeli blok: mo\u017eete ga ostaviti uz konkretan dio teksta. Na istom bloku mo\u017eete voditi vi\u0161e razgovora, a du\u017ee bilje\u0161ke sa\u017eeti kako bi rub editora ostao pregledan.<\/p>\n\n\n\n

\"Bilje\u0161ke
Bilje\u0161ke mogu ciljati dio teksta i podr\u017eavaju vi\u0161e zasebnih razgovora na istom bloku. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Obrada medija prebacuje dio posla u preglednik<\/h2>\n\n\n\n

WordPress sada komprimira slike, mijenja im dimenzije i generira minijature u pregledniku. Time rastere\u0107uje poslu\u017eitelj, stvara manje datoteke te izbjegava ograni\u010denja PHP memorije i prekide zbog isteka vremena pri prijenosu.<\/p>\n\n\n\n

Te se radnje izvode putem WebAssembly ina\u010dice biblioteke libvips. WordPress 7.1 tako\u0111er izvorno podr\u017eava AVIF, HEIC i HDR gain maps, odnosno formate koje stvaraju moderni fotoaparati i telefoni.<\/p>\n\n\n\n

\"Podr\u0161ka
Obrada u pregledniku smanjuje optere\u0107enje poslu\u017eitelja pri radu sa slikama. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Novi blokovi i detaljnije oblikovanje<\/h2>\n\n\n\n

Izdanje dodaje blokove Playlist i Tabs te pro\u0161iruje kontrolu izgleda i pona\u0161anja sadr\u017eaja. Autori tema mogu definirati vlastite prijelomne to\u010dke, a urednici mogu podesiti interaktivna stanja gumba.<\/p>\n\n\n\n

Blok Playlist<\/h3>\n\n\n\n

Blokom Playlist mo\u017eete objediniti vi\u0161e audiozapisa u popis za reprodukciju. Po \u017eelji mo\u017eete prikazati valni oblik koji slu\u0161atelju vizualno pokazuje svaki zapis tijekom reprodukcije.<\/p>\n\n\n\n

\"Blok
Popis za reprodukciju mo\u017ee prikazati valni oblik audiozapisa. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Vlastite prijelomne to\u010dke u temi<\/h3>\n\n\n\n

Blok teme mogu u datoteci theme.json<\/code> definirati vlastite prijelomne to\u010dke za mobitele i tablete. Time nadja\u010davaju zadane vrijednosti za responzivne stilove i vidljivost blokova.<\/p>\n\n\n\n

\"Prilagodba
Tema mo\u017ee definirati mobilne i tabletne prijelomne to\u010dke u datoteci theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Blok Tabs<\/h3>\n\n\n\n

Blok Tabs organizira povezani sadr\u017eaj u kartice umjesto da ga prika\u017ee odjednom. Takav prikaz poma\u017ee predstaviti vi\u0161e povezanih informacija bez zatrpavanja stranice.<\/p>\n\n\n\n

\"Blok
Kartice grupiraju povezani sadr\u017eaj u preglednije panele. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Vlastite kolekcije ikona<\/h3>\n\n\n\n

Developeri mogu pro\u0161iriti ugra\u0111enu biblioteku ikona vlastitim kolekcijama. Tako prilago\u0111ene ikone postaju dostupne u cijelom editoru uz standardnu biblioteku.<\/p>\n\n\n\n

\"Dodavanje
Vlastite kolekcije ikona mogu se koristiti uz ugra\u0111ene ikone editora. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Interaktivna stanja gumba<\/h3>\n\n\n\n

Za blok Button sada mo\u017eete u kontrolama stilova editora izravno postaviti zaseban izgled za stanja hover, focus i active. Stilove mo\u017eete primijeniti na pojedini gumb ili na sve gumbe.<\/p>\n\n\n\n

\"Postavljanje
Editor omogu\u0107uje oblikovanje stanja hover, focus i active za gumbe. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editor objava sada se uvijek izvodi u iframeu<\/h2>\n\n\n\n

Editor objava sada je potpuno smje\u0161ten u iframe za sve teme, jednako kao Site Editor. Platno za ure\u0111ivanje radi odvojeno od administracijskog su\u010delja, pa administracijski stilovi vi\u0161e ne utje\u010du na sadr\u017eaj koji ure\u0111ujete.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

Alati za developere<\/h2>\n\n\n\n

WordPress 7.1 pro\u0161iruje API-je i alate za ikone, automatizaciju, administracijska su\u010delja i responzivno oblikovanje. Najva\u017enije novosti odnose se na javni SVG Icon API, Abilities API, novi Design System i mogu\u0107nosti za autore tema.<\/p>\n\n\n\n

Javni SVG Icon API<\/h3>\n\n\n\n

SVG Icon API postaje javni API. Vlastite kolekcije i ikone mo\u017eete registrirati te ih koristiti u cijelom editoru funkcijama wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> i wp_get_icon()<\/code>.<\/p>\n\n\n\n

Pro\u0161ireni Abilities API<\/h3>\n\n\n\n

Abilities API nadogra\u0111uje infrastrukturu uvedenu u WordPressu 6.9. Donosi \u017eivotni ciklus izvr\u0161avanja koji mo\u017eete filtrirati, vlastitu validaciju i zajedni\u010dko otkrivanje mogu\u0107nosti, \u0161to olak\u0161ava izradu integracija i automatizacije iznad WordPressa, uklju\u010duju\u0107i alate pokretane umjetnom inteligencijom.<\/p>\n\n\n\n

Design System za administracijska su\u010delja<\/h3>\n\n\n\n

Novi Design System daje osnovu za tematiziranje administracijskih su\u010delja WordPressa, uklju\u010duju\u0107i boje, zaobljenost i stilove kursora. Mo\u017eete koristiti semanti\u010dke dizajnerske tokene i React komponentu ThemeProvider<\/code> kako bi prilago\u0111ena administracijska su\u010delja bila dosljedna, ali i dalje vizualno pripadala WordPressu.<\/p>\n\n\n\n

theme.json, pseudo-stanja i DataViews<\/h3>\n\n\n\n

Autori tema kroz theme.json<\/code> 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\u0161ke, dijelove predlo\u017eaka i uzorke.<\/p>\n\n\n\n

Pristupa\u010dnost<\/h2>\n\n\n\n

WordPress 7.1 pobolj\u0161ava pristupa\u010dnost u WordPress coreu i editoru. Nove funkcije wp_get_tooltip()<\/code> i wp_get_toggletip()<\/code> donose pristupa\u010dne pomo\u0107ne opise u vi\u0161e dijelova administracije, uklju\u010duju\u0107i meta okvire objava i zaslon za prijavu.<\/p>\n\n\n\n

\u010cita\u010di zaslona dobivaju jasnije oznake i predvidljiviju navigaciju u tablicama popisa objava. Blokovi Tabs i Playlist te pobolj\u0161anja navigacije i interakcije u editoru dodatno pro\u0161iruju pristupa\u010dnost sustava.<\/p>\n\n\n\n

Dodatne promjene performansi prijenosa<\/h2>\n\n\n\n

Mo\u017eete uklju\u010diti pretvaranje GIF datoteka u video, \u0161to obi\u010dno stvara manje datoteke. Pokazatelji napretka pri prijenosu i automatski ponovni poku\u0161aji \u010dine prijenose otpornijima kada veza prekine.<\/p>\n\n\n\n

Media Library prema zadanim postavkama koristi beskona\u010dno pomicanje, a svaki korisnik mo\u017ee vratiti klasi\u010dnu paginaciju. Zadane postavke spekulativnog u\u010ditavanja mo\u017eete odrediti varijablama okru\u017eenja ili konstantama, pa hosting i vlasnici web-mjesta mogu urediti na\u010din na koji WordPress unaprijed dohva\u0107a stranice bez izrade dodatka.<\/p>\n\n\n\n

\u0160to napraviti nakon nadogradnje<\/h2>\n\n\n\n

Nakon nadogradnje provjerite responzivne stilove tema, pona\u0161anje prilago\u0111enih blokova u iframe editoru i tijek prijenosa ve\u0107ih slika. Ako razvijate teme ili dodatke, pregledajte promjene SVG Icon API-ja, Abilities API-ja, Design Systema, theme.json<\/code> postavki i filtera za DataViews i DataForm.<\/p>\n\n\n\n

Za potpun popis promjena, uputa za instalaciju, rije\u0161enih problema, izmjena datoteka i resursa za u\u010denje otvorite bilje\u0161ke izdanja WordPressa 7.1<\/a>. Detaljne napomene za developere dostupne su u WordPress 7.1 Field Guideu<\/a>, a vodi\u010de, radionice i planove lekcija nudi Learn WordPress<\/a>, uklju\u010duju\u0107i interaktivne radionice<\/a>.<\/p>\n\n\n

\n

Reference \/ Izvori<\/h2>\n