{"id":283,"date":"2026-08-22T11:26:35","date_gmt":"2026-08-22T09:26:35","guid":{"rendered":"https:\/\/helloblog.io\/da\/wordpress-7-1-responsive-styles-tabs-mediehandtering\/"},"modified":"2026-08-22T11:26:35","modified_gmt":"2026-08-22T09:26:35","slug":"wordpress-7-1-responsive-styles-tabs-mediehandtering","status":"publish","type":"post","link":"https:\/\/helloblog.io\/da\/wordpress-7-1-responsive-styles-tabs-mediehandtering\/","title":{"rendered":"WordPress 7.1 giver blokeditoren responsive styles, tabs og hurtigere medieh\u00e5ndtering"},"content":{"rendered":"\n

WordPress 7.1, med kodenavnet \u201cMary Lou\u201d, g\u00f8r det lettere at bygge responsive layouts, redigere billeder og samarbejde direkte i blokeditoren. Opdateringen udvider samtidig v\u00e6rkt\u00f8jskassen for udviklere med nye API’er, design tokens og flere muligheder i theme.json<\/code>.<\/p>\n\n\n\n <\/i><\/span>\n \n Download WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsive styles direkte i Site Editor<\/h2>\n\n\n\n

Du kan nu tilpasse en bloks udseende til forskellige sk\u00e6rmst\u00f8rrelser fra Global Styles eller fra den enkelte bloks indstillinger. Det betyder, at du kan styre responsive styles uden at skrive custom CSS og samtidig forh\u00e5ndsvise resultatet ved forskellige viewportst\u00f8rrelser.<\/p>\n\n\n\n

\"Responsive
Blokke kan f\u00e5 forskellige styles ved forskellige viewportst\u00f8rrelser. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Adminbaren f\u00f8lger med i alle editorer<\/h2>\n\n\n\n

Adminbaren vises nu p\u00e5 tv\u00e6rs af alle editorer. Det giver en mere ensartet navigation mellem kontrolpanelet, indl\u00e6gseditoren og Site Editor, fordi du hele tiden har adgang til de samme velkendte v\u00e6rkt\u00f8jer og kan se, hvor du befinder dig.<\/p>\n\n\n\n

Opdateringen indeholder ogs\u00e5 mindre visuelle justeringer af adminbaren, som polerer oplevelsen yderligere.<\/p>\n\n\n\n

\"WordPress'
Adminbaren er tilg\u00e6ngelig i alle WordPress-editorer. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

\u00c9n samlet editor til billedbesk\u00e6ring<\/h2>\n\n\n\n

Det tidligere inline-v\u00e6rkt\u00f8j til besk\u00e6ring er erstattet af en ny modal til medieeditering. Den velkendte Crop-knap \u00e5bner stadig redigeringen, men arbejdsgangen samler nu fri besk\u00e6ring, besk\u00e6ring efter billedformat, vandret og lodret spejling, pr\u00e6cis rotation og redigering af metadata \u00e9t sted.<\/p>\n\n\n\n

\"Den
Besk\u00e6ring, rotation, spejling og metadata er samlet i \u00e9n medieeditor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Notes f\u00e5r rich text og omtaler<\/h2>\n\n\n\n

Notes underst\u00f8tter nu rich text og omtaler. Du kan formatere en note med fed, kursiv og kode, inds\u00e6tte links eller skrive @<\/code> for at omtale en samarbejdspartner og sende en notifikation.<\/p>\n\n\n\n

Du kan ogs\u00e5 knytte en note til et konkret tekststykke frem for kun til hele blokken. Flere samtaler kan k\u00f8re p\u00e5 den samme blok, og du kan folde lange noter sammen, s\u00e5 margenen forbliver overskuelig under redigering og review.<\/p>\n\n\n\n

\"Notes
Notes kan placeres p\u00e5 tekst, formateres og bruges til at omtale samarbejdspartnere. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Billedbehandling flytter til browseren<\/h2>\n\n\n\n

Komprimering, skalering og generering af thumbnails sker nu i browseren. Det aflaster serveren, giver mindre filer og hj\u00e6lper dig med at undg\u00e5 PHP-hukommelsesgr\u00e6nser og upload-timeouts.<\/p>\n\n\n\n

WordPress 7.1 f\u00e5r desuden indbygget underst\u00f8ttelse af AVIF, HEIC og HDR gain maps. Dermed kan WordPress h\u00e5ndtere billedformater, som moderne kameraer og telefoner allerede producerer.<\/p>\n\n\n\n

\"Hurtigere
Browserbaseret billedbehandling reducerer belastningen p\u00e5 serveren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Nye blokke og flere designmuligheder<\/h2>\n\n\n\n

Udgivelsen tilf\u00f8jer to blokke og udvider samtidig mulighederne for at styre indholds pr\u00e6sentation og interaktion.<\/p>\n\n\n\n

Playlist-blokken<\/h3>\n\n\n\n

Med Playlist-blokken kan du samle flere lydspor i \u00e9n afspilningsliste. Du kan valgfrit vise en waveform, der giver lytteren en visuel indikation af hvert spor, mens det afspilles.<\/p>\n\n\n\n

\"Playlist-blokken
Playlist-blokken kan vise flere lydspor og en valgfri waveform. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Egne responsive breakpoints i temaer<\/h3>\n\n\n\n

Bloktemaer kan definere deres egne breakpoints for mobil og tablet i theme.json<\/code>. Temaets v\u00e6rdier kan dermed tilsides\u00e6tte standardv\u00e6rdierne for responsive styles og bloksynlighed.<\/p>\n\n\n\n

\"Indstillinger
Bloktemaer kan styre mobile- og tablet-breakpoints via theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Tabs-blokken<\/h3>\n\n\n\n

Tabs-blokken organiserer besl\u00e6gtet indhold i faneblade, s\u00e5 du ikke beh\u00f8ver vise alt p\u00e5 \u00e9n gang. Det giver en mere kompakt m\u00e5de at pr\u00e6sentere indhold p\u00e5, n\u00e5r siden ellers ville blive overfyldt.<\/p>\n\n\n\n

\"Tabs-blokken
Tabs-blokken samler relateret indhold i faneblade. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Egne ikonbiblioteker<\/h3>\n\n\n\n

Udviklere kan udvide WordPress’ ikonbibliotek med egne samlinger. De registrerede ikoner bliver tilg\u00e6ngelige i editoren p\u00e5 linje med de indbyggede ikoner.<\/p>\n\n\n\n

\"Tilf\u00f8jelse
Egne ikonsamlinger kan bruges sammen med WordPress’ indbyggede ikonbibliotek. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Interaktive styles til Button-blokken<\/h3>\n\n\n\n

Du kan nu s\u00e6tte s\u00e6rskilte styles for hover, focus og active p\u00e5 Button-blokke fra editorens stylekontroller. Indstillingerne kan g\u00e6lde \u00e9n bestemt knap eller alle knapper.<\/p>\n\n\n\n

\"Interaktive
Button-blokke kan f\u00e5 styles til hover-, focus- og active-tilstande. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

En mere stabil redigeringsflade<\/h2>\n\n\n\n

Indl\u00e6gseditoren k\u00f8rer nu fuldt i en iframe for alle temaer, ligesom Site Editor allerede g\u00f8r. Redigeringscanvaset er dermed adskilt fra WordPress’ admininterface, s\u00e5 adminstyles ikke p\u00e5virker dit indhold.<\/p>\n\n\n\n

Viewport-relative enheder og media queries retter sig nu direkte mod redigeringscanvaset. Det g\u00f8r responsive layouts mere forudsigelige, mens du bygger dem, selv om \u00e6ndringen for det meste er usynlig i den daglige redigering.<\/p>\n\n\n\n

Nye v\u00e6rkt\u00f8jer til udviklere<\/h2>\n\n\n\n

WordPress 7.1 udvider flere af de API’er og v\u00e6rkt\u00f8jer, som du bruger til integrationer, automatisering, admininterfaces og responsive styles.<\/p>\n\n\n\n

SVG Icon API er offentlig<\/h3>\n\n\n\n

SVG Icon API er nu en offentlig API. Du kan registrere egne ikonsamlinger og ikoner og bruge dem p\u00e5 tv\u00e6rs af editoren med wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> og wp_get_icon()<\/code>.<\/p>\n\n\n\n

Abilities API f\u00e5r udvidet lifecycle<\/h3>\n\n\n\n

Abilities API bygger videre p\u00e5 infrastrukturen fra WordPress 6.9 med en filtrerbar lifecycle for eksekvering, egen validering og f\u00e6lles discovery. Udvidelserne g\u00f8r det lettere at bygge integrationer og automatisering oven p\u00e5 WordPress, ogs\u00e5 v\u00e6rkt\u00f8jer med AI.<\/p>\n\n\n\n

Design System til admininterfaces<\/h3>\n\n\n\n

Et nyt Design System giver grundl\u00e6ggende underst\u00f8ttelse af theming i WordPress’ admininterfaces, blandt andet for farver, runding og cursorstyles. Du kan bruge semantiske design tokens og React-komponenten ThemeProvider<\/code>, n\u00e5r du vil g\u00f8re egne admininterfaces mere konsistente og stadig lade dem f\u00f8les hjemme i WordPress.<\/p>\n\n\n\n

Mere i theme.json og Site Editor<\/h3>\n\n\n\n

Temaudviklere f\u00e5r responsive styling og pseudo-state-styling for hover, focus, focus-visible og active gennem theme.json<\/code>. Der kommer ogs\u00e5 nye filtre til at konfigurere DataViews- og DataForm-sk\u00e6rmene, som driver Pages, Templates, Parts og Patterns i Site Editor.<\/p>\n\n\n\n

Tilg\u00e6ngelighed<\/h2>\n\n\n\n

WordPress 7.1 forbedrer tilg\u00e6ngeligheden i b\u00e5de WordPress core og editoren. Funktionerne wp_get_tooltip()<\/code> og wp_get_toggletip()<\/code> g\u00f8r tilg\u00e6ngelige tooltips mulige flere steder i admin, herunder i indl\u00e6gs meta boxes og p\u00e5 login-sk\u00e6rmen.<\/p>\n\n\n\n

Sk\u00e6rml\u00e6serunderst\u00f8ttelsen bliver ogs\u00e5 bedre i admininterfaces med tydeligere labels og mere forudsigelig navigation i indl\u00e6gslistetabeller. De nye Tab- og Playlist-blokke samt forbedringer af navigation og interaktion i editoren indg\u00e5r ogs\u00e5 i opdateringens tilg\u00e6ngelighedsarbejde.<\/p>\n\n\n\n

Ydeevne og robuste uploads<\/h2>\n\n\n\n

Den browserbaserede billedbehandling bruger en WebAssembly-build af libvips. Den reducerer behandlingsbelastningen p\u00e5 serveren og hj\u00e6lper s\u00e6rligt ved store uploads, hvor hukommelsesgr\u00e6nser og timeouts ellers kan skabe problemer.<\/p>\n\n\n\n

Valgfri konvertering fra GIF til video giver typisk mindre filer. Uploads f\u00e5r desuden statusindikatorer og automatiske genfors\u00f8g, s\u00e5 processen bedre kan modst\u00e5 afbrudte forbindelser.<\/p>\n\n\n\n

Mediebiblioteket bruger nu infinite scrolling som standard, men den enkelte bruger kan skifte tilbage til paginering. Standardindstillingerne for speculative loading kan s\u00e6ttes via milj\u00f8variabler eller konstanter, s\u00e5 hosts og siteejere kan styre WordPress’ prefetching af sider uden at skrive et plugin.<\/p>\n\n\n\n

Hvad du b\u00f8r g\u00f8re nu<\/h2>\n\n\n\n

Test WordPress 7.1 p\u00e5 et stagingmilj\u00f8, f\u00f8r du opdaterer et produktionssite. Gennemg\u00e5 is\u00e6r responsive styles i temaet, eksisterende CSS omkring editoren, medieuploads og eventuelle udvidelser, der arbejder med ikoner, admininterfaces eller theme.json<\/code>.<\/p>\n\n\n\n

Du kan finde den samlede oversigt over udgivelsen p\u00e5 WordPress 7.1-siden<\/a>, de tekniske \u00e6ndringer i release notes<\/a> og detaljerede udviklernoter i Field Guide<\/a>.<\/p>\n\n\n

\n

Referencer \/ Kilder<\/h2>\n