Sådan vibecodede jeg mit WordPress-tema
Der findes øjeblikke, hvor du sidder med et købt tema og ved, at det aldrig bliver dit. Sådan havde jeg det med “Burto”-kittet, som thomas-kramer.dk kørte på. Fint nok tema. Bare ikke mit.
Så i sidste uge besluttede jeg mig for at rive det ned og bygge et nyt fra bunden — ikke ved at hyre en wordpress-udvikler, men ved at vibe code det hele sammen med Claude Code som makker. Det tog et par dage, 11.–13. juli, men ikke som én lang maraton-session. Det blev bygget lag for lag: først hele temaet, så et plugin, så en SEO-oprydning, og til sidst et par AI-genererede visuals som pynt på kagen.
Fra Elementor-kit til pixel-for-pixel custom
Det gamle tema var bygget i Elementor. Det nye er 100% custom-kodet, pixel-for-pixel efter et mockup jeg havde lavet i Claude Design — den slags arbejde en wordpress-udvikler normalt fakturerer i timer for. Her blev det til dialog i stedet for kode fra bunden. Det betyder blandt andet 7 custom Elementor-widgets — hero, kontaktformular, app-kort, blog-grid, CTA og et par stykker mere — som alle er bygget specifikt til dette site og ikke til et generisk tema, alle andre også bruger.
Det sjove er, at der ikke var nogen lokal WordPress-installation involveret på noget tidspunkt. Alt blev bygget, testet og deployet direkte til det live site via en MCP-integration, zip for zip. Ingen localhost, ingen staging-server, ingen “det virker på min maskine”. Bare direkte til produktion, hver gang.
Et plugin, der arbejder for mig
Ud over selve temaet fik jeg bygget et lille selvstændigt plugin, der gør apps til deres egen indholdstype i WordPress. Det betyder, at når jeg lancerer en ny app, dukker den automatisk op på portfolio-siden. Ingen manuel opdatering, intet jeg skal huske. Det er den slags automatisering, der ikke føles som stor teknologi, men bare sparer dig for irritation hver eneste gang. Vil du se, hvordan en af de apps kom hele vejen fra tanke til App Store, kan du læse om det her.
Optimeret, ikke bare bygget
Et custom tema er ikke automatisk et hurtigt tema, så en god del af arbejdet gik med at stramme op efter, at det stod der. Ubrugt CSS og JS blev skåret væk, billeder blev komprimeret og lazy-loadet, og scripts blev ryddet op i, så siden ikke slæbte på kode fra det gamle Elementor-kit. Resultatet er en god PageSpeed-score, både på mobil og desktop — noget der sjældent følger gratis med et custom-bygget tema.
Til sidst: pynten
Da temaet, pluginnet og SEO-oprydningen var på plads, sluttede jeg af med det sjove: en AI-genereret baggrund til hero-sektionen og et sæt custom ikoner lavet via Higgsfield. Baggrunden fylder 6,5 KB. Ikonerne vejer tilsvarende ingenting. Begge dele er mindre end favicon’en på de fleste websites.
Det er ikke umiddelbart det mest spændende emne — et WordPress-tema er trods alt bare et tema. Men der er noget ved at vibe code det hele, fra widget til PageSpeed-score til favicon-let baggrund, uden at åbne en eneste lokal server eller ringe til en wordpress-udvikler, der føles som en anden måde at arbejde på. Ikke hurtigere for hurtighedens skyld. Bare mere direkte.
Og så kan sitet endda loade hurtigere end det gjorde før. 🙂
Spørgsmål jeg selv sad med undervejs
Kan man vibe code et helt WordPress-tema uden en wordpress-udvikler?
Ja. Hele temaet på thomas-kramer.dk — 7 custom Elementor-widgets, et selvstændigt plugin og SEO-oprydningen — blev bygget over tre dage (11.–13. juli 2026) alene med Claude Code, uden en eneste linje skrevet af en ekstern udvikler.
Kræver vibe coding en lokal WordPress-installation?
Nej. Alt blev bygget, testet og deployet direkte til det live site via en MCP-integration, zip for zip — ingen localhost, ingen staging-server.
Er vibe coding hurtigere end at hyre en wordpress-udvikler?
Ikke nødvendigvis hurtigere i sig selv, men mere direkte: du går fra idé til live ændring uden mellemled, håndtering af opgaver eller ventetid på et tilbud.