Czym jest motyw potomny?
Motyw potomny (child theme) to motyw WordPress, który dziedziczy całą funkcjonalność i wygląd motywu nadrzędnego (parent theme), jednocześnie umożliwiając wprowadzanie własnych zmian. Wszystkie modyfikacje wykonane w motywie potomnym są odporne na aktualizacje motywu głównego — to fundamentalna zasada bezpiecznego developmentu w WordPressie.
Dlaczego to ważne? Aktualizacja motywu nadrzędnego nadpisuje wszystkie zmodyfikowane pliki. Motyw potomny trzyma Twoje zmiany w osobnym miejscu — bezpiecznie, nawet po dziesiątkach aktualizacji.
Minimalna struktura plików
Minimalny motyw potomny to zaledwie dwa pliki wewnątrz nowego folderu
w /wp-content/themes/:
style.css— nagłówek identyfikujący motywfunctions.php— ładowanie stylów motywu nadrzędnego
twentytwentyfour-child/
style.css
functions.php
Krok po kroku
1. Plik style.css — nagłówek motywu
Plik style.css musi zawierać specjalny nagłówek.
Pole Template musi być dokładną nazwą folderu
motywu nadrzędnego:
/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://twoja-strona.pl
Description: Motyw potomny dla Twenty Twenty-Four
Author: Lucjan Jaroszewski
Template: twentytwentyfour
Version: 1.0.0
Text Domain: twentytwentyfour-child
*/
Ważne: Nazwa folderu motywu nadrzędnego w
Template musi być podana z zachowaniem wielkości liter.
Błąd tutaj spowoduje, że WordPress nie rozpozna relacji rodzic–dziecko.
2. Plik functions.php — ładowanie stylów
Motyw potomny nie ładuje automatycznie CSS rodzica. Musisz to zrobić ręcznie
przez wp_enqueue_scripts:
<?php
function child_theme_enqueue_styles(): void {
$parent = 'twentytwentyfour-style';
wp_enqueue_style( $parent, get_template_directory_uri() . '/style.css' );
wp_enqueue_style(
'child-style',
get_stylesheet_directory_uri() . '/style.css',
[ $parent ],
wp_get_theme()->get( 'Version' )
);
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
Nadpisywanie szablonów PHP
WordPress stosuje prostą zasadę: jeśli plik istnieje w motywie potomnym, użyj go zamiast pliku z rodzica. To pozwala ci nadpisać dowolny szablon bez modyfikowania oryginału:
# Skopiuj szablon który chcesz zmienić:
wp-content/themes/twentytwentyfour/header.php
# Do motywu potomnego:
wp-content/themes/twentytwentyfour-child/header.php
# Teraz edytuj kopię — oryginał pozostaje nienaruszony
Możesz nadpisać szablony: header.php, footer.php,
single.php, archive.php, page.php,
functions.php, a nawet pliki wewnątrz podfolderów jak template-parts/.
Konkretne możliwości motywu potomnego
W praktyce motyw potomny pozwala Ci:
- Zmieniać kolory, czcionki, odstępy przez nadpisanie CSS rodzica
- Modyfikować szablony stron bez ryzyka utraty przy aktualizacji
- Dodawać nowe szablony stron widoczne w metaboxie "Szablon" w edytorze
- Rejestrować własne menu, sidebar, rozmiary obrazków
- Dodawać funkcje PHP przez własny
functions.php - Wstrzykiwać własne skrypty i style do kolejki WordPress
/* style.css motywu potomnego — nadpisanie kolorów */
:root {
--wp--preset--color--primary: #a259ff; /* zmiana primary color */
}
/* Nadpisanie stylu nagłówka */
.site-header {
background-color: #0d1117;
border-bottom: 1px solid rgba(255,255,255,.08);
}
Wskazówka: Testuj motyw potomny lokalnie zanim wdrożysz
na produkcję — błąd składniowy w functions.php może wywołać
"białą stronę" i zablokować dostęp do panelu admina.
Podsumowanie
Motyw potomny to standardowe, zalecane podejście przy każdej customizacji motywu WordPress. Koszt wejścia jest minimalny — dwa pliki, kilkanaście linii kodu — a zysk ogromny: pełna kontrola nad wyglądem i zachowaniem strony bez obawy przed aktualizacjami motywu nadrzędnego. To fundament każdego profesjonalnie zarządzanego projektu WordPress.