Skip to content

Allt om WordPress, webbutveckling — och mer därtill

🔧 Elementor och Underscores: behöver du ens ett WordPress-tema?

🔧 Elementor och Underscores: behöver du ens ett WordPress-tema?

Du köpte ett tema på ThemeForest, installerade det och ägnade tre dagar åt att rensa bort överflödet: WPBakery från 2019, Revolution Slider med 200 MB demoinnehåll, stockfoton som ingen någonsin kommer att öppna.

En välbekant historia. Utvecklare har i åratal betalat för mycket för multifunktionsmonster och sedan ändå fått skriva om hälften av mallarna manuellt. Vi har gått igenom den cykeln och hittat ett arbetssätt som tar bort det extra komplexitetslagret: Elementor Pro som temabyggare plus _s som ett minimalistiskt WordPress-skelett. Inget premiumtema. Inga onödiga medföljande tillägg.

Nedan går vi igenom varför detta fungerar, vilka svårigheter du stöter på och när du bör välja en annan lösning.

💡 Snabb översikt:

  • Lär dig varför premiumteman lägger till ett extra lager overhead
  • Se vad Elementor Theme Builder kan göra istället för ett fullständigt tema
  • Förstå hur _s skiljer sig från ett tomt tema
  • Utvärdera de verkliga utmaningarna med detta arbetssätt
  • Jämför _s, Hello Theme och GeneratePress i en tabell
Utvecklare konfigurerar en WordPress-sajt utan premiumtema

Problemet med premiumteman: att betala två gånger

Ett typiskt premiumtema från ThemeForest väger tiotals MB i arkivet. Inuti: en medföljande sidbyggare (oftast WPBakery med ett föråldrat API), Revolution Slider, en formulärbyggare, demoinnehåll och en hög stockbilder du inte behöver.

Efter installationen lägger du timmar på att städa. Sedan fler timmar på att anpassa till din layout. Multifunktion betyder "allt för alla", men i praktiken innebär det hundratals oanvända CSS-regler och JS-filer som webbläsaren ändå laddar.

Ett separat problem: vissa premiumteman bryter medvetet sidbyggarens live-redigering och lämnar bara backend-läge med ett rutnät av shortcodes. Detta eliminerar den främsta fördelen med en sidbyggare: omedelbar återkoppling. Du redigerar kod i blindo.

Vid det tredje ThemeForest-temaprojektet i rad blir det uppenbart: det mesta av temakoden förblir oanvänd, och du skriver det du behöver själv ovanpå. Du kan få samma resultat på ett renare sätt.

Elementor Pro som temabyggare: vad Theme Builder kan göra

Elementor i Pro-versionen har för länge sedan vuxit ur sin status som sidbyggare. Theme Builder låter dig skapa:

  • Sidhuvud och sidfot: transparenta, sticky, mega-menyer;
  • Mallar för enskilda inlägg: med dynamisk data via ACF och Pods;
  • Arkivmallar: för blogg, kategorier, anpassade inläggstyper;
  • 404-sida och sökresultat: utan en enda rad kod;
  • WooCommerce-mallar: produktkort, lista, varukorg, kassa.

Allt via dra-och-släpp med live-förhandsvisning. Rulla mushjulet, elementet flyttas på skärmen i realtid. Ingen CTRL+S → Alt+Tab → F5.

Elementor är också utvecklarvänligt. Behöver du en anpassad widget: skriv den i PHP, registrera den via Elementor\Widget_Base och få visuell kontroll i redigeraren. Behöver du anpassad logik: hooks som elementor/frontend/before_render och elementor/dynamic_tags/register ger dig full åtkomst. Detta är inte ett slutet ekosystem, det är ett ramverk med ett visuellt gränssnitt.

Elementor Pro Essential-licens kostar från $59 per år för en sajt. Advanced-planen för 3 sajter kostar från $99 per år.

Vad _s är: ett kompakt skelett istället för tiotals MB

_s skapades av teamet bakom Automattic: samma personer som ligger bakom WordPress.com, WooCommerce och Jetpack. Detta är ett starttema för utveckling, inte för att installeras "som det är" i produktion.

