Vill du anpassa din WordPress-sida med egen kod utan att riskera att ändringarna försvinner vid nästa uppdatering? Då bör du använda ett barntema (child theme). Här går vi igenom vad ett barntema är och hur du skapar ett steg för steg.
För att få din WordPress-sida att se ut precis som du vill kan det ibland krävas att du ändrar i koden. Du kanske till exempel vill ta bort Drivs av WordPress i sidfoten eller göra andra kosmetiska förändringar.
Problemet med att ändra direkt i temats filer är att en uppdatering av temat kan ersätta just den fil du har ändrat i – och då går dina förändringar förlorade. Det slipper du med ett barntema. Vi rekommenderar starkt att du uppdaterar regelbundet för att täppa till eventuella säkerhetshål och förhindra att sidan drabbas av ett intrång. Du ansvarar själv för ditt uppladdade material.
Kortfattat skapar du en egen fil där du lägger in dina ändringar och som anropar (ropar på) det tema du vill använda. När du sedan väljer ditt barntema i installationen används det ursprungliga temat som grund, men med dina egna ändringar applicerade ovanpå. På så sätt får din sida det utseende du vill ha, utan att det befintliga temats filer påverkas.
Kom igång
Börja med att öppna ditt FTP-program och ansluta till webbservern. Här hittar du en guide för det.
När du är ansluten navigerar du till din installation (mindomän.se/public_html) och vidare till wp-content/themes. Det är viktigt att du noterar det exakta namnet på ditt tema, eftersom du ska använda det i filen vi snart skapar. Skapa sedan en ny mapp som du till exempel kallar twentysixteen_barntema. TwentySixteen är det tema vi har valt att använda i den här guiden, men det fungerar lika bra med vilket tema som helst.
I mappen skapar du sedan ett nytt dokument som du namnger style.css. Du kan antingen skapa filen på din dator och ladda upp den, eller skapa den direkt via ditt FTP-program.
Redigera filen med valfri textredigerare och lägg till följande rader i filen:
/*
Theme Name: Ditt Barntema
Description: Barntema till TwentySixteen [valfritt]
Author: Barntemats Skapare [valfritt]
Author URI: Din hemsida [valfritt]
Template: twentsixteen
Version: 1.0 [valfritt]
*/
Theme Name: Ditt temas namn.
Theme URI: Om du vill lägga upp ditt tema på internet så att andra kan ladda hem det skriver du in adressen till temat här.
Description: En kort beskrivning av ditt tema som visas i WordPress administrationsgränssnitt.
Author: Temats skapare.
Author URI: Adressen till skaparens hemsida.
Template: Namnet på det tema du använder. Det är viktigt att detta anges exakt som det står i mappen wp-content/themes.
Version: Om du publicerar nya varianter av ditt tema är olika versionsnummer ett enkelt sätt att visa att en ny uppdatering av temat finns tillgänglig.
Det är egentligen bara Theme Name och Template som är nödvändiga, eftersom de anger namnet på ditt tema och vilket tema som ska anropas.
Anropa temat
När ovanstående kommentarsfält är skapat gör du en ny rad och lägger till följande:
@import url("../twentysixteen/style.css");
Den här enda raden talar om för ditt barntema att använda temat TwentySixteen. Adressen ../twentysixteen/style.css betyder att WordPress ska leta utanför mappen du har skapat, gå in i mappen TwentySixteen och där använda filen style.css.
När du har sparat filen har du skapat ditt barntema. Mer än så krävs inte!
Observera att du i det här läget bara har skapat själva barntemat. Eventuella förändringar du vill göra lägger du till i filen style.css som du nyss skapade.
I vårt exempel nedan har vi lagt till tre rader för att ta bort just Drivs av WordPress som nämndes inledningsvis.
Bild för ditt barntema
När du har skapat ditt barntema kan du göra det lite snyggare i WordPress administration. Om du tittar under Utseende > Teman ser du att ditt tema finns med, men att det saknar en förhandsbild till skillnad från de andra installerade temana.
För att lösa det skapar du en önskad bild (storleken 1200×900 är vanlig), namnger den screenshot.png och laddar upp den till mappen twentysixteen_barntema – samma plats som din style.css.
Ladda sedan om sidan för dina teman, så bör du nu se bilden du laddade upp för ditt tema.
Aktivera sedan ditt barntema och njut av att slippa oroa dig för att uppdateringar av WordPress tar bort dina ändringar!
