WordPress barnteman. De kan låta (och verka) skrämmande till en början, men när du väl lär dig detaljerna (liksom skönheten) i WordPress-barnteman kommer du att ha mycket roligt. I det här inlägget kommer vi att dela upp WordPress-barntemat i dess olika delar. För att uttrycka det på ett annat sätt kommer vi att lära oss:
- Vad är ett WordPress-barntema?
- Fördelarna med WordPress barnteman
- Nackdelar med WordPress barnteman
- Hur man skapar ett WordPress-barntema
- Resurser för WordPress barntema
Vad är ett WordPress-barntema?
Så vad är ett WordPress-barntema?
Ett WordPress-barntema är i grunden ett WordPress-tema som “lånar” mallfiler och funktionalitet från ett annat WordPress-tema som kallas överordnat tema. Slå inget ännu, jag kommer att förklara allt i detalj vilket jag lovar dig.
TILL föräldrars tema är ett typiskt WordPress-tema, som vårt bästsäljande Total WordPress-tema, standardtemat Twenty Fourteen, eller vilket tema du än använder på din webbplats.
Det mest grundläggande WordPress-barntemat är helt enkelt en mapp som innehåller en speciell style.css-fil. Oroa dig inte, allt kommer att vara vettigt när jag förklarar det. En av frågorna som förmodligen går igenom ditt huvud just nu är: Varför skulle man vilja använda ett barntema om det finns många föräldrateman?
Svaret är ganska enkelt. De flesta föräldraämnen får uppdateringar då och då. Så om du tar ett föräldratema och anpassar koden (och stilen), kommer du att förlora alla dessa ändringar nästa gång du uppdaterar temat. Det är här WordPress barnteman kommer in. Ett WordPress-barntema ger dig möjligheten att anpassa ditt överordnade tema utan att riskera att förlora dina ändringar när du uppdaterar. Självklart kan du välja att ta bort uppdateringar om du inte har något emot att utsätta din webbplats för hackare.
Fram…
För några stycken sedan nämnde jag att underordnade teman “lånar” mallfiler och funktionalitet från överordnade teman. Hur hände det här? Tänk på barnteman som skuggteman; De imiterar sina föräldrars sånger. Det är som att skapa en kopia av ditt huvudtema utan att kopiera något. Låter som magi, eller hur?
Tryck på frysknappen. Hur skapar man en kopia av huvudtemat utan att kopiera något? Hemligheten med att förstå barnteman ligger i den speciella style.css-filen som vi nämnde tidigare. Egentligen är hemligheten en enda rad som finns inuti style.css. Vilken rad frågar du? Mer om det om ett ögonblick. Eftersom vi kommer att skapa ett barntema senare i det här inlägget kommer jag bara att presentera några grunder för att avslöja tråden jag pratar om och ge dig en bättre förståelse för barnteman.
För att skapa ett barntema måste du skapa en mapp (för barnetema) i din WordPress-temakatalog. Du kan namnge mappen vad som helst (eller efter ditt tema). Därefter måste du skapa en style.css med följande kod:
/* Theme Name : The name of your child theme (e.g. Total Child Theme) Theme URI: http://www.example.com (Your child theme's URL) Description: A brief description of your child theme Author: Your name goes here Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc) Version: 1.0.0 */
Du måste spara denna style.css i din underordnade temamapp. Gå nu tillbaka till den sjätte (sjätte) raden i koden ovan. Du får se:
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Den här raden talar om för ditt barntema vilket överordnadstema du ska låna funktioner och mallfiler från. Den här enkla raden länkar ditt underordnade tema till det överordnade temat och fungerar som en kanal genom vilken det underordnade temat tar emot mallfiler och funktionalitet från det överordnade temat. Det betyder att du måste ha huvudtemat installerat på din WordPress-plattform.
Det räcker med att säga att utan den här raden har du inget barntema. Den har bara en mapp och en typisk style.css-fil.
Kort sagt, mallraden ärver (det mesta av) från sitt överordnade tema när du aktiverar dess underordnade tema. Eventuella ändringar du gör i ditt barntema kommer inte att påverkas om du uppdaterar det överordnade temat. Vad tycker du om den förklaringen? Följer du den eller är den inte tillräckligt tydlig? Om du är med mig, låt oss gå vidare till fördelarna och nackdelarna med WordPress barnteman.
Vilka är fördelarna med att använda ett barntema?
Det finns många fördelar med att använda ett barntema och vi rekommenderar alla som använder ett tema som inte var anpassat för deras webbplats att konfigurera och aktivera ett barntema. Vi har listat några av de viktigaste fördelarna med att använda ett barntema och varför du på allvar bör överväga det.
Säkra uppdateringar
WordPress barnteman lånar helt enkelt funktioner, mallar och stilar från det överordnade temat. Detta gör att du kan anpassa din webbplats utan att röra huvudtemat. Därför, när utvecklare uppdaterar ditt huvudtema, kan du säkert uppdatera din webbplats utan att förlora anpassade ändringar.
Barnteman är lätta att utöka
WP-barnteman ger dig mycket flexibilitet. Du kan skapa nya mallfiler som inte är en del av huvudtemat. Du kan lägga till nya funktioner, stilar och mycket mer. Dessutom finns det många kommersiella och gratis temaramar med utökningsbara alternativ för att komma igång.
Barnteman är säkra för säkerhetskopiering
Varje utvecklare är mänsklig och vi vet alla att det är mänskligt att göra fel. Alla gör misstag och alla glömmer. Som sagt, du kommer att vara med i soppan om du glömmer att koda något när du använder ett föräldratema. Det är lite annorlunda med barnteman. Om du glömmer någon kod kommer WordPress automatiskt att ladda ett alternativ (eller originalet) av huvudtemat. Naturligtvis är detta bara sant om koden finns i det överordnade temat.
Vilka är de negativa aspekterna av att använda ett barntema?
Även om barnteman i allmänhet är fantastiska och vi rekommenderar att alla som använder WordPress aktiverar ett barntema på sin webbplats om de planerar att göra några potentiella justeringar i framtiden, här är några saker att tänka på.
Det finns en inlärningskurva
Barnteman är främst till för att utöka eller anpassa funktionaliteten för ditt överordnade tema, vilket innebär att om du inte är en utvecklare kommer du inte att kunna göra mycket med ditt barntema och du kommer att vilja lära dig lite kodning. den fulla potentialen av ditt barntema. Så om du är en nybörjare behöver du tid att lära dig repen av föräldrateman och WordPress (liksom lite kod) i allmänhet för att njuta av barntemans fulla potential. Hur som helst, du måste tjäna dina ränder. När allt kommer omkring kommer du att koda som proffsen på nolltid!
Saker går sönder eller blir kvar
Om du har byggt din webbplats kring ett överordnat tema kan du behöva ändra några saker (t.ex. menyer, widgets och/eller temaalternativ) när du byter till ett underordnat tema. Vissa teman sparar inställningarna i databasen baserat på temanamnet, så när du byter till ditt barntema kan det verka som att du har tappat bort alla inställningar från ditt överordnade tema (Customizer-inställningar), men oroa dig inte, de är säkert i databasen, men det kommer. Du måste gå tillbaka till din förälder om så är fallet så att du kan kopiera dina inställningar och migrera dem. I vårt Total-tema tillhandahåller vi en praktisk Import/Export-panel direkt i instrumentpanelen så att du kan kopiera ditt temas Customizer-inställningar innan du byter till ditt barntema och migrerar det.
Dessutom, om du använder ditt underordnade tema för att tillhandahålla ytterligare funktioner till din webbplats istället för att använda ett plugin, om du någonsin ändrar ditt överordnade tema, kan du behöva flytta några av dessa inställningar till ett nytt underordnat tema, byta namn från ditt nuvarande barn tema eller flytta inställningarna i ett anpassat plugin.
Hur skapar man ett WordPress-barntema?
Jag vill anta att du är proaktiv och har skapat en “speciell” style.css-fil och mapp för ditt barntema. Om du precis hoppade till den här delen (eller väntade ivrigt på det här avsnittet), öppna din WordPress-temankatalog via FTP/SFTP (…/wp-content/themes) och skapa en mapp där du sparar ditt barntema.
Notera: Du kan komma åt temakatalogen via din filhanterare i din cPanel. Alternativt kan du använda en FTP-klient som FileZilla om du har FTP-konton aktiverade.
Öppna sedan din favorittextredigerare (mins Notepad++) och skapa en style.css-fil med följande information:
/* Theme Name : The name of your child theme (e.g. Total Child Theme) Theme URI: http://www.example.com (Your child theme's URL) Description: A brief description of your child theme Author: Your name goes here Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc) Version: 1.0.0 */
Det är samma kod som vi använde tidigare.
Ladda upp din style.css-fil till mappen under temat. Vid det här laget är din style.css-fil tom (bortsett från raderna ovan, som inte gör något i form av stil), så förvänta dig inte att ditt barntema ska se ut som ditt överordnade tema. Men för att övervinna detta hinder kan du importera style.css för ditt överordnade tema genom att skapa en ny tom functions.php-fil i undertemamappen och lägga till följande PHP-kod:
function total_child_enqueue_parent_theme_style() {
// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
$theme = wp_get_theme( 'Total' );
$version = $theme->get( 'Version' );
// Load the stylesheet
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
}
add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );
Se till att du ändrar var det står “Totalt” så att det är namnet på ditt överordnade tema. Detta kommer att tillåta ditt underordnade tema att dynamiskt uppdatera versionsnumret som är kopplat till det överordnade style.css, så att när det överordnade temat uppdateras, om det gjordes någon ändring av filen style.css i det överordnade temat, kommer det att tillåta webbläsaren och dess CDN (om du använder en) cachelagrar stilarket igen och förhindrar att din webbplats har CSS-problem när du tittar på den.
Anpassa ditt barns tema
Nu kommer den roliga delen. Chansen är stor att du skapade ditt barntema för anpassningar, så dyk in!
- För att anpassa ditt barntema, lägg helt enkelt till dina stilar i filen style.css du skapade. De kommer att åsidosätta motsvarande stilar som finns i det överordnade temat.
- För att redigera mallfiler, kopiera dem först till ditt barntema och redigera dem sedan därifrån. Men inte ALLA filer kan kopieras till ditt barntema och modifieras, du kan bara kopiera mallfiler. Därför, om temat har vissa filer inuti för en include, inc, functions eller annan mapp som innehåller anpassade klasser och funktioner, kanske du inte kan kopiera och ändra dem. I dessa fall kanske du vill använda filter eller actionhooks för att ändra det överordnade temats standardfunktioner.
- Du kan lägga till anpassade mallfiler till ditt barntema för mer funktionalitet
- Använd ditt barntemas functions.php-fil för att lägga till anpassade funktioner och använda det överordnade temat eller WordPress-filter. Lägg inte till nya funktioner till functions.php-filen i ditt huvudtema!
WordPress kommer att ladda mall- och stilfilerna i ditt barntema först, men om något saknas kommer det att ladda motsvarande filer i det överordnade temat. Åh ja, sidoteman förvisso, men jag slår vad om att vi redan har sagt det.
Och det är.
Att sluta …
Barnteman är mycket kraftfulla när det gäller anpassning och töjbarhet. Dessutom ger de bra inlärningsgrunder för alla som vill lära sig WordPress-temautveckling. De är enkla och roliga att skapa och ger dig många alternativ för att konvertera din WordPress-webbplats som du vill.
Designa och ha kul, och lämna inte innan du delar med oss i kommentarerna nedan. Vi älskar och värdesätter dina kommentarer 🙂
