{"id":30481,"date":"2019-09-11T23:06:36","date_gmt":"2019-09-12T06:06:36","guid":{"rendered":"https:\/\/kinsta.com\/?p=48014"},"modified":"2021-09-22T11:49:52","modified_gmt":"2021-09-22T11:49:52","slug":"wordpress-barntema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/","title":{"rendered":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)"},"content":{"rendered":"<p>Du har <a href=\"https:\/\/kinsta.com\/se\/blog\/webbplatsideer\/\" target=\"_blank\" rel=\"noopener noreferrer\">drivit din WordPress-webbplats<\/a> ett tag och den har gjort vad den beh\u00f6ver. Men nu best\u00e4mmer du att du m\u00e5ste anpassa den.<\/p>\n<p>Eller kanske skapar du din webbplats med ett tema som du har h\u00e4mtat fr\u00e5n <a href=\"https:\/\/kinsta.com\/blog\/wordpress-free-vs-paid-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">temakatalogen eller ett du har k\u00f6pt<\/a>, och du inser att det inte fungerar p\u00e5 exakt s\u00e5 som du vill att det ska.<\/p>\n<p>Vad g\u00f6r du d\u00e5?<\/p>\n<p>Du kan antingen hitta ett plugin som kommer att ge dig den anpassning du beh\u00f6ver eller byta till ett nytt tema. Men t\u00e4nk om du \u00e4r n\u00f6jd med ditt nuvarande tema och inte kan hitta ett plugin som l\u00e4gger till vad du beh\u00f6ver n\u00e4r det g\u00e4ller funktionalitet?<\/p>\n<p>Svar: <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\" target=\"_blank\" rel=\"noopener noreferrer\">du m\u00e5ste anpassa ditt tema<\/a>. Och b\u00e4sta praxis s\u00e4ger: g\u00f6r det via (WordPress)barnteman.<\/p>\n<p>I det h\u00e4r inl\u00e4gget ska jag visa dig exakt hur du skapar ett barntema i WordPress, hur du anv\u00e4nder det f\u00f6r att anpassa din webbplats och hur barnteman fungerar. Jag ska ocks\u00e5 f\u00f6rklara begreppet f\u00f6r\u00e4ldrateman och beskriva hur f\u00f6r\u00e4ldratemat p\u00e5 din webbplats interagerar med ett barntema:<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Innan vi dyker in p\u00e5 att skapa ett barntema, l\u00e5t oss identifiera de 3 metoder som du kan anv\u00e4nda f\u00f6r att anpassa din WordPress-webbplats.<\/p>\n\n<h2 id=\"methods\">Metoder f\u00f6r att anpassa WordPress<\/h2>\n<p>Att anpassa ett tema <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-uppdaterar-du-ett-wordpress-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">har vissa risker<\/a>. Om du redigerar koden i ett tema fr\u00e5n tredje part (som \u00e4r ett <a href=\"https:\/\/kinsta.com\/blog\/themeforest-pros-cons\/\" target=\"_blank\" rel=\"noopener noreferrer\">du k\u00f6pt fr\u00e5n en marknadsplats<\/a> till exempel), och sedan uppdaterar temat, kommer alla dina \u00e4ndringar att g\u00e5 f\u00f6rlorade. Vilket inneb\u00e4r att inte bara \u00e5terg\u00e5r din webbplats till det s\u00e4tt den var innan, men allt ditt arbete \u00e4r bortkastat.<\/p>\n<p>Det finns tre s\u00e4tt att anpassa din WordPress-webbplats:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\" target=\"_blank\" rel=\"noopener noreferrer\">Redigera ditt tema direkt<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/blog\/how-to-install-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Installera ett plugin<\/a>.<\/li>\n<li>Skapa ett barntema f\u00f6r det aktuella temat.<\/li>\n<\/ul>\n<p>L\u00e5t oss ta en titt p\u00e5 var och en av dessa.<br \/>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Vad \u00e4r ett WordPress-barntema (ordlista):<\/h2>\n        <div><p>Ett WordPress-barntema, child theme p\u00e5 engelska och ocks\u00e5 kallat ett underordnat tema, \u00e4r ett tema som fungerar tillsammans med ett annat (kallat f\u00f6r\u00e4ldratema, parent theme eller \u00f6verordnat tema) fr\u00e5n vilket det \u00e4rver all funktionalitet och formatering.<\/p>\n<p>B\u00e4sta utvecklingspraxis rekommenderar att anv\u00e4nda barnteman f\u00f6r att redigera, uppdatera eller anpassa existerande WordPress-teman som ett s\u00e4kert s\u00e4tt att beh\u00e5lla dess design och kod.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/se\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/p>\n<h3>Att redigera ditt tema<\/h3>\n<p>Om din webbplats k\u00f6r ett anpassat WordPress-tema, vilket inneb\u00e4r att det har utvecklats speciellt f\u00f6r din webbplats, har du m\u00f6jlighet att s\u00e4kert redigera det eftersom det inte finns risk f\u00f6r att du f\u00f6rlorar dina anpassningar n\u00e4sta g\u00e5ng temat uppdateras.<\/p>\n<p>Om du eller din utvecklare g\u00f6r \u00e4ndringar i temat i framtiden, \u00e4r det ist\u00e4llet den anpassade versionen av temat du kommer att redigera, och inte den ursprungliga versionen innan dessa \u00e4ndringar.<\/p>\n<p>Det betyder inte att redigering av ditt tema inte kommer utan risker. Om du inte har erfarenhet av att koda teman, kan det fortfarande vara s\u00e4krare att <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">skapa ett barntema<\/a> (vi visar hur om en liten stund). Detta \u00e4r n\u00e5got jag g\u00f6r: Jag har ett grundtema som jag anv\u00e4nder p\u00e5 alla mina webbplatser, med standardlayout, <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpresskrokar\/\">krokar och funktioner,<\/a> och sedan anpassar jag det p\u00e5 varje webbplats med ett barntema.<\/p>\n<p>Om du redigerar ditt tema direkt, se till att <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup\" target=\"_blank\" rel=\"noopener noreferrer\">du tar en s\u00e4kerhetskopia av det ursprungliga temat<\/a>, redigera inte temat p\u00e5 live-webbplatsen (anv\u00e4nd en utvecklings eller <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\" target=\"_blank\" rel=\"noopener noreferrer\">staging-webbplats<\/a> ist\u00e4llet) och anv\u00e4nd <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-versionkontroll\/\" target=\"_blank\" rel=\"noopener noreferrer\">versionskontroll<\/a> f\u00f6r att h\u00e5lla reda p\u00e5 dina \u00e4ndringar.<\/p>\n<p>Och om du anv\u00e4nder ett tema fr\u00e5n tredje part, b\u00f6r du aldrig redigera det direkt. Anv\u00e4nd ist\u00e4llet ett plugin eller skapa ett barntema.<\/p>\n<h3>L\u00e4gga till ett Plugin<\/h3>\n<p>Det andra alternativet f\u00f6r att anpassa ett WordPress-tema \u00e4r att installera eller koda ett plugin.<\/p>\n<p>Om de anpassningar du vill g\u00f6ra \u00e4r funktionella i st\u00e4llet f\u00f6r designrelaterade, \u00e4r ett plugin ett l\u00e4mpligare s\u00e4tt att g\u00f6ra detta. S\u00e5 om du vill l\u00e4gga till extra kod, kan det vara b\u00e4ttre att skapa ett plugin ist\u00e4llet.<\/p>\n<p>Plugin beh\u00f6ver inte vara stora eller komplexa: om du beh\u00f6ver l\u00e4gga till extra kod till <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#using-functions-php\" target=\"_blank\" rel=\"noopener noreferrer\">functions.php-filen i ditt tema<\/a>, skapa ett enkelt plugin f\u00f6r att l\u00e4gga till n\u00e5gra rader kod till din webbplats. Ett bra exempel \u00e4r att registrera en <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/register_post_type\" target=\"_blank\" rel=\"noopener noreferrer\">anpassad inl\u00e4ggstyp<\/a>.<\/p>\n<p>Det kan vara frestande att l\u00e4gga till kod till <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/#what-is-functions-php\" target=\"_blank\" rel=\"noopener noreferrer\">temats functions.php<\/a>, men att l\u00e4gga till en inl\u00e4ggstyp \u00e4r en funktionell f\u00f6r\u00e4ndring p\u00e5 din webbplats, inte en designm\u00e4ssig. Om <a href=\"https:\/\/kinsta.com\/se\/blog\/andrar-wordpresstema\/\" target=\"_blank\" rel=\"noopener noreferrer\">du skulle byta teman i framtiden<\/a>, skulle du inte vilja f\u00f6rlora dessa inl\u00e4ggstyper och alla inl\u00e4gg du har skapat med hj\u00e4lp av dem. Det \u00e4r d\u00e4rf\u00f6r du borde <a href=\"https:\/\/kinsta.com\/blog\/how-to-install-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">installera<\/a> eller skapa ett plugin ist\u00e4llet.<\/p>\n<p>Ibland kommer du att kunna hitta ett befintligt plugin som g\u00f6r vad du beh\u00f6ver, men ibland kan du beh\u00f6va koda pluginet sj\u00e4lv.<\/p>\n<figure style=\"width: 1281px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/wordpress-arkivet.png\" alt=\"WordPress-arkivet\" width=\"1281\" height=\"934\"><figcaption class=\"wp-caption-text\">WordPress-arkivet<\/figcaption><\/figure>\n<p>Om du \u00e4r os\u00e4ker p\u00e5 om du ska skapa ett plugin eller anpassa ditt tema (eller barntema), fr\u00e5ga dig sj\u00e4lv detta: om jag ville \u00e4ndra designen av min webbplats i framtiden och <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-du-ett-wordpress-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">installerade ett nytt tema<\/a>, skulle jag vilja att denna f\u00f6r\u00e4ndring ska vara kvar? Om svaret \u00e4r ja, betyder det att f\u00f6r\u00e4ndringen \u00e4r funktionell och inte estetisk, och b\u00f6r d\u00e5 ing\u00e5 i ett plugin.<\/p>\n<h3 id=\"creating-a-child-theme\">Att skapa ett barntema<\/h3>\n<p>Det tredje alternativet f\u00f6r att anpassa ett WordPress-tema \u00e4r att <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/https:\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">skapa ett barntema<\/a>.<\/p>\n<p>H\u00e4r \u00e4r n\u00e5gra situationer d\u00e4r du skulle anv\u00e4nda ett barntema:<\/p>\n<ul>\n<li>Du vill g\u00f6ra \u00e4ndringar i utformningen av webbplatsen, inte funktionaliteten.<\/li>\n<li>Din webbplats k\u00f6r ett tema fr\u00e5n tredje part eller ett tema som du vill anv\u00e4nda igen i sitt nuvarande tillst\u00e5nd.<\/li>\n<li>Du vill inte direkt redigera ditt befintliga tema om det orsakar problem (kanske \u00e4r du inte en erfaren temautvecklare).<\/li>\n<li>Din webbplats k\u00f6r ett tema som \u00e4r utformat f\u00f6r att vara ett f\u00f6r\u00e4ldratema, till exempel ett ramtema. Det \u00e4r teman med massor av anpassningsalternativ <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpresskrokar\/\">som krokar<\/a>, utformade f\u00f6r att du ska g\u00f6ra till\u00e4gg med ditt eget barntema.<\/li>\n<\/ul>\n<p>Barnteman \u00e4r d\u00e4rf\u00f6r ett effektivt och s\u00e4kert s\u00e4tt att l\u00e4gga till anpassningar till din webbplats. S\u00e5 l\u00e5t oss ta en snabb titt p\u00e5 dem i lite mer detalj.<\/p>\n<h2 id=\"what\">Vad \u00e4r ett WordPress-barntema?<\/h2>\n<p>S\u00e5, vad exakt \u00e4r ett barntema i WordPress? Hur fungerar det?<\/p>\n<p>Ett barntema \u00e4r ett tema som fungerar tillsammans med ett annat tema, som kallas <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#what-is-a-parent-theme\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f6r\u00e4ldratema<\/a>, eller \u00f6verordnat tema.<\/p>\n<p>Det inneh\u00e5ller specifika instruktioner f\u00f6r att tala om f\u00f6r WordPress att detta \u00e4r ett barntema och vilket f\u00f6r\u00e4ldratemat \u00e4r. WordPress anv\u00e4nder sedan koden fr\u00e5n f\u00f6r\u00e4ldratemat i de flesta fall men kommer att skriva \u00f6ver detta med kod fr\u00e5n barntemat (om det beh\u00f6vs).\u00a0Om du st\u00f6ter p\u00e5 en webbplats med ett barntema som du gillar, anv\u00e4nd v\u00e5rt <a href=\"https:\/\/kinsta.com\/se\/verktyg\/wordpress-theme-detector\/\">temadetektorverktyg<\/a> f\u00f6r att ta reda p\u00e5 vad f\u00f6r\u00e4ldratemat heter.<\/p>\n<h3>Filerna i ett WordPress-barntema<\/h3>\n<p>Varje WordPress-barntema m\u00e5ste ha tv\u00e5 filer som ett minimum: en stilmall och en functions-fil. Stilmallen kommer att inneh\u00e5lla utkommenterad text l\u00e4ngst upp som talar om f\u00f6r WordPress att detta \u00e4r ett barntema och vilket f\u00f6r\u00e4ldratemat \u00e4r. Functions-filen kommer att inneh\u00e5lla en funktion som <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#3-enqueue-stylesheet\" target=\"_blank\" rel=\"noopener noreferrer\">k\u00f6ar stilmallen fr\u00e5n f\u00f6r\u00e4ldratemat<\/a>.<\/p>\n<p><em>Observera: Du kan st\u00f6ta p\u00e5 guider som talar om f\u00f6r dig att anropa f\u00f6r\u00e4ldratemats stilmall fr\u00e5n barntemats stilmall. Detta \u00e4r inte l\u00e4ngre r\u00e4tt s\u00e4tt att g\u00f6ra det, och du b\u00f6r k\u00f6a i functions-filen ist\u00e4llet. Jag ska visa dig hur man g\u00f6r detta inom kort.<\/em><\/p>\n<p>Ditt barntema <em>beh\u00f6ver inte <\/em>inneh\u00e5lla n\u00e5gra andra filer. Till skillnad fr\u00e5n f\u00f6r\u00e4ldratemat beh\u00f6ver det inte en <a href=\"https:\/\/developer.wordpress.org\/themes\/getting-started\/your-first-theme\/#step-3-create-anindex-php-file\">index.php-fil<\/a> som reserv om det inte finns n\u00e5gra mer specifika filer i temat. Detta beror p\u00e5 att om en mallfil inte finns barntemat, kommer WordPress att anv\u00e4nda filen fr\u00e5n f\u00f6r\u00e4ldratemat.<\/p>\n<p>S\u00e5, beroende p\u00e5 vad du vill att ditt barntema ska g\u00f6ra, kommer du antingen att l\u00e4gga till extra kod i stilmallen, till functions-filen. eller s\u00e5 skapar du extra filer i barntemat f\u00f6r att \u00e5sidos\u00e4tta f\u00f6r\u00e4ldratemat. Dessa kan omfatta en eller flera:<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mallfiler<\/a> f\u00f6r att \u00e5sidos\u00e4tta samma fil fr\u00e5n f\u00f6r\u00e4ldratemat, till exempel page.php n\u00e4r du vill anpassa visningen av statiska sidor.<\/li>\n<li>Malldelar som header.php eller footer.php n\u00e4r du vill anpassa dessa delar av webbdesignen.<\/li>\n<li>Extra malldelar som du anropar fr\u00e5n mallfiler i ditt barntema. S\u00e5 om du ville anpassa sidhuvudet n\u00e4r statiska sidor visas, skulle du skapa en fil i ditt barntema som heter header-page.php, och en mallfil som heter page.php, som skulle \u00e5sidos\u00e4tta page.php-filen fr\u00e5n f\u00f6r\u00e4ldratemat. Den h\u00e4r mallfilen skulle vara identisk med den i f\u00f6r\u00e4ldratemat f\u00f6rutom anropet till sidhuvudfilen som skulle anropa header-page.php ist\u00e4llet f\u00f6r header.php.<\/li>\n<li>Extra &#8217;include files&#8217; f\u00f6r funktionalitet. Om du vill l\u00e4gga till en hel del funktionell kod och organisera det, kan du skapa &#8217;include files&#8217; f\u00f6r varje upps\u00e4ttning funktioner och sedan anropa dem i ditt barntemas functions.php-fil. Om du till exempel vill l\u00e4gga till extra Customizer-alternativ kan du l\u00e4gga till en include file som heter customizer.php i ditt barntema och sedan anropa den filen fr\u00e5n functions-filen i ditt barntema.<\/li>\n<\/ul>\n<p>Men om du l\u00e4gger till extra filer och funktioner, hur vet WordPress vilken det ska anv\u00e4nda? De fr\u00e5n f\u00f6r\u00e4ldratemat eller de fr\u00e5n barntemat? Det \u00e4r vad vi kommer till nu.<\/p>\n<h3>Hur WordPress V\u00e4ljer Mallfiler<\/h3>\n<p>Det s\u00e4tt som WordPress v\u00e4ljer mallfiler fr\u00e5n ditt tema n\u00e4r du visar inneh\u00e5ll p\u00e5 din webbplats \u00e4r genom att h\u00e4nvisa till <a href=\"https:\/\/wphierarchy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">mallhierarkin<\/a>.<\/p>\n<figure style=\"width: 1897px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/wordpress-mallhierarki.png\" alt=\"WordPress mallhierarki\" width=\"1897\" height=\"1038\"><figcaption class=\"wp-caption-text\">WordPress mallhierarki<\/figcaption><\/figure>\n<p>WordPress anv\u00e4nder denna hierarki f\u00f6r att g\u00e5 igenom <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" target=\"_blank\" rel=\"noopener noreferrer\">mallfilerna<\/a> i ditt tema och hitta den r\u00e4tta att anv\u00e4nda n\u00e4r du visar en viss typ av inneh\u00e5ll. Det b\u00f6rjar \u00f6verst (p\u00e5 v\u00e4nster sida i bilden ovan) och letar efter varje fil f\u00f6r den givna inneh\u00e5llstypen. N\u00e4r den hittar en fil som kommer att visa det inneh\u00e5llet, kommer det att anv\u00e4nda den.<\/p>\n<p>F\u00f6rest\u00e4ll dig att ditt tema har en archive.php-fil och en category.php-fil men ingen tag.php-fil. N\u00e4r du visar ett kategoriarkiv, kommer WordPress att anv\u00e4nda category.php eftersom det \u00e4r mer specifikt f\u00f6r inneh\u00e5llstypen. N\u00e4r du visar ett taggarkiv anv\u00e4nder den archive.php ist\u00e4llet.<\/p>\n<p>Om WordPress inte hittar en mallfil f\u00f6r den angivna inneh\u00e5llstypen, kommer den att g\u00e5 till sin standard index.php-fil som g\u00e4ller f\u00f6r allt, varf\u00f6r varje frist\u00e5ende tema (dvs inte ett barntema) m\u00e5ste ha en index.php-fil.<\/p>\n<p>Detsamma g\u00e4ller f\u00f6r enstaka inl\u00e4gg och sidor. L\u00e5t oss s\u00e4ga att ditt tema har en singular.php-fil, som g\u00e4ller f\u00f6r enskilda inl\u00e4gg av vilken inl\u00e4ggstyp som helst (inklusive sidor och anpassade inl\u00e4ggstyper). Den har ocks\u00e5 en page.php-fil. N\u00e4r du visar en enda sida anv\u00e4nder den page.php. N\u00e4r du visar ett inl\u00e4gg, kommer den att anv\u00e4nda singular.php. Och om du registrerar en anpassad inl\u00e4ggstyp och inte l\u00e4gger till en mallfil f\u00f6r den inl\u00e4ggstypen kommer den att anv\u00e4nda singular.php igen.<\/p>\n<p>N\u00e4r du anv\u00e4nder ett barntema anv\u00e4nder WordPress fortfarande mallhierarkin f\u00f6r att best\u00e4mma vilken fil som ska anv\u00e4ndas vid visning av inneh\u00e5ll p\u00e5 din webbplats. Det tittar p\u00e5 filerna i b\u00e5de f\u00f6r\u00e4lder och barnteman och anv\u00e4nder den f\u00f6rsta filen som den hittar.<\/p>\n<p>S\u00e5 f\u00f6rest\u00e4ll dig att ditt barntema har singular.php och post.php, och ditt f\u00f6r\u00e4ldratema har page.php och index.php. N\u00e4r WordPress visar ett inl\u00e4gg, kommer det att anv\u00e4nda post.php fr\u00e5n barntemat. N\u00e4r det visar en sida anv\u00e4nder det page.php fr\u00e5n f\u00f6r\u00e4ldratemat. Och n\u00e4r det visar ett inl\u00e4gg av en anpassad inl\u00e4ggstyp, kommer det att anv\u00e4nda singular.php fr\u00e5n barntemat.<\/p>\n<p>Men vad h\u00e4nder om b\u00e5de ditt barn och f\u00f6r\u00e4ldrateman har instanser av samma fil?<\/p>\n<p>T\u00e4nk dig att du l\u00e4gger till en page.php-fil till barntemat i f\u00f6reg\u00e5ende exempel. Eftersom den filen finns i barntemat, \u00e5sidos\u00e4tter det samma fil fr\u00e5n f\u00f6r\u00e4ldratemat. S\u00e5 n\u00e4r du visar en enda sida skulle WordPress anv\u00e4nda den nya page.php-fil fr\u00e5n barntemat.<\/p>\n<p>Det \u00e4r d\u00e4rf\u00f6r att skapa ett barntema l\u00e5ter dig anpassa ett f\u00f6r\u00e4ldratema. Om du l\u00e4gger till en kopia av en mallfil fr\u00e5n ditt f\u00f6r\u00e4ldratema till ditt barntema och sedan redigerar den f\u00f6r att inkludera de anpassningar du vill g\u00f6ra, kommer WordPress att anv\u00e4nda den h\u00e4r nya mallfilen ist\u00e4llet f\u00f6r den fr\u00e5n f\u00f6r\u00e4ldratemat. Vilket inneb\u00e4r att dina anpassningar kommer att anv\u00e4ndas n\u00e4r du visar inneh\u00e5ll, utan att du m\u00e5ste redigera f\u00f6r\u00e4ldratemat. Snyggt!<\/p>\n<h3>Hur WordPress k\u00f6r funktioner fr\u00e5n f\u00f6r\u00e4lder- och barnteman<\/h3>\n<p>Vad h\u00e4nder om du inte vill g\u00f6ra anpassningar till mallfilerna i ditt tema, utan till funktionerna?<\/p>\n<p>Du kan g\u00f6ra det ocks\u00e5. F\u00f6rst m\u00e5ste du vara s\u00e4ker p\u00e5 att det r\u00e4tta s\u00e4ttet att g\u00f6ra detta \u00e4r via ett barntema och inte ett plugin. Ett exempel kan vara att du vill redigera en funktion som redan finns i f\u00f6r\u00e4ldratemat, till exempel funktionen som <a href=\"https:\/\/kinsta.com\/se\/blog\/ta-bort-powered-by-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">visar kolofonen i sidfoten<\/a>.<\/p>\n<p>Du l\u00e4gger d\u00e5 till den nya funktionen i functions-filen i ditt barntema eller till en include file som du anropar fr\u00e5n functions-filen.<\/p>\n<p>F\u00f6r att s\u00e4kerst\u00e4lla att din nya funktion \u00e5sidos\u00e4tter funktionaliteten fr\u00e5n ditt f\u00f6r\u00e4ldratema m\u00e5ste du f\u00f6rst\u00e5 hur du \u00e5sidos\u00e4tter, eller hoppar \u00f6ver, funktioner. Det finns tre s\u00e4tt att g\u00f6ra detta:<\/p>\n<ul>\n<li>Genom att skriva en ny funktion med samma namn som en pluggbar funktion i ditt f\u00f6r\u00e4ldratema.<\/li>\n<li>Genom att ta bort funktionen i ditt f\u00f6r\u00e4ldratema fr\u00e5n kroken den var ansluten till och sedan skriva en ny funktion f\u00f6r att ers\u00e4tta den.<\/li>\n<li>Genom att skriva en ny funktion med h\u00f6gre prioritet \u00e4n den ursprungliga funktionen och anropa den via samma krok, vilket inneb\u00e4r att den d\u00f6ps efter den ursprungliga funktionen och kan d\u00e4rf\u00f6r \u00e5sidos\u00e4tta eller \u00e4ndra den.<\/li>\n<\/ul>\n<p>Vi kommer att unders\u00f6ka hur du g\u00f6r alla dessa senare i det h\u00e4r inl\u00e4gget. Men f\u00f6rst, l\u00e5t oss ta en titt p\u00e5 de situationer d\u00e4r du skulle eller inte skulle anv\u00e4nda ett barntema.<\/p>\n<h2 id=\"when\">N\u00e4r ska man anv\u00e4nda ett barntema i WordPress (f\u00f6rdelar)<\/h2>\n<p>Du vet nu vad barnteman \u00e4r och hur du kan anv\u00e4nda dem f\u00f6r att \u00e5sidos\u00e4tta mallfilerna eller funktionerna i ditt f\u00f6r\u00e4ldratema.<\/p>\n<p>Som en kort sammanfattning b\u00f6r du anv\u00e4nda ett barntema om du k\u00f6r ett tema p\u00e5 din webbplats och du vill g\u00f6ra ett eller flera av f\u00f6ljande:<\/p>\n<ul>\n<li>Redigera en eller flera av mallfilerna.<\/li>\n<li>L\u00e4gg till extra funktioner som \u00e4r relaterade till visning och inte funktionalitet.<\/li>\n<li>\u00c5sidos\u00e4tta en eller flera funktioner fr\u00e5n f\u00f6r\u00e4ldratemat.<\/li>\n<li>L\u00e4gg till extra mallfil(er).<\/li>\n<\/ul>\n<p>Vissa f\u00f6rdelar \u00e4r:<\/p>\n<ul>\n<li><strong>Enkel ut\u00f6kning och anpassning:<\/strong>Som det \u00e4r uppenbart ut\u00f6kar ett barntema funktionaliteten av sitt f\u00f6r\u00e4ldratema. Du har redan en f\u00e4rdig mall till tj\u00e4nst i form av ett f\u00f6r\u00e4ldratema, och allt du beh\u00f6ver g\u00f6ra \u00e4r att <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-css\/#how-to-customize-your-wordpress-theme-with-css\">skapa en separat style.css-fil<\/a> f\u00f6r ditt barntema, och l\u00e4gga till finjusteringarna efter behov.<\/li>\n<li><strong>Problemfria uppdateringar:<\/strong>Allteftersom WordPress utvecklas, <a href=\"https:\/\/kinsta.com\/se\/blog\/uppdaterar-wordpress-plugin-manuellt\/\">m\u00e5ste teman och plugins uppdateras<\/a>\u00a0d\u00e5 och d\u00e5. Om du g\u00f6r finjusteringar och \u00e4ndringar i ditt prim\u00e4ra tema, kan du f\u00f6rlora alla dina \u00e4ndringar n\u00e4r du en dag uppdaterar temat. S\u00e5ledes \u00e4r det l\u00e4mpligt att g\u00f6ra s\u00e5dana \u00e4ndringar i ett barntema, s\u00e5 att \u00e4ven om du n\u00e5gonsin m\u00e5ste uppdatera f\u00f6r\u00e4ldratemat, beh\u00f6ver du inte vara r\u00e4dd f\u00f6r att f\u00f6rlora dina \u00e4ndringar.<\/li>\n<\/ul>\n<p>Och n\u00e4r du inte borde anv\u00e4nda ett barntema?<\/p>\n<h2 id=\"not\">N\u00e4r ska man inte anv\u00e4nda ett barntema (nackdelar)<\/h2>\n<p>Det finns tillf\u00e4llen du inte borde anv\u00e4nda ett barntema och b\u00f6r anv\u00e4nda en annan metod f\u00f6r att anpassa din webbplats. Dessa \u00e4r:<\/p>\n<ul>\n<li>Om ditt tema \u00e4r ett du utvecklat sj\u00e4lv (eller <a href=\"https:\/\/kinsta.com\/blog\/hire-wordpress-developer\/\" target=\"_blank\" rel=\"noopener noreferrer\">n\u00e5gon annan kodade \u00e5t dig<\/a>) och inte beh\u00f6ver anv\u00e4nda det n\u00e5gon annanstans. Bara redigera temat, se till att <a href=\"https:\/\/kinsta.com\/blog\/what-is-github\/\" target=\"_blank\" rel=\"noopener noreferrer\">du anv\u00e4nder versionskontroll<\/a>.<\/li>\n<li>Om de anpassningar du vill g\u00f6ra \u00e4r funktionella, t.ex. l\u00e4gga till en anpassad inl\u00e4ggstyp, och du vill beh\u00e5lla dem om du \u00e4ndrar teman i framtiden. Anv\u00e4nd ett plugin ist\u00e4llet.<\/li>\n<\/ul>\n<p>Vissa nackdelar inkluderar:<\/p>\n<ul>\n<li><strong>V\u00e4lja det perfekta f\u00f6r\u00e4ldratemat: <\/strong>Inte alla teman \u00e4r bra f\u00f6r\u00e4ldrar! Vissa WordPress-teman, till exempel, kanske inte uppdateras regelbundet och tenderar d\u00e4rmed att sakna den senaste funktionaliteten. P\u00e5 samma s\u00e4tt skapas inte alla WordPress-teman med barnteman i \u00e5tanke och kan d\u00e4rf\u00f6r fungera d\u00e5ligt som kandidater f\u00f6r f\u00f6r\u00e4ldrateman. Du m\u00e5ste v\u00e4lja det perfekta f\u00f6r\u00e4ldratemat f\u00f6r att kunna ut\u00f6ka det ordentligt och f\u00e5 det att fungera som en grund f\u00f6r dina barnteman.<\/li>\n<li><strong>Anpassningsanstr\u00e4ngningar: <\/strong>Ett barntema syftar i grunden till att ut\u00f6ka och anpassa en befintlig malldesign. Om du redan har skapat en webbplats runt ditt f\u00f6r\u00e4ldratema kan du beh\u00f6va fundera kring anpassning av element som menyer, temaalternativ, sidof\u00e4lt, rubrik etc. n\u00e4r du flyttar till ett barntema.<\/li>\n<\/ul>\n<p>Nu n\u00e4r du vet n\u00e4r du (och n\u00e4r du inte) ska anv\u00e4nda ett barntema, \u00e4r det dags att komma ig\u00e5ng och l\u00e4ra sig att skapa ett barntema i WordPress.<\/p>\n<h2 id=\"create\">S\u00e5 skapar du ett WordPress-barntema<\/h2>\n<p>Att konfigurera ett grundl\u00e4ggande barntema i WordPress inneb\u00e4r att skapa tv\u00e5 filer: <strong>stilmallen<\/strong> och <strong>functions-filen<\/strong>. L\u00e5t oss ta en titt p\u00e5 dem b\u00e5da.<\/p>\n<h3>Stilmallen<\/h3>\n<p>Innan du skapar din fil m\u00e5ste du skapa en mapp f\u00f6r att f\u00f6rvara ditt tema i. Denna ska ligga i wp-content\/themes-filen i din WordPress-installation.<\/p>\n<p><em>Kom ih\u00e5g: g\u00f6r inte detta p\u00e5 din live-webbplats. L\u00e4gg koden till en utvecklings-webbplats f\u00f6rst och testa den sedan p\u00e5 din staging-webbplats. N\u00e4r du \u00e4r n\u00f6jd kan du \u00f6verf\u00f6ra den till din live-webbplats. Alla Kinstas hostingplaner inkluderar <\/em><a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>staging<\/em><\/a><em>.<\/em><\/p>\n<p>I mappen f\u00f6r ditt nya tema skapar du en fil som heter style.css. L\u00e4gg till f\u00f6ljande till det:<\/p>\n<pre><code class=\"language-php\">\/*\nTheme Name:\u00a0 My Child Theme. Child for Twenty Nineteen.\nTheme URI:\u00a0 https:\/\/rachelmccollin.com\nDescription:\u00a0 Theme to support tutsplus tutorial. Child theme for the Twenty Nineteen theme.\nAuthor:\u00a0 Rachel McCollin\nTextdomain:\u00a0 mccollin\nAuthor URI:\u00a0 https:\/\/rachelmccollin.com\/\nTemplate:\u00a0 twentynineteen\nVersion:\u00a0 1.0\nLicense:\u00a0 GNU General Public License v2 or later\nLicense URI:\u00a0https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n*\/<\/code><\/pre>\n<p>Denna text \u00e4r utkommenterad. Det \u00e4r inte kod som driver n\u00e5got p\u00e5 din webbplats eller ger n\u00e5gon funktionalitet. Ist\u00e4llet ber\u00e4ttar den f\u00f6r WordPress om temat. Du beh\u00f6ver text som denna i varje tema, annars kan WordPress inte k\u00e4nna igen det som ett tema.<\/p>\n<p>L\u00e5t oss g\u00e5 igenom var och en av dessa rader f\u00f6r att identifiera vad de g\u00f6r:<\/p>\n<ul>\n<li>Theme Name: Det unika namnet f\u00f6r temat.<\/li>\n<li>Theme URI: Var anv\u00e4ndare kan hitta koden eller dokumentationen f\u00f6r temat.<\/li>\n<li>Description: Beskrivande text f\u00f6r att hj\u00e4lpa anv\u00e4ndare att f\u00f6rst\u00e5 vad temat g\u00f6r.<\/li>\n<li>Author: ditt namn<\/li>\n<li>Textdomain: detta anv\u00e4nds f\u00f6r internationalisering. Anv\u00e4nd textdom\u00e4nen som den andra parametern i alla internationaliseringsfunktioner.<\/li>\n<li>Author URI: F\u00f6rfattarens hemsida.<\/li>\n<li>Template: Mappen d\u00e4r f\u00f6r\u00e4ldratemat f\u00f6rvaras. Anv\u00e4nd mappnamnet och inte temanamnet. Utan den h\u00e4r raden fungerar ditt tema inte som ett barntema.<\/li>\n<li>Version: Versionsnummer<\/li>\n<li>License: Licensen, som m\u00e5ste vara GNU. [l\u00e4nk]<\/li>\n<li>License URI: L\u00e4nken till information om licensen.<\/li>\n<\/ul>\n<p>Den viktigaste raden f\u00f6r ett barntema \u00e4r Template:-raden. Utan detta kommer temat inte att fungera som ett barntema. Endast barnteman kommer att inneh\u00e5lla denna rad.<\/p>\n<p>L\u00e4gg till detta i temats stilmall, redigera den f\u00f6r att l\u00e4gga till dina egna detaljer ist\u00e4llet f\u00f6r mina. Du m\u00e5ste redigera Template:-raden f\u00f6r att l\u00e4gga till mappen ditt befintliga tema lagras i, eftersom det kommer att vara ditt f\u00f6r\u00e4ldratema.<\/p>\n<p>Spara nu filen. Om du skulle titta p\u00e5 fliken med temadetaljer p\u00e5 din webbplats nu, skulle du se detta:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/tema-utan-skarmdump-1024x540.jpg\" alt=\"Temasidan i WordPress utan sk\u00e4rmdump\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">Temasidan i WordPress utan sk\u00e4rmdump<\/figcaption><\/figure>\n<p>Det h\u00e4r ser inte bra ut f\u00f6r det finns ingen sk\u00e4rmdump. Detta \u00e4r en bild som ger en uppfattning om hur temat ser ut. Om inte ditt tema kommer att se v\u00e4ldigt annorlunda ut \u00e4n f\u00f6r\u00e4ldratemat, kopiera bara screenshot.png-filen fr\u00e5n ditt f\u00f6r\u00e4ldratema till ditt barntema.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/teme-med-skarmdump-1024x540.jpg\" alt=\"Temasidan i WordPress med sk\u00e4rmdump\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">Temasidan i WordPress med sk\u00e4rmdump<\/figcaption><\/figure>\n<h3>Functions-Filen<\/h3>\n<p>N\u00e4sta steg \u00e4r att l\u00e4gga till en functions-fil till ditt barntema. Du beh\u00f6ver detta s\u00e5 att du kan k\u00f6a stilmallen fr\u00e5n f\u00f6r\u00e4ldratemat. Utan det skulle din webbplats inte ha n\u00e5gon formatering alls, och skulle se ut s\u00e5 h\u00e4r:<\/p>\n<figure style=\"width: 927px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/var-hemsida-utan-css.jpg\" alt=\"V\u00e5r hemsida utan CSS\" width=\"927\" height=\"674\"><figcaption class=\"wp-caption-text\">V\u00e5r hemsida utan CSS<\/figcaption><\/figure>\n<p>Inte bra, jag \u00e4r s\u00e4ker p\u00e5 att du h\u00e5ller med! S\u00e5 l\u00e5t oss l\u00e4gga till formatering s\u00e5 att den ser ut som den ska.<\/p>\n<p>L\u00e4gg till en fil som heter functions.php i barntemamappen. \u00d6ppna den och l\u00e4gg till den h\u00e4r koden:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue script for parent theme stylesheeet *\/\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\nfunction childtheme_parent_styles() {\n\u00a0\n \/\/ enqueue style\n wp_enqueue_style( 'parent', get_template_directory_uri().'\/style.css' );\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n}\nadd_action( 'wp_enqueue_scripts', 'childtheme_parent_styles');<\/code><\/pre>\n<p>Detta anv\u00e4nder funktionen <code>wp_enqueue_style()<\/code> f\u00f6r att k\u00f6a stilmallen fr\u00e5n f\u00f6r\u00e4ldratemat, med funktionen <code>get_template_directory_uri()<\/code> som lokaliserar var den filen lagras. Funktionen \u00e4r inne i en funktion som jag har skapat som heter <code>kinsta_parent_styles()<\/code>, som \u00e4r ansluten till <code>wp_enqueue_scripts<\/code>-kroken..<\/p>\n<p>Du kanske undrar varf\u00f6r den anv\u00e4nder en funktion som heter <code>wp_enqueue_scripts<\/code> och inte <code>wp_enqueue_styles<\/code>. Detta beror p\u00e5 att <code>wp_enqueue_scripts<\/code> anv\u00e4nds f\u00f6r b\u00e5de skript och stilar och det finns ingen krok som heter <code>wp_enqueue_styles<\/code>.<\/p>\n<p>Redigera min kod hur du vill f\u00f6r att l\u00e4gga till ditt eget prefix till namnet p\u00e5 din funktion. Jag har anv\u00e4nt &#8221;childtheme&#8221; som mitt prefix f\u00f6r att s\u00e4kerst\u00e4lla att min funktion inte krockar med andra funktioner fr\u00e5n f\u00f6r\u00e4ldratemat eller fr\u00e5n n\u00e5gra plugins.<\/p>\n<p>Spara nu din fil.<\/p>\n<h2 id=\"activate\">S\u00e5 h\u00e4r aktiverar du ditt WordPress-barntema<\/h2>\n<p>N\u00e4r ditt barntema \u00e4r klart m\u00e5ste du aktivera det. Om du \u00e4r orolig f\u00f6r att aktivering av ett barntema kommer att st\u00e4nga av f\u00f6r\u00e4ldratemat, ingen fara: WordPress kommer att f\u00f6rst\u00e5 att det ska anv\u00e4nda filerna fr\u00e5n f\u00f6r\u00e4ldratemat om du inte l\u00e4gger till nya filer till barntemat som \u00e5sidos\u00e4tter dem. Hittills har du inte lagt till n\u00e5gra extra filer eller funktioner till barntemat, s\u00e5 din webbplats kommer att fungera p\u00e5 exakt samma s\u00e4tt som det skulle med f\u00f6r\u00e4ldratemat aktiverat.<\/p>\n<p><em>Kom ih\u00e5g: G\u00f6r detta p\u00e5 <\/em><a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/#push-staging-to-live-1\" target=\"_blank\" rel=\"noopener noreferrer\"><em>din utvecklings eller staging-webbplats<\/em><\/a><em> f\u00f6rst. Aktivera inte ditt barntema p\u00e5 din live-webbplats f\u00f6rr\u00e4n du har testat det.<\/em><\/p>\n<p>I WordPress-adminpanelen, g\u00e5 till <strong>Utseende &gt; Teman<\/strong>. Du hittar ditt barntema listat bland de teman som \u00e4r installerade p\u00e5 din webbplats.<\/p>\n<p>H\u00e5ll muspekaren \u00f6ver temat och klicka p\u00e5 knappen <strong>Aktivera<\/strong>. Detta kommer att aktivera ditt barntema. Nu n\u00e4r du bes\u00f6ker din livewebbplats, kommer det att se ut p\u00e5 samma s\u00e4tt som det gjorde innan:<\/p>\n<figure id=\"attachment_48296\" aria-describedby=\"caption-attachment-48296\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-48296 size-large\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/startsidan-1024x638.jpg\" alt=\"Startsidan\" width=\"1024\" height=\"638\"><figcaption id=\"caption-attachment-48296\" class=\"wp-caption-text\">Startsidan<\/figcaption><\/figure>\n<p>Det ser likadant ut eftersom du inte har lagt till n\u00e5gra anpassningar \u00e4n. Men du har nu ett fungerande barntema. Bra gjort!<\/p>\n<h2 id=\"customize\">S\u00e5 h\u00e4r anpassar du ditt barntema i WordPress<\/h2>\n<p>Nu n\u00e4r du har ett fungerande barntema f\u00f6r din WordPress-webbplats \u00e4r det dags att l\u00e4gga till dina anpassningar. H\u00e4r visar jag dig hur du l\u00e4gger till mallfiler f\u00f6r att \u00e5sidos\u00e4tta ditt f\u00f6r\u00e4ldratemas, hur du l\u00e4gger till formatering till ditt barntema och hur du l\u00e4gger till nya funktioner.<\/p>\n<p>L\u00e5t oss b\u00f6rja med mallfiler.<\/p>\n<h3>S\u00e5 h\u00e4r l\u00e4gger du till mallfiler till ditt WordPress-barntema<\/h3>\n<p>Vi har redan tittat p\u00e5 hur WordPress v\u00e4ljer vilken mallfil som ska anv\u00e4ndas n\u00e4r den visar inneh\u00e5ll p\u00e5 din webbplats. Det finns tv\u00e5 saker att komma ih\u00e5g:<\/p>\n<ul>\n<li>WordPress kommer att anv\u00e4nda filen som kommer <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f6rst i hierarkin<\/a>, antingen fr\u00e5n barnet eller f\u00f6r\u00e4ldratemat.<\/li>\n<li>Om en mallfil (eller en malldel som header.php) med samma namn finns i b\u00e5de f\u00f6r\u00e4lder och barntemat, kommer WordPress att anv\u00e4nda en fr\u00e5n barntemat.<\/li>\n<\/ul>\n<p>F\u00f6r att l\u00e4gga till anpassningar tycker jag att det \u00e4r l\u00e4ttare att b\u00f6rja med att g\u00f6ra en kopia av den relevanta filen fr\u00e5n f\u00f6r\u00e4ldratemat, l\u00e4gga till det i barntemat och sedan redigera den.<\/p>\n<p>Detta g\u00e4ller om filen i ditt barntema kommer att ha samma namn som en fil i f\u00f6r\u00e4ldratemat, eller om det kommer att bli en ny fil f\u00f6r att visa en annan inneh\u00e5llstyp, eller en som \u00e4r h\u00f6gre i hierarkin.<\/p>\n<p>S\u00e5 om jag l\u00e4gger till en ny version av page.php till mitt barntema, som kommer att \u00e5sidos\u00e4tta page.php i mitt f\u00f6r\u00e4ldratema, kommer jag att kopiera page.php fr\u00e5n mitt f\u00f6r\u00e4ldratema till mitt barntema och sedan redigera den. Se till att du kopierar filen: flytta den inte, eftersom du inte vill g\u00f6ra n\u00e5gra \u00e4ndringar i f\u00f6r\u00e4ldratemat.<\/p>\n<p>Och om jag vill ha en anpassad sidmall i mitt barntema, till exempel, kommer jag att kopiera page.php till mitt barntema, byta namn p\u00e5 den, och sedan redigera den.<\/p>\n<p>P\u00e5 s\u00e5 s\u00e4tt kan du se till att alla aspekter av filen som du inte beh\u00f6ver anpassa fortfarande fungerar korrekt. Detsamma g\u00e4ller f\u00f6r malldelar.<\/p>\n<h3>S\u00e5 h\u00e4r l\u00e4gger du till formatering till ditt WordPress-barntema<\/h3>\n<p>Du kan ocks\u00e5 l\u00e4gga till formatering till ditt barntemas style.css-fil, som kommer att ut\u00f6ka eller \u00e5sidos\u00e4tta formatering i ditt f\u00f6r\u00e4ldratemas stilmall.<\/p>\n<p>WordPress kommer att anropa stilmallen fr\u00e5n f\u00f6r\u00e4ldratemat f\u00f6rst och sedan stilmallen fr\u00e5n barntemat. Det betyder att om du l\u00e4gger till formatering till barntemat som riktar sig till samma element som formatering i f\u00f6r\u00e4ldratemat, kommer det att \u00e5sidos\u00e4tta formateringen fr\u00e5n f\u00f6r\u00e4ldratemat s\u00e5 l\u00e4nge du anv\u00e4nder samma omkopplare.<\/p>\n<p>S\u00e5 t\u00e4nk dig att du vill \u00e4ndra f\u00e4rgen p\u00e5 webbplatsens titel. I f\u00f6r\u00e4ldratemat kan det h\u00e4r formateras ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #000;\n}<\/code><\/pre>\n<p>F\u00f6r att \u00e5sidos\u00e4tta detta i ditt barntema, skulle du l\u00e4gga till detta:<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #303030;\n}<\/code><\/pre>\n<p>Eftersom webbl\u00e4saren kommer att st\u00f6ta p\u00e5 detta efter formateringen i f\u00f6r\u00e4ldratemat, kommer det att \u00e5sidos\u00e4tta det och anv\u00e4nda det h\u00e4r ist\u00e4llet.<\/p>\n<h3>S\u00e5 h\u00e4r l\u00e4gger du till funktioner till ditt WordPress-barntema<\/h3>\n<p>S\u00e5, du har skapat ett barntema i WordPress, inte f\u00f6r att du vill redigera n\u00e5gon av mallfilerna, utan f\u00f6r att du vill l\u00e4gga till extra funktionalitet eller \u00e5sidos\u00e4tta en eller flera av funktionerna i f\u00f6r\u00e4ldratemat.<\/p>\n<p>Att skriva funktioner i ditt barntema \u00e4r lite mer komplicerat \u00e4n att l\u00e4gga till mallfiler, men det \u00e4r m\u00f6jligt.<\/p>\n<p>Om du vill l\u00e4gga till en ny funktion som inte interagerar med n\u00e5gon av funktionerna i ditt f\u00f6r\u00e4ldratema, kan du bara g\u00e5 vidare och g\u00f6ra det. L\u00e4gg bara till funktionen i functions.php-filen i ditt barntema, anslut den till relevant \u00e5tg\u00e4rds eller filterkrok, och det \u00e4r f\u00e4rdigt.<\/p>\n<p>Men om du planerar att \u00e5sidos\u00e4tta eller redigera en funktion i f\u00f6r\u00e4ldratemat m\u00e5ste du f\u00f6rst\u00e5 de metoder du kan anv\u00e4nda f\u00f6r att g\u00f6ra detta. Det finns tre s\u00e4tt du kan \u00e5sidos\u00e4tta en f\u00f6r\u00e4ldratema-funktion i ditt barntema:<\/p>\n<ul>\n<li>Om funktionen i f\u00f6r\u00e4ldratemat \u00e4r pluggbar skriver du helt enkelt en annan funktion i ditt barntema med samma namn och WordPress kommer att k\u00f6ra den funktionen ist\u00e4llet f\u00f6r den i f\u00f6r\u00e4ldratemat.<\/li>\n<li>Om du vill hindra funktionen i f\u00f6r\u00e4ldratemat fr\u00e5n att k\u00f6ras helt och h\u00e5llet kan du skriva en funktion i ditt barntema som kopplar bort den fr\u00e5n kroken som den \u00e4r ansluten till.<\/li>\n<li>Om du vill ut\u00f6ka en funktion kan du l\u00e4gga till en annan funktion (med ett annat namn) i ditt barntema och se till att den k\u00f6rs efter den som finns i f\u00f6r\u00e4ldratemat.<\/li>\n<\/ul>\n<p>L\u00e5t oss ta en n\u00e4rmare titt p\u00e5 hur du g\u00f6r var och en av dessa saker.<\/p>\n<h4>\u00c5sidos\u00e4tta en pluggbar funktion<\/h4>\n<p>En pluggbar funktion identifieras genom den villkorliga kontrollen som \u00e4r lindad runt den. Detta kontrollerar om det finns en annan funktion med samma namn som redan har aktiverats. I s\u00e5 fall k\u00f6r den inte den funktionen.<\/p>\n<p>WordPress kommer att aktivera funktioner fr\u00e5n ditt barntema innan de fr\u00e5n f\u00f6r\u00e4ldratemat. Om det uppt\u00e4cker \u00f6ver en pluggbar funktion i f\u00f6r\u00e4ldratemat och du har lagt till en funktion i ditt barntema med samma namn, kommer den pluggbara funktionen inte att k\u00f6ras.<\/p>\n<p>Ett exempel \u00e4r den funktion som visar kolofonen temat Storefront f\u00f6r WooCommerce-webbplatser. H\u00e4r \u00e4r funktionen utan dess inneh\u00e5ll:<\/p>\n<pre><code class=\"language-php\">if ( ! function_exists( 'storefront_credit' ) ) {\n function storefront_credit() {\n  \/\/ contents for function here\n }\n}<\/code><\/pre>\n<p>Om du ville \u00e5sidos\u00e4tta den, skulle du skriva en annan funktion med samma namn <code>(storefront_credit())<\/code> och anslut den till samma krok som i f\u00f6r\u00e4ldratemat.<\/p>\n<h4>Ta bort en funktion fr\u00e5n f\u00f6r\u00e4ldratemat<\/h4>\n<p>Om funktionen fr\u00e5n f\u00f6r\u00e4ldratemat inte \u00e4r pluggbar kan du fortfarande f\u00f6rhindra att den k\u00f6rs. T\u00e4nk dig att ditt f\u00f6r\u00e4ldratemahar en funktion som <code>heter parent_function()<\/code>, som \u00e4r ansluten till <code>init<\/code>-kroken med en prioritet p\u00e5 <code>20<\/code>. Du vill f\u00f6rhindra att den k\u00f6rs s\u00e5 att du kan ers\u00e4tta den med en egen funktion.<\/p>\n<p>H\u00e4r \u00e4r hur f\u00f6r\u00e4ldratemafunktionen kan se ut:<\/p>\n<pre><code class=\"language-php\">function parent_function() {\n \/\/contents of function here\n}\nadd_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );<\/code><\/pre>\n<p>F\u00f6r att ta bort den skulle du koda detta i ditt barntema:<\/p>\n<pre><code class=\"language-php\">function remove_parent_function() {\n remove_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );\n}\nadd_action( \u2018wp_head\u2019, \u2018remove_parent_function\u2019 );<\/code><\/pre>\n<p>Observera att du ansluter din andra funktion till wp_head-korken som k\u00f6rs h\u00f6gst upp p\u00e5 varje sida och att du m\u00e5ste inkludera samma v\u00e4rde f\u00f6r prioritetsparametern som i den ursprungliga funktionen. Om den ursprungliga <code>add_action()<\/code>-funktionen inte hade n\u00e5gon prioritet kan du utel\u00e4mna den fr\u00e5n funktionen <code>remove_action()<\/code> f\u00f6r ditt barntema.<\/p>\n<p><em>Observera: Om den ursprungliga funktionen var ansluten till en filterkrok ist\u00e4llet f\u00f6r en \u00e5tg\u00e4rdskrok, skulle du anv\u00e4nda <\/em><em><code>remove_filter()<\/code><\/em><em> p\u00e5 samma s\u00e4tt.<\/em><\/p>\n<h4>Ut\u00f6ka en funktion med en annan funktion<\/h4>\n<p>Ist\u00e4llet f\u00f6r att \u00e5sidos\u00e4tta eller ta bort en funktion, kanske du ibland vill g\u00f6ra ett till\u00e4gg till den ist\u00e4llet. I det h\u00e4r fallet skulle du skriva en ny funktion med ett annat namn och ansluta den p\u00e5 samma krok.<\/p>\n<p>T\u00e4nk dig att det finns en \u00e5tg\u00e4rdskrok f\u00f6r sidfoten i ditt f\u00f6r\u00e4ldratema som heter parent_footer. Alla funktioner som du f\u00e4ster p\u00e5 den kroken kommer att k\u00f6ras p\u00e5 den plats d\u00e4r kroken \u00e4r bel\u00e4gen.<\/p>\n<p>I f\u00f6r\u00e4ldratemat finns det redan en funktion som heter <code>parent_footer_content()<\/code> som finns i sidfoten. Men vad h\u00e4nder om du vill l\u00e4gga till lite extra kod till den?<\/p>\n<p>S\u00e5 h\u00e4r kan funktionen <code>parent_footer_content(<\/code>) se ut i f\u00f6r\u00e4ldratemat:<\/p>\n<pre><code class=\"language-php\">function parent_footer_content() {\n \/\/ content of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018parent_footer_content\u2019 );<\/code><\/pre>\n<p>Om du nu ville l\u00e4gga till ytterligare inneh\u00e5ll efter det, skulle du skapa en funktion i ditt barntema, ansluta den till samma \u00e5tg\u00e4rdskrok, med en prioritet som innebar att den k\u00f6rs efter den f\u00f6rsta funktionen. Eftersom prioriteten inte \u00e4r inst\u00e4lld f\u00f6r f\u00f6r\u00e4ldratemats funktion \u00e4r den som standard 10. S\u00e5 du m\u00e5ste anv\u00e4nda en h\u00f6gre prioritet s\u00e5 att den aktiveras efter det.<\/p>\n<pre><code class=\"language-php\">function child_footer_extra_content() {\n \/\/ contents of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018child_footer_extra_content\u2019, 20 );<\/code><\/pre>\n<p>Detta skulle l\u00e4gga till koden fr\u00e5n ditt barntemas funktion efter koden fr\u00e5n ditt f\u00f6r\u00e4ldratemas funktion.<\/p>\n<h2 id=\"trouble\">S\u00e5 h\u00e4r fels\u00f6ker du barn- och f\u00f6r\u00e4ldrateman<\/h2>\n<p>S\u00e5 nu vet du hur man skapar ett barntema i WordPress och hur man anv\u00e4nder det f\u00f6r att \u00e5sidos\u00e4tta mallfiler, l\u00e4gga till extra formatering, och l\u00e4gga till funktionalitet p\u00e5 din webbplats.<\/p>\n<p>Men vad h\u00e4nder om ditt barntema inte fungerar som du f\u00f6rv\u00e4ntat? Vad h\u00e4nder om inneh\u00e5llet inte visas som du f\u00f6rv\u00e4ntade dig, eller om en funktion inte aktiveras?<\/p>\n<p>Anv\u00e4nd den h\u00e4r checklistan f\u00f6r att fels\u00f6ka ditt barntema:<\/p>\n<ol>\n<li>Kontrollera att du har aktiverat ditt barntema och att ditt f\u00f6r\u00e4ldratema inte fortfarande \u00e4r ig\u00e5ng. Det \u00e4r f\u00f6rv\u00e5nansv\u00e4rt l\u00e4tt att gl\u00f6mma det h\u00e4r steget!<\/li>\n<li>Uppdatera webbl\u00e4sarens cache och cacheminnet som skapats av eventuella plugins p\u00e5 din webbplats.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-debug\/#how-to-manually-enable-wordpress-debug-mode\">St\u00e4ll in wp-debug till true<\/a> i ditt barntemas wp-config.php-fil. Om du f\u00e5r en vit sk\u00e4rm, b\u00f6r det finnas ett meddelande som ber\u00e4ttar vilken kod som har orsakat problemet och vilken fil den finns i. Detta hj\u00e4lper dig att identifiera felet och vilken fil som anv\u00e4nds.<\/li>\n<li>Kontrollera utmatningskoden f\u00f6r din sida, inl\u00e4gg eller ditt arkiv. Hitta bodyelementet och se vilka klasser det har. Dessa kommer att tala om f\u00f6r dig vilken typ av inneh\u00e5ll du tittar p\u00e5, vilket hj\u00e4lper dig att identifiera vilken mallfil som anv\u00e4nds. Ibland \u00e4r det inte vad du f\u00f6rv\u00e4ntar dig. Till exempel anv\u00e4nder huvudbloggsidan aldrig archive.php, \u00e4ven om den visar ett arkiv \u00f6ver dina inl\u00e4gg.<\/li>\n<li>Kontrollera att du har namngett dina filer korrekt. Se mallhierarkin f\u00f6r att vara s\u00e4ker p\u00e5 att du har anv\u00e4nt r\u00e4tt syntax.<\/li>\n<li>Om du duplicerade en fil fr\u00e5n f\u00f6r\u00e4ldratemat och lade till det i ditt barntema, kontrollera att du har sparat \u00e4ndringarna.<\/li>\n<li>Om en funktion f\u00f6r att \u00e5sidos\u00e4tta en pluggbar funktion inte fungerar, kontrollera att du har gett den exakt samma namn som den pluggbara funktionen och att funktionen i f\u00f6r\u00e4ldratemat verkligen \u00e4r pluggbar.<\/li>\n<li>Om en funktion som du tog bort fortfarande aktiveras, kontrollera att du lagt till r\u00e4tt prioritet och att stavningen \u00e4r identisk med stavningen p\u00e5 funktionen och kroken i f\u00f6r\u00e4ldratemat.<\/li>\n<li>Om du anv\u00e4nde prioritet f\u00f6r att \u00e5sidos\u00e4tta eller ut\u00f6ka en funktion, f\u00f6rs\u00f6k att \u00f6ka prioritetsv\u00e4rdet, s\u00e5 att du kan vara helt s\u00e4ker p\u00e5 att den aktiveras sist. Kontrollera att det inte finns n\u00e5gra andra funktioner kopplade till den kroken som st\u00f6r din kod.<\/li>\n<\/ol>\n<p>F\u00f6rhoppningsvis kommer ett eller flera av dessa steg att hj\u00e4lpa dig att identifiera problemet och \u00e5tg\u00e4rda det i ditt barntema. Kom ih\u00e5g: <strong>redigera inte f\u00f6r\u00e4ldratemat direkt<\/strong>.<\/p>\n<h2 id=\"tips\">Anv\u00e4ndbara tips n\u00e4r du arbetar med WordPress-barnteman<\/h2>\n<p>Pusta ut. Barnteman \u00e4r ett stort \u00e4mne och en otroligt v\u00e4rdefull funktion i WordPress. Jag anv\u00e4nder dem p\u00e5 varje plats jag bygger.<\/p>\n<p>F\u00f6r att hj\u00e4lpa dig att hitta de metoder du beh\u00f6ver anv\u00e4nda f\u00f6r att f\u00e5 ut det mesta av barnteman, kommer h\u00e4r mina tips som hj\u00e4lper dig med dem:<\/p>\n<ul>\n<li>Om du beh\u00f6ver redigera ett tema fr\u00e5n tredje part, anv\u00e4nd alltid ett barntema ist\u00e4llet. P\u00e5 s\u00e5 s\u00e4tt g\u00e5r dina \u00e4ndringar inte f\u00f6rlorade n\u00e4r du uppdaterar temat.<\/li>\n<li>Varje barntema beh\u00f6ver en stilmall och en functions-fil.<\/li>\n<li>WordPress kommer att anv\u00e4nda mallhierarkin f\u00f6r att best\u00e4mma vilken mallfil som ska anv\u00e4ndas vid visning av inneh\u00e5ll. Om den hittar tv\u00e5 filer med samma namn, kommer det att anv\u00e4nda den fr\u00e5n barntemat.<\/li>\n<li>Du kan \u00e5sidos\u00e4tta en pluggbar funktion i ditt f\u00f6r\u00e4ldratemagenom att skriva en funktion med samma namn i ditt barntema.<\/li>\n<li>Du kan ta bort en funktion fr\u00e5n f\u00f6r\u00e4ldratemat med en funktion med <code>remove_action()<\/code> eller <code>remove_filter()<\/code> i ditt barntema och sedan skriva en ny funktion.<\/li>\n<li>Du kan ut\u00f6ka en funktion i ditt f\u00f6r\u00e4ldratema genom att skriva en funktion i ditt barntema och koppla den till samma \u00e5tg\u00e4rds eller filterkrok.<\/li>\n<li>Gl\u00f6m inte att aktivera ditt barntema n\u00e4r du har laddat upp det. Och se till att <a href=\"https:\/\/kinsta.com\/se\/blog\/bort-ett-wordpress-tema\/\">ingen raderar f\u00f6r\u00e4ldratemat<\/a> fr\u00e5n din WordPress-installation: utan det kommer barntemat inte att fungera.<\/li>\n<\/ul>\n<h2>Sammanfattning<\/h2>\n<p>Barnteman \u00e4r en anv\u00e4ndbar funktion i WordPress som l\u00e5ter dig <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\">anpassa ett tema<\/a> utan att direkt redigera dess kod. Du kan anv\u00e4nda en f\u00f6r att l\u00e4gga till ytterligare funktioner till ett tema, f\u00f6r att anpassa formatering, eller f\u00f6r att skapa\/redigera mallfiler.<\/p>\n<p>Om du f\u00f6ljer r\u00e5den ovan, kommer du att kunna skapa barnteman i WordPress efter b\u00e4sta praxis och ha anv\u00e4ndning av dem f\u00f6r en m\u00e4ngd olika uppgifter. Helt utan att f\u00f6rlora dina \u00e4ndringar och anpassningar n\u00e4r du uppdaterar f\u00f6r\u00e4ldratemat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du har drivit din WordPress-webbplats ett tag och den har gjort vad den beh\u00f6ver. Men nu best\u00e4mmer du att du m\u00e5ste anpassa den. Eller kanske skapar &#8230;<\/p>\n","protected":false},"author":105,"featured_media":30489,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[42,29],"topic":[],"class_list":["post-30481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)<\/title>\n<meta name=\"description\" content=\"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)\" \/>\n<meta property=\"og:description\" content=\"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-12T06:06:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-22T11:49:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)\" \/>\n<meta name=\"twitter:description\" content=\"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)\",\"datePublished\":\"2019-09-12T06:06:36+00:00\",\"dateModified\":\"2021-09-22T11:49:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\"},\"wordCount\":6262,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"WordPress-utveckling\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\",\"name\":\"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\",\"datePublished\":\"2019-09-12T06:06:36+00:00\",\"dateModified\":\"2021-09-22T11:49:52+00:00\",\"description\":\"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png\",\"width\":1460,\"height\":730,\"caption\":\"WordPress barntema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)","description":"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/","og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)","og_description":"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.","og_url":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2019-09-12T06:06:36+00:00","article_modified_time":"2021-09-22T11:49:52+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_title":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)","twitter_description":"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","twitter_creator":"@kinsta_se","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Rachel McCollin","Ber\u00e4knad l\u00e4stid":"25 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)","datePublished":"2019-09-12T06:06:36+00:00","dateModified":"2021-09-22T11:49:52+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/"},"wordCount":6262,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","keywords":["webdev","WordPress"],"articleSection":["WordPress-utveckling"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/","url":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/","name":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","datePublished":"2019-09-12T06:06:36+00:00","dateModified":"2021-09-22T11:49:52+00:00","description":"WordPress-barntema \u00e4r nyckeln till att anpassa dina teman. L\u00e4r dig vad de \u00e4r, hur du anv\u00e4nder dem och hur du skapar barnteman f\u00f6r din WordPress-webbplats.","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/wordpress-barntema.png","width":1460,"height":730,"caption":"WordPress barntema"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"S\u00e5 h\u00e4r skapar du ett barntema i WordPress (Ut\u00f6kad Guide)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/se\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/30481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=30481"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/30481\/revisions"}],"predecessor-version":[{"id":40839,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/30481\/revisions\/40839"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/nl"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/translations\/jp"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30481\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/30489"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=30481"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=30481"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=30481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}