En av de vanligaste frågorna vi får från WordPress-användare är: ”Jag vill anpassa mitt tema, men jag vet inte vilken fil jag ska redigera.”
Och ärligt talat, den förvirringen är helt logisk. Att redigera fel fil kan förstöra din webbplats eller göra att dina ändringar försvinner nästa gång ditt tema uppdateras.
Dessutom hjälper det inte att de flesta teman innehåller dussintals filer med mystiska namn. Detta kan kännas överväldigande när du bara försöker ändra en sak.
Under åren har vi arbetat med alla möjliga WordPress-projekt och har varit tvungna att spåra rätt mallfiler fler gånger än vi kan räkna. Det är precis därför vi har satt ihop den här guiden.
Vi guidar dig genom de exakta stegen vi använder för att ta reda på vilken mallfil som ska redigeras, hur WordPress mallhierarki fungerar och hur du gör ändringar som faktiskt består. 🎨
Förstå WordPress tema mallfiler
Innan du börjar redigera är det bra att veta hur teman är uppbyggda. WordPress-teman består av flera filer, inklusive mallfiler, anpassade malltaggar och funktioner, mallkomponenter, bilder, JavaScript och CSS-filer.
De flesta klassiska teman följer den officiella WordPress-mallhierarkin. (Blockteman fungerar däremot annorlunda och låter dig redigera sidlayouter visuellt med hjälp av HTML-mallar i webbplatsredigeraren.)
Det innebär att de organiserar koden på ett standardiserat sätt. Varje fil används som en mall för att visa ett visst område på din WordPress-webbplats.
Här är några av de vanligaste mallfilerna du kommer att se i ett klassiskt tema:
| Temafiler | Vad de gör |
|---|---|
functions.php | Lägger till funktioner och möjligheter, som att skapa nya bildstorlekar, anpassade inläggstyper eller widgets |
single.php | Visar ett enskilt blogginlägg |
page.php | Visar en statisk sida (som din Om- eller Kontaktsida) |
archive.php | Visar en lista med inlägg, som kategorier eller taggar |
header.php | Innehåller sidhuvudssektionen (logotyp, meny) som visas på varje sida |
footer.php | Innehåller sidfotssektionen som visas på varje sida |
Att förstå denna hierarki hjälper dig att identifiera vilken fil som styr en specifik sida. Om du någonsin behöver lägga till eller redigera kod i ditt WordPress-tema, hjälper detta dig också att avgöra vilka filer du behöver redigera.
För mer information, se vårt fuskblad för WordPress mallhierarki.
Med det i åtanke kommer vi att visa dig hur du enkelt hittar vilka filer du ska redigera i ett WordPress-tema. Här är vad vi kommer att täcka:
Låt oss hoppa rakt in!
Hitta mallfiler att redigera i ett WordPress-tema
Det första du behöver göra är att installera och aktivera pluginet What The File. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Pluginet fungerar direkt ur lådan, och det finns inga inställningar för dig att konfigurera.
🚨 Viktigt: Du kan se en varning om att detta plugin är inaktuellt. Men vi har testat detta plugin i våra staging-miljöer och bekräftat att det fungerar korrekt för klassiska teman.
Det kanske dock inte ger användbar data för moderna blockteman som använder HTML-mallar. Om du har funderingar, kolla in vår guide för att se om det är säkert att använda inaktuella plugins för mer information.
Efter aktivering måste du besöka din webbplats framsida, och du kommer att märka en ny meny 'What The File' i WordPress adminfält.
Nu behöver du bara föra muspekaren över menyalternativet. Detta kommer att visa en rullgardinsmeny som listar mallfilerna som används för att visa den här sidan.
Att klicka på filnamnet tar dig till standardredigeraren för WordPress-filer, där du kan redigera den specifika filen.
Vi rekommenderar dock inte att använda WordPress filredigerare för att redigera temafiler eftersom den saknar en ångra-funktion. Om du gör ett misstag och låser dig ute från din webbplats måste du använda en FTP-klient för att åtgärda det.
Istället föreslår vi att du använder en FTP-klient eller filhanteraren i din WordPress-värdkontrollpanel.
Med dessa verktyg kan du redigera temafiler med vilken enkel textredigerare som helst, som Anteckningar. Att göra direkta ändringar i ditt WordPress-tema är en dålig idé eftersom dessa ändringar försvinner när du uppdaterar ditt tema.
Om du bara behöver ändra färger eller typsnitt behöver du inte redigera PHP-filer. I klassiska teman kan du gå till Utseende » Anpassa » Ytterligare CSS för att lägga till anpassad CSS.
För mer omfattande ändringar bör du skapa ett barntema. Pluginet ‘What The File’ kan hjälpa dig att hitta de temafiler du behöver kopiera och redigera i ditt barntema.
☝ Notera: Menyalternativet som läggs till av pluginet i adminfältet kommer att vara synligt för alla inloggade användare och länkar direkt till temafilerredigeraren. Vi rekommenderar att du bara använder detta plugin i en utvecklingsmiljö, som en staging-webbplats.
Bonustips: Lägga till anpassad kod för sidhuvud och sidfot i WordPress
Ibland kanske du tror att du behöver redigera header.php eller footer.php bara för att lägga till ett spårningsskript eller en verifieringskod. Att redigera dessa filer direkt kan dock vara riskabelt och svårt att hantera.
Istället kan du använda ett gratis plugin som WPCode. Det låter dig säkert infoga kodavsnitt i din header eller footer utan att öppna en enda mallfil.
Vi använder faktiskt WPCode på några av våra partnerwebbplatser. Det håller våra anpassningar säkra under temauppdateringar och förhindrar att kodfel förstör webbplatsen.
Om du är nyfiken på våra erfarenheter, kolla in vår detaljerade WPCode-recension.
WPCode har ett enkelt gränssnitt för att klistra in din kod. På så sätt förblir dina temafiler orörda, och dina ändringar förblir säkra under uppdateringar.
Till exempel, så här enkelt är det att lägga till ett spårningsskript:
Att använda plugins som detta sparar tid och minskar misstag. Det är ett säkrare sätt att lägga till nya funktioner på din webbplats. För mer information kan du se vår guide om hur man lägger till header- och footer-kod i WordPress.
Vanliga frågor: Vilka filer ska redigeras i ditt WordPress-tema
Fortfarande osäker på var du ska börja eller hur du undviker vanliga misstag? Här är några snabba svar på vanliga frågor om att redigera WordPress-temafiler.
Varför ska jag inte redigera mina huvudsakliga WordPress-temafiler?
Att redigera dina huvudtemafiler direkt är riskabelt eftersom alla ändringar du gör kommer att skrivas över nästa gång temat uppdateras. WordPress-uppdateringar ersätter vanligtvis hela temamappen, vilket innebär att dina anpassningar kan försvinna utan förvarning.
Vad är ett barn-tema och varför är det viktigt?
Ett barn-tema är ett separat tema som ärver funktionaliteten och stilen från ett föräldratema. Det är det säkraste sättet att anpassa din webbplats eftersom det håller dina ändringar separerade från originaltemats filer. På så sätt kan du säkert uppdatera föräldratemat utan att förlora dina ändringar.
Kan jag förhandsgranska ändringar innan jag publicerar dem?
Absolut. Att använda en staging-webbplats är ett av de bästa sätten att förhandsgranska ändringar utan att påverka din live-webbplats. Du kan också använda Temaanpassaren eller Full Site Editor (om ditt tema stöder det) för att testa enkla designjusteringar i realtid innan du publicerar dem.
Behöver jag kodningskunskaper för att redigera WordPress-temafiler?
Om du vill redigera temafiler direkt som header.php, functions.php eller single.php, då är en grundläggande förståelse för HTML, CSS och PHP viktig för att undvika att din webbplats går sönder.
För enkla anpassningar som att ändra färger, typsnitt eller layouter erbjuder dock många teman inbyggda anpassningsalternativ i Temaanpassaren eller Hela webbplatsredigeraren. Du kan också använda sidbyggare som SeedProd och Elementor för att göra visuella ändringar utan att röra koden.
Finns det verktyg som hjälper mig att hitta vilken temafil jag ska redigera?
Ja! Verktyg som What The File-pluginet kan tala om exakt vilken mallfil som används på en viss sida. Du kan också referera till WordPress mallhierarki för att förstå hur olika temafiler laddas beroende på vilken typ av innehåll som visas.
Hur lägger jag säkert till anpassad CSS på min WordPress-webbplats?
Ett av de enklaste sätten att lägga till anpassad CSS är via Temanpassaren under Utseende » Anpassa » Ytterligare CSS.
Alternativt kan du använda ett kodsnutt-plugin som WPCode eller en child themes stylesheet. Dessa metoder säkerställer att dina stilar inte går förlorade under temauppdateringar, särskilt om du använder ett blocktema där anpassningsmenyn kan vara dold.
Ytterligare resurser: Fler WordPress-tematips och tricks
Vi hoppas att den här artikeln hjälpte dig att hitta vilka filer du ska redigera i ditt WordPress-tema. Därefter kanske du också vill se våra guider om:
- Hur man använder WordPress Theme Customizer som ett proffs
- En komplett nybörjarguide till WordPress Full Site Editing
- Hur man visar plugin- och temainformation i WordPress
- WordPress-temautveckling – fusklapp
- Gratis vs Premium WordPress-teman (fördelar och nackdelar för webbplatsägare)
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis Muthomi
Jag uppskattar särskilt ditt fokus på att använda barn teman för omfattande ändringar.
Detta är avgörande råd som många nybörjare missar.
Erfarenhetsmässigt har skapandet av ett barn tema sparat mig otaliga timmar av frustration vid uppdateringar av teman.
kzain
Finns det ett sätt att förhandsgranska ändringar som gjorts i temafiler innan de görs live på webbplatsen? Detta skulle vara mycket användbart för att undvika oavsiktliga störningar. Tack för att du ger så tydliga och praktiska råd!
WPBeginner Kommentarer
Ett alternativ skulle vara att använda en staging-webbplats eller en lokal server för att testa temat innan ändringarna går live.
Moinuddin Waheed
Det här är en lite utvecklarorienterad uppgift men ja, ibland ställs vi inför frågan att redigera filen och hamnar i dilemmat vilken fil vi ska redigera för att få de önskade ändringarna gjorda.
Jag brukade tro att det alltid är functions.php-filen som ska ändras men nej, ändringen ska göras där den önskas.
Jag kommer att utforska pluginet för att se var vi behöver göra redigeringen och ändringarna.
Tack för den här handledningsguiden. den är verkligen hjälpsam för att bättre förstå dessa koncept.
WPBeginner Support
You’re welcome
Admin
Jiří Vaněk
Tack för tipset. Ibland behöver jag göra en ändring på en webbplats, och man vet inte omedelbart vilken fil man ska redigera. Det här pluginet kan vara en stor hjälp för att lista ut vilken mallfil som för närvarande används.
WPBeginner Support
Glad we could share this plugin
Admin
Riyaz
Installationen av detta plugin gjorde mitt liv enklare. Vissa av temana lämnar dock bara något som detta:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
och till och med vissa funktioner som jag inte kan hitta någonstans:
mytheme_get_listings_image(‘mytheme-list’)
Finns det något sätt att hitta dessa saker?
WPBeginner Support
Du skulle behöva gå igenom filerna manuellt, normalt skulle dessa hittas i filen functions.php
Admin
mark Swift
Hej,
fin artikel,
men vad händer om filerna inte finns tillgängliga i ett barntema som jag måste redigera??
Cos
Om du kopierar mall (.php) -filer till ditt barn-tema (så att du kan redigera dem och inte förlora dina ändringar när temat uppdateras) vad händer då om filen du kopierade och redigerade uppdateras av temautvecklaren? Förlorar du då fördelen av deras uppdatering?
Susan Sheridan
Hur är det med samma typ av verktyg för att ta reda på vilka stilmallar som används?
Bond Shands
Jag hade hoppats kunna använda dessa anvisningar för att ändra raden för postadressen längst ner på min blogg. Att installera och aktivera pluginet What The File gav dock inga märkbara resultat. Ingenting nytt dök upp i min menyrad. Dessutom, för att vara ärlig, lämnade dina instruktioner mig i mörkret om hur jag skulle se pluginet visas när jag tittade på bloggsidan jag ville se. (Dessutom är jag redan prenumerant via en alternativ e-postadress).
WPBeginner Support
Hej Bond Shands,
Varje WordPress-webbplats använder ett par mallar som laddas på varje sida. Till exempel mallarna för sidhuvud och sidfot. För att ändra din postadress behöver du redigera filen footer.php. Se dock till att du säkerhetskopierar ditt WordPress-tema innan du gör några direkta ändringar.
Tack
Admin