Vad som finns inuti:

  • Ren HTML5-uppmärkning med minimal CSS-reset;
  • Standardhierarki för WordPress-mallar med en komplett uppsättning mallfiler (från index.php till archive.php);
  • Navigering förberedd för tillgänglighet;
  • Inga stilar: blå länkar, svart text på vit bakgrund.

Totalt cirka 100 KB enligt Automattics repository. _s ger dig exakt den struktur WordPress behöver för att fungera: malltaggar från get_header() till wp_nav_menu(). Inget extra.

Temat uppdateras sällan. Det är ett plus. Automatiska premiumtema-uppdateringar förstör child-teman och anpassningar, medan _s är stabilt som ett skelett: ändringar rör endast kompatibilitet med nya versioner av PHP och WordPress. GPL-licens, forka utan begränsningar.

Hur _s och Elementor Pro fungerar tillsammans

Tanken är enkel: _s tillhandahåller det strukturella minimumet för WordPress, Elementor hanterar allt visuellt.

När en besökare öppnar en sida kör WordPress standard-loopen: anropar header.php från _s (tom <head> plus <body>), sedan innehåll genererat av Elementor via the_content(), sedan footer.php. Ingen extra CSS. Ingen medföljande JS från temat.

Resultat: ett lager overhead istället för två. I den klassiska metoden finns ett uppblåst tema plus en uppblåst sidbyggare. Här, endast Elementor. Ja, inte lättviktigt: men det är priset för en visuell redigerare. Och när du behöver en specifik komponent finns den redan i Elementors bibliotek, inte begravd någonstans i temats djup.

Utmaningar: vad du behöver veta på förhand

Arbetssättet är inte perfekt. Här är vad du kommer att möta:

Kommentarer. Elementor infogar ett kommentarsblock men förväntar sig stilar från temat. _s tillhandahåller inga stilar, så kommentarer ser ut som ostilad HTML. Du måste skriva CSS för hela sektionen manuellt. Inte kritiskt, men det tar tid.

Uppdateringar. Elementor Pro uppdateras ofta, ibland 2-3 gånger i månaden. De flesta uppdateringar går smidigt, men det finns fall där layouten "flyter" efter en mindre uppdatering. Säkerhetsregel: testa uppdateringar på en staging-kopia. Kör igenom huvudsidorna visuellt och flytta sedan till produktion.

Inlärningskurva. Theme Builder är kraftfull men kräver förståelse för koncept: dynamiska taggar, visningsvillkor, mallhierarki. En utvecklare med WordPress-erfarenhet förstår det på en dag eller två. En nybörjare får det svårare: lättare än att tolka 500 premiumtema-alternativ, men du kan fortfarande inte kalla det tomt.

Prestanda. Elementor lägger till resurser (CSS och JS). Det är priset för en visuell redigerare. Men frånvaron av ett uppblåst tema kompenserar: total sidstorlek är ofta mindre än med ett premiumtema plus WPBakery. Cachning (WP Rocket) och CDN jämnar ut skillnaden.

Jämförelse: _s, Hello Theme och GeneratePress

_s är inte det enda minimalistiska alternativet. År 2026 finns det två starka alternativ.

Hello Theme från Elementor-teamet (v3.4.9, uppdaterat maj 2026): ännu lättare än _s, inga stilkonflikter, noll extra CSS. Uppdateringar synkroniserade med Elementor. Standardval om du bara arbetar med Elementor och inte planerar djup anpassning på PHP-mallnivå.

GeneratePress (v3.6.1, uppdaterat december 2025): väger mindre än 10 KB i grundversionen. Stöder Elementor, Beaver Builder och blockredigeraren. Ger fler inställningar än _s eller Hello Theme: anpassare med typografi, färg och layoutalternativ. Det finns en gratisversion, betalplaner på den officiella webbplatsen.

Tema

Storlek

Anpassning

Bäst lämpat för

_s

~100 KB

Endast kod

Anpassad PHP-utveckling

Hello Theme

Lättare än _s

Endast Elementor

Ren start med Elementor Pro

GeneratePress

~10 KB

Anpassare + kod

Balans mellan färdiga alternativ och lättvikt

