Ett barn-tema i WordPress är ett underordnat tema som ärver funktioner och stilar från ett annat tema, kallat föräldratema. Genom att använda ett barn-tema kan du göra anpassningar utan att ändra föräldratemats filer, vilket gör det enklare att uppdatera föräldratemat utan att förlora dina ändringar. I denna guide kommer vi att gå igenom steg-för-steg hur du skapar ett barn-tema i WordPress.
Varför använda ett barn-tema?
Att använda ett barn-tema har flera fördelar:
- Säkerhet vid uppdateringar: Du kan uppdatera föräldratemat utan att förlora dina anpassningar.
- Organiserad kod: Håll dina anpassningar separerade från föräldratemats kod, vilket gör det enklare att hantera.
- Experimentera säkert: Du kan testa nya funktioner och stilar utan att riskera att skada din webbplats.
Förberedelser
Innan du börjar skapa ditt barn-tema, se till att du har följande:
- FTP/SFTP-åtkomst: För att ladda upp och redigera filer på din server.
- En textredigerare: För att redigera dina tema-filer. Populära alternativ inkluderar Sublime Text, Visual Studio Code och Notepad++.
- Ett aktivt föräldratema: Du behöver ett föräldratema att bygga ditt barn-tema på.
Steg 1: Skapa en ny mapp för ditt barn-tema
Först och främst behöver du skapa en mapp för ditt barn-tema:
- Anslut till din server: Använd en FTP/SFTP-klient för att ansluta till din webbplats server.
- Navigera till tema-mappen: Gå till wp-content/themes.
- Skapa en ny mapp: Skapa en ny mapp för ditt barn-tema. Namnge den något beskrivande, till exempel ditt-tema-barn.
Steg 2: Skapa en style.css-fil
Nästa steg är att skapa en style.css-fil som berättar för WordPress att detta är ett barn-tema och vilket föräldratema det är beroende av:
- Skapa en ny fil: I din textredigerare, skapa en ny fil och spara den som style.css i din barn-tema mapp.
- Lägg till temainformation: Kopiera och klistra in följande kod i din style.css-fil, och anpassa informationen efter ditt tema:
/* Theme Name: Ditt Tema Barn Theme URI: http://exempel.com/ditt-tema-barn Description: Ett barn-tema för Ditt Tema Author: Ditt Namn Author URI: http://exempel.com Template: ditt-tema Version: 1.0.0 */
Se till att Template matchar mappen för ditt föräldratema.
Steg 3: Skapa en functions.php-fil
För att säkerställa att ditt barn-tema laddar föräldratemats stilark korrekt, behöver du skapa en functions.php-fil:
- Skapa en ny fil: Skapa en ny fil i din textredigerare och spara den som functions.php i din barn-tema mapp.
- Lägg till kod för att ladda föräldratemats stilmall: Kopiera och klistra in följande kod i din functions.php-fil:
<?php
function mitt_tema_barn_enqueue_styles() {
$parent_style = 'parent-style'; // Detta är 'ditt-tema' style.
wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css');
wp_enqueue_style('child-style',
get_stylesheet_directory_uri() . '/style.css',
array($parent_style),
wp_get_theme()->get('Version')
);
}
add_action('wp_enqueue_scripts', 'mitt_tema_barn_enqueue_styles');
Steg 4: Aktivera ditt barn-tema
Nu när du har skapat de grundläggande filerna för ditt barn-tema, är det dags att aktivera det i WordPress:
- Logga in på din WordPress-dashboard: Gå till www.dindomän.com/wp-admin och logga in med dina administratörsinloggningsuppgifter.
- Navigera till Utseende > Teman: Du bör nu se ditt barn-tema listat där.
- Aktivera ditt barn-tema: Klicka på ”Aktivera” för att börja använda ditt barn-tema.
Steg 5: Anpassa ditt barn-tema
Nu när ditt barn-tema är aktiverat, kan du börja anpassa det.
Här är några vanliga anpassningar:
Anpassa CSS
Du kan lägga till dina egna stilar i style.css för att ändra utseendet på din webbplats.
Exempel:
body {
background-color: #f0f0f0;
}
h1 {
color: #333;
}
Anpassa temafiler
Om du behöver ändra specifika temafiler från föräldratemat, kopiera filen från föräldratemats mapp till ditt barn-temas mapp och redigera den där.
Exempel: Om du vill ändra header.php:
- Kopiera filen: Kopiera header.php från föräldratemats mapp (wp-content/themes/ditt-tema/header.php) till ditt barn-temas mapp (wp-content/themes/ditt-tema-barn/header.php).
- Redigera filen: Öppna header.php i ditt barn-tema och gör dina ändringar.
Slutsats
Att skapa ett barn-tema i WordPress är ett smart sätt att anpassa din webbplats utan att riskera att förlora dina ändringar vid uppdateringar av föräldratemat. Genom att följa denna guide kan du enkelt skapa och anpassa ditt eget barn-tema, vilket ger dig full kontroll över din webbplats design och funktionalitet. Lycka till med dina anpassningar!