Hur man anpassar ditt WordPress-tema med ett barntema

Så du har ett WordPress-tema på din webbplats, antingen en fri eller en kommersiell, och du vill anpassa den. Någon har klokt rekommenderat att du gör det genom att skapa ett barntema. Men vad betyder det, och hur gör du det?

Vad är ett barntema?

Thw WordPress Codex beskriver barnteman som följande:

Ett WordPress-barntema är ett tema som ärverger funktionaliteten hos ett annat tema, kallat föräldertemat, och låter dig ändra eller lägga till funktionaliteten för det överordnade temat. Ett barntema är det säkraste och enklaste sättet att ändra ett befintligt tema, oavsett om du vill göra några små förändringar eller omfattande förändringar. I stället för att ändra temafilerna direkt kan du skapa ett barntema.

I huvudsak är ett "barntema" ett WordPress-tema som körs vid sidan av ditt ursprungliga WordPress-tema och överstyrer de delar av det du anger utan att egentligen ändra det ursprungliga temat.

Varför bry sig om att använda ett barntema?

Om du har ett gratis eller kommersiellt WordPress-tema på din webbplats finns det en bra chans att du skulle vilja anpassa det lite för att passa dina specifika behov. Du kanske vill tweak några färger, lägga till ett sidofält, få vissa inlägg att visas annorlunda, eller något annat du kan tänka på.

En dag loggar du in i din WordPress admin dashboard, och du ser att det finns en uppdatering till ditt tema. Kanske fixar det lite CSS-fel eller ett säkerhetsproblem med temat. Om du klickar på uppdatering och du har anpassat tematets filer direkt kommer den uppdateringen att överskriva dina ändringar och BOM! De är borta. Du måste göra de förändringarna om igen.

Genom att använda ett barntema kan du uppdatera det ursprungliga temat allt du vill, och dina ändringar är säkra. Det är möjligt att något i uppdateringen kan innebära att du behöver göra en liten tweak till ditt barntema också, men åtminstone börjar du inte från början!

Ok, jag tror att jag är ombord, men hur gör jag det?

Ditt ursprungliga tema, som vi kallar för ett "förälder tema" från och med nu, lever i din / Wp-innehåll / teman / katalog.

Som ett exempel skapar vi ett barntema för WordPress 'standard' Twenty Twelve '-tema.

Så i det här fallet skapar vi ett barntema för att skapa en ny katalog tillsammans med temat "Twenty Twelve" -katalogen heter twentytwelve-barn.

Såhär:

Alla den här katalogen behöver inuti vara ett giltigt barntema, är ett style.css filer med följande innehåll:

 / * Tema Namn: Twenty Twelve Child Theme URI: http://wp.tutsplus.com/ Beskrivning: Barntema för tjugo tolv Författare: Japh Författare URI: http://wp.tutsplus.com/author/japh Mall: twentytwelve Version: 1.0.0 * / @import url ("... /twentytwelve/style.css");

Det finns två viktiga delar där:

Mall: Twentytwelve - som berättar för WordPress att detta tema är ett barntema för temat "Tjugo tolv"
@import url ("... /twentytwelve/style.css"); - som laddar modertematens (tjugo tolv I detta fall) style.css som utgångspunkt

Nu kan du logga in på din WordPress dashboard och se ditt "Twenty Twelve Child" -tema där och aktivera det.

Notera:

Som framgår av kommentarerna nedan, @importera Linjen är inte absolut nödvändig för att ett barntema ska vara giltigt. Jag har inkluderat det här som i de flesta små modifieringar av ett tema, du kommer att vilja använda den. För grossistutbyte av CSS i ett tema kan du lämna den linjen och börja från början.

Söt, mitt mycket eget barn tema! Nu då?

Nu när du vill göra en anpassning till ditt tema, gör det i ditt barntema.

Filer i ditt barntema överstyr filer med samma namn i överordnad tema. Så en fil från ditt föräldertema du vill ändra, kopiera till ditt barntema först och göra dina ändringar där.

Detsamma gäller för alla mallar som kanske inte finns i ditt överordnade tema. Du kan lägga till dem i ditt barntema, och WordPress kommer att använda dem.

Ett undantag till dessa regler är functions.php fil. I det här fallet functions.php filen för barntemat laddas först, följt av functions.php fil av modertemat. Så det finns ingen anledning att kopiera functions.php Fil från föräldern till barnet, börja bara färskt i barntemat för den.

Detta gör det möjligt för barntemat att ha all funktionalitet från modertemat. Föräldrarnas teman kan också göra deras funktioner pluggbara, vilket gör det möjligt för ett barntema att åsidosätta dem.

Vad är en pluggbar funktion?

I huvudsak är en pluggbar funktion en som kontrollerar om den redan finns innan den definieras. På så sätt skapar tematemat inte en konflikt om barntemat definierar en funktion med samma namn.

Sammanfattning

Det är grunderna i WordPress-temanpassning med ett barntema. Det är verkligen inte svårare än att redigera det ursprungliga temat direkt, men det kan spara mycket ont när det kommer dags att uppdatera. Det gör det också väldigt enkelt för dig att se exakt vad du har ändrat, för att det är allt snyggt indelat.

Du hittar vidare läsning om barnteman här på Wptuts + också.

Har du några speciella tips för anpassning med barnteman? Låt oss veta i kommentarerna!

Koda