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
WordPress-teman består av flera filer. Dessa inkluderar mallfiler, anpassade mall-taggar och funktioner, mall-delar, bilder, JavaScript och CSS-filer.
Alla de bästa WordPress-teman följer de officiella bästa praxis. Detta innebär att de organiserar all kod med hjälp av standardfil- och mallstrukturen.
Till exempel har alla WordPress-teman archive.php, single.php, functions.php och andra filer.
Varje fil används som en mall för att visa ett visst område på din WordPress-webbplats.
Till exempel visar mallen single.php enskilda inlägg. Samtidigt visar mallen page.php en enskild sida.
Att förstå WordPress mallhierarki ger dig en bättre förståelse för hur WordPress fungerar. 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:
- Hitta mallfiler att redigera i WordPress-tema
- Bonustips: Lägga till anpassad kod för sidhuvud och sidfot i WordPress
- Vanliga frågor: Vilka filer ska redigeras i ditt WordPress-tema
- Ytterligare resurser: Fler WordPress-tematips och tricks
Låt oss hoppa rakt in!
Hitta mallfiler att redigera i 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: Tänk på att detta plugin är lite föråldrat och inte har testats med de senaste WordPress-uppdateringarna. Vi har dock testat det på våra staging-webbplatser nyligen och funnit att det fortfarande fungerar alldeles utmärkt.
Om du har funderingar rekommenderar vi att du kollar in vår guide för att se om det är säkert att använda föråldrade 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 vanlig textredigerare som helst, till exempel Anteckningar.
Direkta ändringar i ditt WordPress-tema är inte att rekommendera. Dessa ändringar kommer att raderas när du uppdaterar ditt tema.
Att göra direkta ändringar i ditt WordPress-tema är också en dålig idé. Detta beror på att dessa ändringar kommer att försvinna när du uppdaterar ditt tema.
Om du bara behöver lägga till lite CSS kan du göra det som anpassad CSS i WordPress.
För mer omfattande ändringar av dina temafiler bör du skapa ett barntema. 'What The File'-plugin 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änka till en extern webbplats. Du bör bara använda detta plugin i en utvecklingsmiljö, som en staging-webbplats.
Bonustips: Lägga till anpassad kod för sidhuvud och sidfot i WordPress
Ibland behöver du inte redigera dina temafiler för att lägga till funktionalitet på din WordPress-webbplats.
Till exempel kanske du bara vill lägga till anpassad kod i din webbplats header- eller footerområde för att infoga spårningsskript eller verifieringskoder.
I sådana fall kan du använda plugins för att lägga till kodavsnitt utan att redigera temafiler, som WPCode.
Vi använder WPCode för att hantera kodavsnitt på flera av våra webbplatser, och vi älskar det. 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.
Här lägger vi till exempel till en anpassad spårningskod i sidhuvudet på vår demosida:
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? Dessa vanliga frågor kan hjälpa dig att fatta smartare och säkrare beslut när du anpassar ditt WordPress-tema.
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 kodavsnittsplugin som WPCode eller en barn-temas stilmall. Dessa metoder säkerställer att dina stilar inte går förlorade under temauppdateringar.
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
- Hur man lägger till en parallaxeffekt till vilket WordPress-tema som helst
- Hur man lägger till en smidig scroll till toppen-effekt i WordPress med jQuery
- Vad är ett WordPress-temaramverk?
- WordPress-temautveckling – fusklapp
- WordPress-genererade CSS-klasser för att styla dina teman
- Gratis vs Premium WordPress-teman (fördelar och nackdelar för webbplatsägare)
- Bästa enkla WordPress-teman du bör prova
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