{"id":291,"date":"2026-08-22T11:25:01","date_gmt":"2026-08-22T09:25:01","guid":{"rendered":"https:\/\/helloblog.io\/sv\/wordpress-7-1-mary-lou\/"},"modified":"2026-08-22T11:25:01","modified_gmt":"2026-08-22T09:25:01","slug":"wordpress-7-1-mary-lou","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sv\/wordpress-7-1-mary-lou\/","title":{"rendered":"WordPress 7.1 \u201cMary Lou\u201d ger responsiva stilar och snabbare mediahantering"},"content":{"rendered":"\n

WordPress 7.1, med kodnamnet Mary Lou<\/strong>, f\u00f6rb\u00e4ttrar b\u00e5de redigeringsfl\u00f6det och verktygen f\u00f6r dig som bygger p\u00e5 WordPress. Versionen l\u00e4gger till responsiva stilkontroller i Site Editor, en samlad medieeditor, mer flexibla Notes och nya block f\u00f6r spellistor och flikar.<\/p>\n\n\n\n

Utg\u00e5van hyllar jazzpianisten, arrang\u00f6ren och komposit\u00f6ren Mary Lou Williams. Hon spelade offentligt redan som sex\u00e5ring, verkade inom swing, bebop och sacred jazz och fortsatte att f\u00f6rnya sitt uttryck. Under 1940-talet blev hennes l\u00e4genhet i Harlem en plats d\u00e4r bland andra Thelonious Monk, Dizzy Gillespie och Bud Powell utbytte id\u00e9er och formade bebopen.<\/p>\n\n\n\n <\/i><\/span>\n \n Ladda ner WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsiva stilar direkt i Site Editor<\/h2>\n\n\n\n

Du kan nu styra hur ett block ser ut p\u00e5 olika sk\u00e4rmstorlekar fr\u00e5n Global Styles eller fr\u00e5n blockets egna inst\u00e4llningar. Funktionen kompletterar de befintliga alternativen f\u00f6r att visa och d\u00f6lja block, och du beh\u00f6ver inte l\u00e4ngre skriva egen CSS f\u00f6r dessa responsiva stilval.<\/p>\n\n\n\n

Redigeraren l\u00e5ter dig ocks\u00e5 f\u00f6rhandsgranska \u00e4ndringarna i olika viewport-storlekar medan du arbetar. Det g\u00f6r det enklare att bygga layouter som anpassar sig efter hur bes\u00f6karen anv\u00e4nder webben.<\/p>\n\n\n\n

\"Responsiva
Styla block f\u00f6r flera sk\u00e4rmstorlekar direkt i redigeraren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Adminf\u00e4ltet f\u00f6ljer med i alla redigerare<\/h2>\n\n\n\n

Adminf\u00e4ltet visas nu genomg\u00e5ende n\u00e4r du r\u00f6r dig mellan WordPress olika redigerare. Du f\u00e5r d\u00e4rmed samma navigering och tillg\u00e5ng till v\u00e4lbekanta verktyg, oavsett om du arbetar i adminpanelen, skriver ett inl\u00e4gg eller \u00e4ndrar webbplatsens design. Versionen finjusterar ocks\u00e5 adminf\u00e4ltets visuella utformning.<\/p>\n\n\n\n

\"WordPress
Adminf\u00e4ltet finns nu i samtliga redigerare. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

En samlad medieeditor<\/h2>\n\n\n\n

Den tidigare inb\u00e4ddade besk\u00e4rningen ers\u00e4tts av en ny modal f\u00f6r medieeditorn. Du \u00f6ppnar fortfarande fl\u00f6det med den v\u00e4lbekanta knappen Crop, men redigerar sedan bilden i ett och samma arbetsfl\u00f6de.<\/p>\n\n\n\n

Medieeditorn har fri besk\u00e4rning och besk\u00e4rning med bildf\u00f6rh\u00e5llande, horisontell och vertikal v\u00e4ndning, precis rotation, rotation med sn\u00e4ppsteg samt redigering av metadata.<\/p>\n\n\n\n

\"Den
Besk\u00e4r, rotera, v\u00e4nd och \u00e4ndra metadata i samma vy. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Notes f\u00e5r rik text och omn\u00e4mnanden<\/h2>\n\n\n\n

Notes har nu st\u00f6d f\u00f6r rik text och omn\u00e4mnanden. Du kan formatera en kommentar med fetstil, kursiv text och kod, l\u00e4gga till l\u00e4nkar eller skriva @<\/code> f\u00f6r att n\u00e4mna en samarbetspartner och skicka en notifiering.<\/p>\n\n\n\n

Du kan dessutom f\u00e4sta en note vid ett specifikt textstycke i st\u00e4llet f\u00f6r enbart vid ett helt block. Flera diskussioner kan p\u00e5g\u00e5 p\u00e5 samma block, och du kan f\u00e4lla ihop l\u00e4ngre notes f\u00f6r att h\u00e5lla marginalen \u00f6versk\u00e5dlig.<\/p>\n\n\n\n

\"Notes
L\u00e4mna feedback p\u00e5 markerad text och n\u00e4mn r\u00e4tt samarbetspartner. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Snabbare och bredare bildhantering<\/h2>\n\n\n\n

Webbl\u00e4saren sk\u00f6ter nu bildkomprimering, storleks\u00e4ndring och generering av miniatyrbilder. Det minskar belastningen p\u00e5 servern, ger mindre filer och hj\u00e4lper dig att undvika PHP:s minnesgr\u00e4nser och timeout vid uppladdningar.<\/p>\n\n\n\n

WordPress 7.1 har dessutom inbyggt st\u00f6d f\u00f6r AVIF, HEIC och HDR gain maps. D\u00e4rmed kan WordPress hantera bildformat som moderna kameror och telefoner redan producerar.<\/p>\n\n\n\n

\"Uppladdning
Bildbearbetning flyttas till webbl\u00e4saren och nya bildformat f\u00e5r st\u00f6d. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nya block och fler designkontroller<\/h2>\n\n\n\n

Skapa spellistor<\/h3>\n\n\n\n

Det nya blocket Playlist samlar flera ljudsp\u00e5r i en spellista. Du kan v\u00e4lja att visa en waveform som ger lyssnaren en visuell bild av varje sp\u00e5r medan det spelas upp.<\/p>\n\n\n\n

\"Playlist-blocket
Samla ljudsp\u00e5r i en spellista med valfri waveform. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Anpassa responsiva brytpunkter<\/h3>\n\n\n\n

Blockteman kan definiera egna brytpunkter f\u00f6r mobil och surfplatta i theme.json<\/code>. Temat kan d\u00e4rmed ers\u00e4tta standardv\u00e4rdena som styr responsiva stilar och blocksynlighet.<\/p>\n\n\n\n

\"Inst\u00e4llning
Temaf\u00f6rfattare kan definiera egna brytpunkter i theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Ordna inneh\u00e5ll med flikar<\/h3>\n\n\n\n

Det nya blocket Tabs delar upp relaterat inneh\u00e5ll i flikpaneler. Du kan allts\u00e5 presentera informationen utan att visa allt p\u00e5 en g\u00e5ng och utan att tr\u00e4nga ihop sidan.<\/p>\n\n\n\n

\"Tabs-blocket
Flikar ger en mer kompakt presentation av relaterat inneh\u00e5ll. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

L\u00e4gg till egna ikoner<\/h3>\n\n\n\n

Du som utvecklar kan ut\u00f6ka WordPress ikonbibliotek med egna samlingar. Ikonerna blir tillg\u00e4ngliga i redigeraren vid sidan av det inbyggda biblioteket.<\/p>\n\n\n\n

\"Anpassade
Egna ikonsamlingar kan anv\u00e4ndas i hela redigeraren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Styla interaktiva tillst\u00e5nd<\/h3>\n\n\n\n

Du kan ge Button-block olika utseende f\u00f6r tillst\u00e5nden hover, focus och active direkt i redigerarens stilkontroller. V\u00e4lj om stilen ska g\u00e4lla en specifik knapp eller samtliga knappar.<\/p>\n\n\n\n

\"Stilinst\u00e4llningar
S\u00e4tt stilar f\u00f6r hover, focus och active utan att l\u00e4mna redigeraren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Postredigeraren f\u00e5r samma grund som Site Editor<\/h2>\n\n\n\n

Postredigeraren k\u00f6rs nu helt i en iframe f\u00f6r alla teman, precis som Site Editor. Redigeringsytan k\u00f6rs separat fr\u00e5n WordPress admin-gr\u00e4nssnitt, s\u00e5 adminstilar inte p\u00e5verkar inneh\u00e5llet.<\/p>\n\n\n\n

Viewport-relativa enheter och media queries riktar sig nu direkt mot redigeringsytan. Responsiva layouter beter sig d\u00e4rf\u00f6r mer f\u00f6ruts\u00e4gbart medan du bygger dem, och redigerarupplevelsen blir mer konsekvent.<\/p>\n\n\n\n

Utvecklarverktyg i WordPress 7.1<\/h2>\n\n\n\n

WordPress 7.1 ut\u00f6kar flera API:er och verktyg f\u00f6r ikoner, automation, admin-gr\u00e4nssnitt och responsiv styling.<\/p>\n\n\n\n