WordPress er netop udkommet i version 7.1. Som med enhver større opdatering af verdens mest populære Content Management System (CMS), bringer denne udgivelse væsentlige forbedringer til både redaktørgangen og websitets underliggende tekniske fundament.
Hos 9bureau.dk følger vi udviklingen tæt for at sikre, at vores kunders løsninger altid performer optimalt, er fremtidssikrede og udnytter de nyeste standarder inden for webdesign og søgemaskineoptimering (SEO).
I denne artikel gennemgår vi de mest markante nyheder i WordPress 7.1 med særligt fokus på responsive kontrolmuligheder, nye indholdsblokke, billedhåndtering og custom ikoner.
Fuld kontrol over det responsive design (Breakpoints & Layout)
Noget af det mest efterspurgte blandt professionelle webudviklere og redaktører har længe været mere direkte kontrol over, hvordan blokke opfører sig på tværs af forskellige skærmstørrelser — uden at skulle skrive manuel CSS-kode for hver enkelt justering.
I WordPress 7.1 tager Gutenberg-editoren et kæmpe skridt fremad ved at introducere visuelle breakpoints direkte i inspektør-panelet:
- Skærmspecifik skjul/vis-logik: Du kan nu enkelt markere, om en specifik blok (f.eks. et stort banner eller et komplekst element) kun skal vises på desktop, tablet eller mobil.
- Responsiv kolonne- og grid-styring: Kolonne-blokken har fået udvidet sin opførsel. Du kan præcist definere, hvornår kolonner skal stakke vertikalt på mobil, og hvilken rækkefølge de skal tage, uden at ødelægge det visuelle flow på desktop.
- Typografi og spacing pr. enhed: Tekststørrelser, marginer og padding kan nu finjusteres direkte for mobilvisning, så du undgår kæmpe overskrifter, der brækker uhensigtsmæssigt på mindre skærme.
Hvorfor er dette vigtigt for din virksomhed?
Browsing på mobil udgør i dag over 60 % af den samlede webtrafik. Med de nye responsive værktøjer kan vi opbygge endnu mere præcise, konverteringsoptimerede mobilsider, der indlæses hurtigt og præsenterer dit budskab knivskarpt uanset enhed.
Det nye indbyggede Crop-Tool: Direkte billedredigering i editoren
Tidligere krævede beskæring og tilpasning af billeder ofte enten eksterne programmer som Photoshop/Canva eller en tur omkring det klassiske WordPress Media Library, som kunne føles tungt i workflowet.
WordPress 7.1 introducerer et nyt, lynhurtigt og præcist in-editor Crop-Tool til billedblokken:
- Visuel beskæring i kontekst: Du kan beskære billeder direkte, mens du ser dem på siden i deres rette layoutkontekst.
- Foruddefinerede aspect ratios: Vælg hurtigt mellem standardformater som 1:1 (kvadratisk), 16:9 (widescreen), 4:3 og 3:2 eller foretag frihåndsbeskæring.
- Nedadkompatibel og skånsom: Beskæringen er non-destructive. Det originale billede bevares i mediebiblioteket, så du altid kan fortryde eller ændre beskæringen senere uden tab af datakvalitet.
3. Den nye Tabs-funktion (Faneblade direkte i Gutenberg)
Strukturering af store mængder information på en overskuelig måde er en nøglefaktor for god UX (User Experience). Tidligere har faneblade (Tabs) krævet tredjeparts plugins eller avancerede custom blocks.
Med version 7.1 bliver Tabs-blokken en integreret del af kerne-WordPress:
- Fleksibel opbygning: Hvert faneblad kan indeholde vilkårlige underblokke — herunder tekst, billeder, knapper, formularer og gallerier.
- Tilgængelighed i højsædet (WCAG): Den nye Tabs-blok er født med fuld tastaturnavigation og skærmlæser-understøttelse, hvilket sikrer, at dit website overholder moderne tilgængelighedskrav.
- SEO-venlig struktur: Alt indhold i fanebladene findes i DOM-træet fra start, hvilket gør det nemt for Google at crawle og indeksere teksten.
4. Custom Icons og flere billedformater (AVIF & SVG-integration)
Visuel klarhed og lynhurtig indlæsningstid går hånd i hånd i moderne webdesign. Version 7.1 styrker mediesiden på to markante områder:
Udvidet support for AVIF og Next-Gen billedformater
WordPress har over de seneste opdateringer udfaset tunge PNG- og JPEG-filer til fordel for WebP og senest AVIF. I version 7.1 er understøttelsen af AVIF gjort fuldstændig sømløs med automatisk konvertering ved upload, hvis servermiljøet understøtter det. AVIF giver op til 30-50 % mindre filstørrelser end WebP med samme eller bedre visuelle kvalitet.
Custom Icons direkte i knapper og lister
Det har ofte været besværligt at tilføje ikoner til knapper, menukilder eller listeelementer uden tunge ikon-fonts (som FontAwesome) eller ekstra kodning. WordPress 7.1 introducerer et integreret bibliotek for custom vektorikoner (SVG), hvor du nemt kan tilknytte ikoner til:
- Knappe-blokke (f.eks. pile, telefon-ikoner, download-symboler).
- Listeelementer med tilpassede “checkmarks” eller punkter.
- Navigationselementer og overskrifter.
Oversigt over de vigtigste nyheder i WordPress 7.1
| Funktion | Hvad er nyt? | Fordel for websitet |
| Responsiv styring | Visuelle breakpoints & enhedsspecifik styling i editoren | Bedre mobiloplevelse og mere præcist design uden ekstra kode. |
| Crop-Tool | Direkte non-destructive beskæring i side-byggeren | Hurtigere arbejdsgang for redaktører og mere ensartede billeder. |
| Tabs-blok | Native faneblade til organisering af tungt indhold | Forbedret UX, renere sider og fuld WCAG-tilgængelighed. |
| Custom Icons | Direkte SVG-ikoner i knapper, lister og menyer | Flottere call-to-actions og lavere indlæsningstid end ikon-fonts. |
| Billedformater | Fuld automatisering af AVIF & optimeret WebP | Ekstremt hurtig indlæsningstid og bedre Google PageSpeed-score. |
Bør du opdatere med det samme?
Hos 9bureau.dk anbefaler vi altid en struktureret tilgang til opdateringer af dit WordPress-miljø. Selvom WordPress 7.1 bringer fantastiske nye funktioner, skal større kerneopdateringer altid testes i et sikkert testmiljø (staging) først for at sikre, at eksisterende plugins, temaer og custom kode spiller 100 % sammen med den nye version.
Lad os hjælpe jer sikkert over på WordPress 7.1
Ønsker du at udnytte de nye responsive muligheder, få optimeret dine billedformater til AVIF eller give dit site et visuelt tjek? Hos 9bureau.dk står vi klar til at foretage sikker opdatering, gennemgang og optimering af dit website.