Om projektet innebär seriös anpassad PHP-utveckling: ta _s. Enkel start och funktion direkt ur lådan: Hello Theme. Balans mellan lättvikt och färdiga alternativ: GeneratePress.

För fler mall- och temakällor för Elementor, kolla in vår sammanställning av platser att hitta Elementor-mallar.

Video: Theme Builder i Elementor Pro i praktiken

Se hur Theme Builder fungerar i ett verkligt projekt: från anpassat sidhuvud till mall för enskilt inlägg.

⁉️🤔 Vanliga frågor

Kan jag använda Elementor Free istället för Pro för detta arbetssätt?

Nej. Theme Builder är endast tillgänglig i Elementor Pro. Gratisversionen låter dig redigera enskilda sidor men inte temamallar: sidhuvud, sidfot, arkiv, 404, WooCommerce-mallar. För "Elementor som tema"-metoden behöver du en Pro-licens. Om budgeten är begränsad: GeneratePress (gratis) plus anpassade CSS-snuttar. Du förlorar den visuella temaredigeraren men behåller den minimalistiska grunden.

Hur är _s bättre än bara ett tomt tema med en enda index.php?

Ett tomt tema utan standardmalltaggar kommer att förstöra tillägg som förväntar sig standard WordPress-hooks. _s inkluderar alla nödvändiga hooks och korrekt mallhierarki: WordPress-ekosystemkompatibilitet direkt ur lådan. Att skriva ett tema från grunden utan ett startramverk innebär att återimplementera WordPress-loopen, navigering, paginering och sidopaneler. _s sparar dig flera timmars rutinkod.

Gör inte Elementor en sajt långsammare än ett premiumtema?

Elementor lägger till resurser (CSS/JS), men premiumteman lägger också till sina egna. I praktiken är en sajt på Elementor plus _s ofta snabbare än ett premiumtema plus WPBakery: temamotorn genererar inte hundratals oanvända CSS-regler och laddar inte 5 medföljande tillägg. Avgörande faktor: hosting, cachning och bildoptimering. På bra hosting med WP Rocket och CDN är hastighetsskillnaden minimal.

Vad ska jag göra om jag redan har köpt ett premiumtema och sajten körs på det?

Bryt inte allt på en gång. Gradvis migrering: på en staging-kopia, återskapa nyckelsidor via Elementor plus _s. Om resultatet fungerar för dig, flytta till produktion. Om inte: stanna på det nuvarande temat, ha detta arbetssätt i åtanke för nästa projekt. Migrering tar flera dagar beroende på sajtens komplexitet. Lönar sig genom inga betalda temauppdateringar och förenklat underhåll.

Är detta arbetssätt fortfarande relevant med utvecklingen av Full Site Editing i WordPress?

FSE (Full Site Editing) låter dig redigera mallar via blockredigeraren utan ett tredjepartstillägg. År 2026 når FSE inte upp till Elementor i flexibilitet och antal färdiga widgets. För enkla visitkortssajter är FSE redan tillräckligt. För kommersiella projekt med anpassad logik är Elementor Pro bekvämare. Blockredigeraren utvecklas snabbt, och landskapet kan förändras om ett par år.

Behövs ett tema år 2026?

Kort svar: ett tema behövs, men inte den sorten de säljer på ThemeForest. WordPress fungerar tekniskt sett inte utan ett tema, det behöver åtminstone index.php och style.css. Men detta tema kan väga 100 KB (_s), något mindre (Hello Theme) eller 10 KB (GeneratePress). Det räcker.

Om du vill ha full kontroll via PHP: ta _s. Arbetar endast med Elementor och vill ha en start utan extra steg: Hello Theme. Behöver balans mellan färdiga inställningar och lättvikt: GeneratePress.

Glöm multifunktionsmonster med 40 inbyggda tillägg. Ett minimalistiskt skelettema plus Elementor Pro ger dig exakt vad du behöver: inga extra CSS-regler, ingen medföljande slider du inte använder.

Testa _s eller Hello Theme på en staging-kopia. Om det fungerar: skriv i kommentarerna vilket alternativ du valde. Om inte: berätta varför. Återkoppling är mer användbart än något betyg.