![](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Guia-completa-de-WordPress-Child-Theme.jpg\")
<\/p>\n\n<\/p>\n
WordPress barnteman. De kan l\u00e5ta (och verka) skr\u00e4mmande till en b\u00f6rjan, men n\u00e4r du v\u00e4l l\u00e4r dig detaljerna (liksom sk\u00f6nheten) i WordPress-barnteman kommer du att ha mycket roligt. I det h\u00e4r inl\u00e4gget kommer vi att dela upp WordPress-barntemat i dess olika delar. F\u00f6r att uttrycka det p\u00e5 ett annat s\u00e4tt kommer vi att l\u00e4ra oss:<\/p>\n
S\u00e5 vad \u00e4r ett WordPress-barntema?<\/p>\n
Ett WordPress-barntema \u00e4r i grunden ett WordPress-tema som “l\u00e5nar” mallfiler och funktionalitet fr\u00e5n ett annat WordPress-tema som kallas \u00f6verordnat tema. Sl\u00e5 inget \u00e4nnu, jag kommer att f\u00f6rklara allt i detalj vilket jag lovar dig.<\/p>\n
TILL f\u00f6r\u00e4ldrars tema<\/strong> \u00e4r ett typiskt WordPress-tema, som v\u00e5rt b\u00e4sts\u00e4ljande Total WordPress-tema, standardtemat Twenty Fourteen, eller vilket tema du \u00e4n anv\u00e4nder p\u00e5 din webbplats.<\/p>\n Det mest grundl\u00e4ggande WordPress-barntemat \u00e4r helt enkelt en mapp som inneh\u00e5ller en speciell style.css-fil. Oroa dig inte, allt kommer att vara vettigt n\u00e4r jag f\u00f6rklarar det. En av fr\u00e5gorna som f\u00f6rmodligen g\u00e5r igenom ditt huvud just nu \u00e4r: Varf\u00f6r skulle man vilja anv\u00e4nda ett barntema om det finns m\u00e5nga f\u00f6r\u00e4ldrateman?<\/p>\n Svaret \u00e4r ganska enkelt. De flesta f\u00f6r\u00e4ldra\u00e4mnen f\u00e5r uppdateringar d\u00e5 och d\u00e5. S\u00e5 om du tar ett f\u00f6r\u00e4ldratema och anpassar koden (och stilen), kommer du att f\u00f6rlora alla dessa \u00e4ndringar n\u00e4sta g\u00e5ng du uppdaterar temat. Det \u00e4r h\u00e4r WordPress barnteman kommer in. Ett WordPress-barntema ger dig m\u00f6jligheten att anpassa ditt \u00f6verordnade tema utan att riskera att f\u00f6rlora dina \u00e4ndringar n\u00e4r du uppdaterar. Sj\u00e4lvklart kan du v\u00e4lja att ta bort uppdateringar om du inte har n\u00e5got emot att uts\u00e4tta din webbplats f\u00f6r hackare.<\/p>\n Fram\u2026<\/strong><\/p>\n F\u00f6r n\u00e5gra stycken sedan n\u00e4mnde jag att underordnade teman “l\u00e5nar” mallfiler och funktionalitet fr\u00e5n \u00f6verordnade teman. Hur h\u00e4nde det h\u00e4r? T\u00e4nk p\u00e5 barnteman som skuggteman; De imiterar sina f\u00f6r\u00e4ldrars s\u00e5nger. Det \u00e4r som att skapa en kopia av ditt huvudtema utan att kopiera n\u00e5got. L\u00e5ter som magi, eller hur?<\/p>\n Tryck p\u00e5 frysknappen. Hur skapar man en kopia av huvudtemat utan att kopiera n\u00e5got? Hemligheten med att f\u00f6rst\u00e5 barnteman ligger i den speciella style.css-filen som vi n\u00e4mnde tidigare. Egentligen \u00e4r hemligheten en enda rad som finns inuti style.css. Vilken rad fr\u00e5gar du? Mer om det om ett \u00f6gonblick. Eftersom vi kommer att skapa ett barntema senare i det h\u00e4r inl\u00e4gget kommer jag bara att presentera n\u00e5gra grunder f\u00f6r att avsl\u00f6ja tr\u00e5den jag pratar om och ge dig en b\u00e4ttre f\u00f6rst\u00e5else f\u00f6r barnteman.<\/p>\n F\u00f6r att skapa ett barntema m\u00e5ste du skapa en mapp (f\u00f6r barnetema) i din WordPress-temakatalog. Du kan namnge mappen vad som helst (eller efter ditt tema). D\u00e4refter m\u00e5ste du skapa en style.css med f\u00f6ljande kod:<\/p>\n Du m\u00e5ste spara denna style.css i din underordnade temamapp. G\u00e5 nu tillbaka till den sj\u00e4tte (sj\u00e4tte) raden i koden ovan. Du f\u00e5r se:<\/p>\n Den h\u00e4r raden talar om f\u00f6r ditt barntema vilket \u00f6verordnadstema du ska l\u00e5na funktioner och mallfiler fr\u00e5n. Den h\u00e4r enkla raden l\u00e4nkar ditt underordnade tema till det \u00f6verordnade temat och fungerar som en kanal genom vilken det underordnade temat tar emot mallfiler och funktionalitet fr\u00e5n det \u00f6verordnade temat. Det betyder att du m\u00e5ste ha huvudtemat installerat p\u00e5 din WordPress-plattform.<\/p>\n Det r\u00e4cker med att s\u00e4ga att utan den h\u00e4r raden har du inget barntema. Den har bara en mapp och en typisk style.css-fil.<\/p>\n Kort sagt, mallraden \u00e4rver (det mesta av) fr\u00e5n sitt \u00f6verordnade tema n\u00e4r du aktiverar dess underordnade tema. Eventuella \u00e4ndringar du g\u00f6r i ditt barntema kommer inte att p\u00e5verkas om du uppdaterar det \u00f6verordnade temat. Vad tycker du om den f\u00f6rklaringen? F\u00f6ljer du den eller \u00e4r den inte tillr\u00e4ckligt tydlig? Om du \u00e4r med mig, l\u00e5t oss g\u00e5 vidare till f\u00f6rdelarna och nackdelarna med WordPress barnteman.<\/p>\n Det finns m\u00e5nga f\u00f6rdelar med att anv\u00e4nda ett barntema och vi rekommenderar alla som anv\u00e4nder ett tema som inte var anpassat f\u00f6r deras webbplats att konfigurera och aktivera ett barntema. Vi har listat n\u00e5gra av de viktigaste f\u00f6rdelarna med att anv\u00e4nda ett barntema och varf\u00f6r du p\u00e5 allvar b\u00f6r \u00f6verv\u00e4ga det.<\/p>\n WordPress barnteman l\u00e5nar helt enkelt funktioner, mallar och stilar fr\u00e5n det \u00f6verordnade temat. Detta g\u00f6r att du kan anpassa din webbplats utan att r\u00f6ra huvudtemat. D\u00e4rf\u00f6r, n\u00e4r utvecklare uppdaterar ditt huvudtema, kan du s\u00e4kert uppdatera din webbplats utan att f\u00f6rlora anpassade \u00e4ndringar.<\/p>\n WP-barnteman ger dig mycket flexibilitet. Du kan skapa nya mallfiler som inte \u00e4r en del av huvudtemat. Du kan l\u00e4gga till nya funktioner, stilar och mycket mer. Dessutom finns det m\u00e5nga kommersiella och gratis temaramar med ut\u00f6kningsbara alternativ f\u00f6r att komma ig\u00e5ng.<\/p>\n Varje utvecklare \u00e4r m\u00e4nsklig och vi vet alla att det \u00e4r m\u00e4nskligt att g\u00f6ra fel. Alla g\u00f6r misstag och alla gl\u00f6mmer. Som sagt, du kommer att vara med i soppan om du gl\u00f6mmer att koda n\u00e5got n\u00e4r du anv\u00e4nder ett f\u00f6r\u00e4ldratema. Det \u00e4r lite annorlunda med barnteman. Om du gl\u00f6mmer n\u00e5gon kod kommer WordPress automatiskt att ladda ett alternativ (eller originalet) av huvudtemat. Naturligtvis \u00e4r detta bara sant om koden finns i det \u00f6verordnade temat.<\/p>\n \u00c4ven om barnteman i allm\u00e4nhet \u00e4r fantastiska och vi rekommenderar att alla som anv\u00e4nder WordPress aktiverar ett barntema p\u00e5 sin webbplats om de planerar att g\u00f6ra n\u00e5gra potentiella justeringar i framtiden, h\u00e4r \u00e4r n\u00e5gra saker att t\u00e4nka p\u00e5.<\/p>\n Barnteman \u00e4r fr\u00e4mst till f\u00f6r att ut\u00f6ka eller anpassa funktionaliteten f\u00f6r ditt \u00f6verordnade tema, vilket inneb\u00e4r att om du inte \u00e4r en utvecklare kommer du inte att kunna g\u00f6ra mycket med ditt barntema och du kommer att vilja l\u00e4ra dig lite kodning. den fulla potentialen av ditt barntema. S\u00e5 om du \u00e4r en nyb\u00f6rjare beh\u00f6ver du tid att l\u00e4ra dig repen av f\u00f6r\u00e4ldrateman och WordPress (liksom lite kod) i allm\u00e4nhet f\u00f6r att njuta av barntemans fulla potential. Hur som helst, du m\u00e5ste tj\u00e4na dina r\u00e4nder. N\u00e4r allt kommer omkring kommer du att koda som proffsen p\u00e5 nolltid!<\/p>\n Om du har byggt din webbplats kring ett \u00f6verordnat tema kan du beh\u00f6va \u00e4ndra n\u00e5gra saker (t.ex. menyer, widgets och\/eller temaalternativ) n\u00e4r du byter till ett underordnat tema. Vissa teman sparar inst\u00e4llningarna i databasen baserat p\u00e5 temanamnet, s\u00e5 n\u00e4r du byter till ditt barntema kan det verka som att du har tappat bort alla inst\u00e4llningar fr\u00e5n ditt \u00f6verordnade tema (Customizer-inst\u00e4llningar), men oroa dig inte, de \u00e4r s\u00e4kert i databasen, men det kommer. Du m\u00e5ste g\u00e5 tillbaka till din f\u00f6r\u00e4lder om s\u00e5 \u00e4r fallet s\u00e5 att du kan kopiera dina inst\u00e4llningar och migrera dem. I v\u00e5rt Total-tema tillhandah\u00e5ller vi en praktisk Import\/Export-panel direkt i instrumentpanelen s\u00e5 att du kan kopiera ditt temas Customizer-inst\u00e4llningar innan du byter till ditt barntema och migrerar det.<\/p>\n Dessutom, om du anv\u00e4nder ditt underordnade tema f\u00f6r att tillhandah\u00e5lla ytterligare funktioner till din webbplats ist\u00e4llet f\u00f6r att anv\u00e4nda ett plugin, om du n\u00e5gonsin \u00e4ndrar ditt \u00f6verordnade tema, kan du beh\u00f6va flytta n\u00e5gra av dessa inst\u00e4llningar till ett nytt underordnat tema, byta namn fr\u00e5n ditt nuvarande barn tema eller flytta inst\u00e4llningarna i ett anpassat plugin.<\/p>\n Jag vill anta att du \u00e4r proaktiv och har skapat en “speciell” style.css-fil och mapp f\u00f6r ditt barntema. Om du precis hoppade till den h\u00e4r delen (eller v\u00e4ntade ivrigt p\u00e5 det h\u00e4r avsnittet), \u00f6ppna din WordPress-temankatalog via FTP\/SFTP (…\/wp-content\/themes) och skapa en mapp d\u00e4r du sparar ditt barntema.<\/p>\n Notera<\/strong>: Du kan komma \u00e5t temakatalogen via din filhanterare i din cPanel. Alternativt kan du anv\u00e4nda en FTP-klient som FileZilla om du har FTP-konton aktiverade.<\/p>\n \u00d6ppna sedan din favorittextredigerare (mins Notepad++) och skapa en style.css-fil med f\u00f6ljande information:<\/p>\n Det \u00e4r samma kod som vi anv\u00e4nde tidigare.<\/p>\n Ladda upp din style.css-fil till mappen under temat. Vid det h\u00e4r laget \u00e4r din style.css-fil tom (bortsett fr\u00e5n raderna ovan, som inte g\u00f6r n\u00e5got i form av stil), s\u00e5 f\u00f6rv\u00e4nta dig inte att ditt barntema ska se ut som ditt \u00f6verordnade tema. Men f\u00f6r att \u00f6vervinna detta hinder kan du importera style.css f\u00f6r ditt \u00f6verordnade tema genom att skapa en ny tom functions.php-fil i undertemamappen och l\u00e4gga till f\u00f6ljande PHP-kod:<\/p>\n Se till att du \u00e4ndrar var det st\u00e5r “Totalt” s\u00e5 att det \u00e4r namnet p\u00e5 ditt \u00f6verordnade tema. Detta kommer att till\u00e5ta ditt underordnade tema att dynamiskt uppdatera versionsnumret som \u00e4r kopplat till det \u00f6verordnade style.css, s\u00e5 att n\u00e4r det \u00f6verordnade temat uppdateras, om det gjordes n\u00e5gon \u00e4ndring av filen style.css i det \u00f6verordnade temat, kommer det att till\u00e5ta webbl\u00e4saren och dess CDN (om du anv\u00e4nder en) cachelagrar stilarket igen och f\u00f6rhindrar att din webbplats har CSS-problem n\u00e4r du tittar p\u00e5 den.<\/p>\n Nu kommer den roliga delen. Chansen \u00e4r stor att du skapade ditt barntema f\u00f6r anpassningar, s\u00e5 dyk in!<\/p>\n WordPress kommer att ladda mall- och stilfilerna i ditt barntema f\u00f6rst, men om n\u00e5got saknas kommer det att ladda motsvarande filer i det \u00f6verordnade temat. \u00c5h ja, sidoteman f\u00f6rvisso, men jag sl\u00e5r vad om att vi redan har sagt det.<\/p>\n Och det \u00e4r.<\/p>\n Att sluta \u2026<\/strong><\/p>\n Barnteman \u00e4r mycket kraftfulla n\u00e4r det g\u00e4ller anpassning och t\u00f6jbarhet. Dessutom ger de bra inl\u00e4rningsgrunder f\u00f6r alla som vill l\u00e4ra sig WordPress-temautveckling. De \u00e4r enkla och roliga att skapa och ger dig m\u00e5nga alternativ f\u00f6r att konvertera din WordPress-webbplats som du vill.<\/p>\n Designa och ha kul, och l\u00e4mna inte innan du delar med oss \u200b\u200bi kommentarerna nedan. Vi \u00e4lskar och v\u00e4rdes\u00e4tter dina kommentarer \ud83d\ude42<\/p>\n \/*\r\nTheme Name : The name of your child theme (e.g. Total Child Theme)\r\nTheme URI: http:\/\/www.example.com (Your child theme's URL)\r\nDescription: A brief description of your child theme\r\nAuthor: Your name goes here\r\nTemplate: Your parent theme directory name (e.g. Total, twentyfourteen, etc)\r\nVersion: 1.0.0\r\n*\/<\/pre>\n
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)<\/pre>\n
<\/span>Vilka \u00e4r f\u00f6rdelarna med att anv\u00e4nda ett barntema?<\/span><\/h2>\n
![\"Framg\u00e5ng\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1634910488_188_Guia-completa-de-WordPress-Child-Theme.jpg\")
<\/p>\n<\/span>S\u00e4kra uppdateringar<\/span><\/h3>\n
<\/span>Barnteman \u00e4r l\u00e4tta att ut\u00f6ka<\/span><\/h3>\n
<\/span>Barnteman \u00e4r s\u00e4kra f\u00f6r s\u00e4kerhetskopiering<\/span><\/h3>\n
<\/span>Vilka \u00e4r de negativa aspekterna av att anv\u00e4nda ett barntema?<\/span><\/h2>\n
<\/span>Det finns en inl\u00e4rningskurva<\/span><\/h3>\n
<\/span>Saker g\u00e5r s\u00f6nder eller blir kvar<\/span><\/h3>\n
<\/span>Hur skapar man ett WordPress-barntema?<\/span><\/h2>\n
\/*\r\nTheme Name : The name of your child theme (e.g. Total Child Theme)\r\nTheme URI: http:\/\/www.example.com (Your child theme's URL)\r\nDescription: A brief description of your child theme\r\nAuthor: Your name goes here\r\nTemplate: Your parent theme directory name (e.g. Total, twentyfourteen, etc)\r\nVersion: 1.0.0\r\n*\/<\/pre>\n
function total_child_enqueue_parent_theme_style() {\r\n\t\r\n\t\/\/ Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)\r\n\t$theme = wp_get_theme( 'Total' );\r\n\t$version = $theme->get( 'Version' );\r\n\t\r\n\t\/\/ Load the stylesheet\r\n\twp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css', array(), $version );\r\n\t\r\n}\r\nadd_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );<\/pre>\n<\/span>Anpassa ditt barns tema<\/span><\/h2>\n
![\"barn-tema-anpassningar\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1634910488_5_Guia-completa-de-WordPress-Child-Theme.jpg\")
<\/p>\n\n