Jak zainstalować motyw podrzędny WordPress (krok po kroku)

Motyw podrzędny WordPress to motyw, który dziedziczy stylizację i funkcjonalność innego motywu, zwanego motywem nadrzędnym. Aktywacja motywu podrzędnego mówi WordPressowi, aby używał motywu nadrzędnego dla wszystkiego z wyjątkiem plików, które motyw podrzędny nadpisuje. Cały sens: gdy motyw nadrzędny jest aktualizowany przez swojego dewelopera (co dzieje się regularnie, często z poprawkami bezpieczeństwa), twoje dostosowania przetrwają nietknięte. Bez motywu podrzędnego każde dostosowanie wprowadzone do motywu jest wymazywane przy następnej aktualizacji. Z nim twoje zmiany żyją w osobnym folderze, którego aktualizacje nie ruszają.

Dlaczego potrzebuję motywu podrzędnego w 2026?

Trzy powody, które nie zmieniły się przez piętnaście lat:

Przetrwać aktualizacje motywu nadrzędnego. Deweloperzy motywów wypuszczają aktualizacje miesięcznie lub częściej. Każda aktualizacja nadpisuje każdy plik w folderze motywu nadrzędnego. Jeśli bezpośrednio edytowałeś header.php lub style.css, twoje edycje znikają. Motyw podrzędny ma własny folder, którego aktualizacje nigdy nie ruszają.
Nadpisywać tylko ukierunkowane pliki. Motyw podrzędny może selektywnie zastąpić dowolny plik motywu nadrzędnego. Chcesz niestandardowy footer.php? Wrzuć go do motywu podrzędnego. Chcesz ten sam footer.php co nadrzędny, ale z jedną poprawką CSS? Po prostu dodaj CSS do style.css motywu podrzędnego i zostaw footer.php w spokoju.
Dodać niestandardowy PHP bez forkowania motywu. functions.php motywu podrzędnego ładuje się obok motywu nadrzędnego. Dodaj filtry, niestandardowe typy postów, usunięte akcje lub dowolny PHP bez ruszania kodu motywu nadrzędnego.

Podejście "po prostu zedytuję motyw nadrzędny" psuje się przy pierwszej automatycznej aktualizacji motywu, co na typowej witrynie WordPress dzieje się w ciągu tygodni. Użyj motywu podrzędnego.

Kiedy NIE potrzebuję motywu podrzędnego?

Trzy scenariusze, w których motyw podrzędny to złe narzędzie:

Jeśli dostosowujesz tylko przez Customizer lub Edytor Witryny. Zmiany kolorów, wybór czcionek i podobne ustawienia wprowadzone przez Wygląd, Dostosuj (Klasyczny) lub Edytor Witryny (motywy blokowe) są przechowywane w bazie danych, nie w plikach motywu. Przetrwają aktualizacje bez motywu podrzędnego.
Jeśli dodajesz tylko niestandardowy CSS. WordPress ma wbudowany panel "Dodatkowy CSS" w Customizerze. Małe poprawki CSS żyją tam i utrzymują się przez aktualizacje. Motyw podrzędny to przesada do dodania dwóch reguł CSS.
Jeśli używasz motywu blokowego (FSE) i dostosowujesz tylko szablony. Motywy Full Site Editing przechowują dostosowania szablonów w bazie danych, dostępne przez Wygląd, Edytor. Potrzeba motywu podrzędnego jest znacznie mniejsza. Motywy blokowe nadal mogą skorzystać z motywu podrzędnego dla niestandardowego PHP lub nadpisań theme.json, ale powszechny przypadek "chcę przenieść logo i zmienić tekst stopki" już go nie wymaga.

Jeśli edytujesz pliki PHP, pliki szablonów lub chcesz dodać więcej niż kilka linii CSS, potrzebujesz motywu podrzędnego. Dla wszystkiego innego w 2026 Customizer lub Edytor Witryny wystarczy.

Metoda 1: zainstaluj motyw podrzędny ręcznie (5 minut)

Minimalny motyw podrzędny to dwa pliki w folderze. Krok po kroku:

Krok 1: utwórz folder motywu podrzędnego

Połącz się przez SFTP (lub menedżera plików w panelu hostingu) i przejdź do /wp-content/themes/. Zobaczysz foldery dla każdego zainstalowanego motywu, jak twentytwentyfour/ lub astra/. Utwórz nowy folder obok nich. Konwencja nazewnictwa: nazwa nadrzędnego plus -child. Jeśli twój motyw nadrzędny to Astra, nazwij folder astra-child.

Krok 2: utwórz style.css z wymaganym nagłówkiem

Wewnątrz nowego folderu astra-child utwórz plik o nazwie style.css. Otwórz go w edytorze tekstu i dodaj ten blok komentarza nagłówka:

/*
Theme Name: Astra Child
Theme URI: https://twojawitryna.com
Description: Motyw podrzędny dla Astry
Author: Twoje Imię
Author URI: https://twojawitryna.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

Linia Template to jedyna, która musi pasować dokładnie: musi być nazwą folderu motywu nadrzędnego (uwzględnia wielkość liter). Inne linie mogą mówić cokolwiek; pojawiają się w Wygląd, Motywy.

Krok 3: utwórz functions.php do kolejkowania stylów nadrzędnego

W tym samym folderze astra-child utwórz functions.php:

<?php
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri(), ['parent-style']);
});

To zapewnia, że arkusz stylów motywu nadrzędnego ładuje się jako pierwszy, potem motywu podrzędnego, więc twoje dostosowania nadpisują motyw nadrzędny. Bez tego style.css motywu podrzędnego jest pusty i strona ładuje się bez stylów. Wiele starych tutoriali nadal zaleca używanie @import url('../astra/style.css'); w style.css motywu podrzędnego. Nie używaj podejścia @import w 2026. Jest wolne (wymusza drugie żądanie HTTP przed jakimkolwiek parsowaniem CSS), nie jest już zalecane przez kodeks WordPress, a podejście enqueue powyżej to nowoczesny standard.

Krok 4: aktywuj motyw podrzędny

Przejdź do Wygląd, Motywy w admin WordPress. Zobaczysz swój nowy motyw podrzędny na liście (może pokazać miniaturę-zastępcę). Kliknij Aktywuj. Twoja witryna powinna wyglądać identycznie jak wcześniej — te same czcionki, ten sam układ, te same kolory — ponieważ motyw podrzędny dziedziczy wszystko od nadrzędnego.

Jeśli witryna wygląda bez stylów, enqueue w functions.php jest błędny. Sprawdź dokładnie, czy linia Template: w style.css odpowiada dokładnie nazwie folderu motywu nadrzędnego.

Metoda 2: użyj wtyczki motywu podrzędnego (zero kodowania)

Dla użytkowników, którzy woleliby nie ruszać SFTP, wtyczki automatyzują tworzenie motywu podrzędnego. Dwa niezawodne wybory w 2026:

Child Theme Configurator. Darmowy, aktywnie utrzymywany, najpopularniejsza opcja. Instaluje się w dwóch kliknięciach, tworzy motyw podrzędny z dowolnego aktywnego nadrzędnego, pozwala kopiować pliki nadrzędnego do podrzędnego do edycji przez UI admina. Pragmatyczny wybór dla większości użytkowników.
Generate Child Theme. Nowsza wtyczka skupiona konkretnie na motywach blokowych. Przydatna, jeśli używasz motywu Full Site Editing jak Twenty Twenty-Four, gdzie wzorce są inne.

Kroki podejścia z wtyczką:

Zainstaluj i aktywuj wtyczkę.
Przejdź do Narzędzia, Motywy Podrzędne (Child Theme Configurator) lub jego ekwiwalent.
Wybierz motyw nadrzędny.
Kliknij "Utwórz nowy motyw podrzędny".
Wtyczka generuje folder, style.css i functions.php poprawnie. Przejdź do Wygląd, Motywy i aktywuj.

Wtyczka może być dezaktywowana po utworzeniu motywu podrzędnego. Sam motyw podrzędny nie zależy od wtyczki.

Jak dostosowuję motyw podrzędny, gdy jest już aktywny?

Trzy kategorie dostosowań:

Dostosowania CSS

Dodaj reguły CSS do style.css motywu podrzędnego, poniżej komentarza nagłówka. CSS motywu podrzędnego ładuje się po nadrzędnym, więc twoje reguły nadpisują, chyba że nadrzędny używa !important lub selektorów o wyższej specyficzności.

/* W astra-child/style.css */
.site-title {
    font-family: Georgia, serif;
    color: #2c3e50;
}

.entry-content a {
    text-decoration: underline;
}

Nadpisania szablonów

Aby dostosować plik szablonu (header, footer, układ pojedynczego wpisu itp.), skopiuj plik z motywu nadrzędnego do motywu podrzędnego w tej samej ścieżce. WordPress użyje wtedy wersji motywu podrzędnego zamiast nadrzędnego.

Przykład: dostosuj footer.php:

Skopiuj wp-content/themes/astra/footer.php do wp-content/themes/astra-child/footer.php.
Edytuj kopię w motywie podrzędnym.
Zapisz. Następne ładowanie strony użyje twojej wersji.

Motywy blokowe są inne: zamiast plików szablonów PHP używają plików HTML w folderze templates/, oraz theme.json dla stylów globalnych. Mechanika nadpisania jest taka sama; skopiuj plik z nadrzędnego do podrzędnego w tej samej ścieżce względnej.

Dostosowania PHP

Dodaj filtry, akcje lub niestandardowy kod do functions.php motywu podrzędnego — nigdy do nadrzędnego. functions.php motywu podrzędnego ładuje się przed nadrzędnym, więc może rejestrować filtry, które nadrzędny później sprawdza.

// W astra-child/functions.php

// Zmień URL logo logowania WordPress
add_filter('login_headerurl', function () {
    return home_url();
});

// Wyłącz emoji WordPress
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Jak przenoszę ustawienia Customizera do motywu podrzędnego?

Wspólny ból: skonfigurowałeś kolory, czcionki i widżety w Customizerze pod motywem nadrzędnym. Aktywacja motywu podrzędnego wygląda na zresetowanie ich.

Prawda: ustawienia Customizera są przechowywane per motyw. Każdy motyw (nadrzędny i podrzędny są różnymi "motywami" dla WordPressa) ma własne ustawienia. Aby zachować swoje ustawienia:

Pod motywem nadrzędnym przejdź do Wygląd, Dostosuj, kliknij ikonę koła zębatego i "Eksportuj" (niektóre motywy to zapewniają; nie wszystkie). Lub użyj wtyczki jak Customizer Export/Import.
Aktywuj motyw podrzędny.
Wróć do Customizera i zaimportuj plik.

Jeśli twój motyw nie obsługuje eksportu Customizera, alternatywą jest ręczne skonfigurowanie tych samych ustawień pod motywem podrzędnym. Dla widżetów WordPress 4.2+ zapewnia workflow "Widget Importer & Exporter" przez menu Narzędzia lub przez wtyczki jak Widget Importer Exporter.

A co z motywami blokowymi (Full Site Editing)?

Dla motywów blokowych (Twenty Twenty-Two i nowsze, oraz nowoczesne motywy zbudowane na FSE) struktura motywu podrzędnego jest nieco inna. Minimalne dwa pliki stają się:

style.css z tym samym blokiem nagłówka, ale Template: folder-motywu-nadrzednego odwołujący się do motywu blokowego nadrzędnego.
theme.json w folderze podrzędnym. Ten plik nadpisuje theme.json nadrzędnego. Uwzględnij tylko ustawienia, które chcesz zmienić; wartości nadrzędnego są używane dla wszystkiego innego.

Możesz również nadpisywać szablony, kopiując pliki HTML szablonów nadrzędnego z templates/ i parts/ do motywu podrzędnego w tej samej ścieżce.

Edytor Witryny w admin WordPress może czytać nadpisania motywu podrzędnego i pozwala wizualnie dostosowywać szablony. Dostosowania zrobione w edytorze są przechowywane w bazie danych i przetrwają aktualizacje motywu; motyw podrzędny potrzebujesz tylko dla rzeczy, których nie możesz skonfigurować przez edytor (jak niestandardowy PHP w functions.php).

Częste błędy przy instalowaniu motywu podrzędnego

Zła nazwa Template: w style.css. Jeśli wartość nie pasuje dokładnie do nazwy folderu motywu nadrzędnego (uwzględnia wielkość liter), WordPress traktuje motyw podrzędny jako zepsuty. Liczy się nazwa folderu, nie nazwa wyświetlana.
Zapomnienie <?php na górze functions.php. Plik jest cicho traktowany jako tekst, style nadrzędnego nie są kolejkowane, a strona ładuje się bez stylów. Zawsze zaczynaj pliki PHP od <?php.
Używanie @import w style.css do ładowania CSS nadrzędnego. Działa, ale wolne i odradzane. Użyj podejścia wp_enqueue_style w functions.php.
Kopiowanie każdego pliku nadrzędnego do podrzędnego "na wszelki wypadek". Nie rób tego. Kopiuj tylko pliki, które naprawdę chcesz nadpisać. Pliki w podrzędnym, które pasują do nadrzędnego, użyją wersji podrzędnego; pliki tylko w nadrzędnym użyją wersji nadrzędnego. Masowe kopiowanie niweczy korzyść utrzymywalności motywu podrzędnego.
Edytowanie motywu podrzędnego na żywej witrynie bez stagingu. Jedna zła linia w functions.php zostawia witrynę z białym ekranem. Dla nietrywialnych edycji PHP użyj środowiska staging lub przynajmniej wtyczki do code-snippetów, która łapie błędy PHP przed zapisem.
Nazwanie folderu motywu podrzędnego ze spacjami. Trzymaj się małych liter i myślników. Spacje i znaki specjalne psują odniesienie Template: na niektórych serwerach.
Zmiana motywów nadrzędnych bez usunięcia podrzędnego. Motyw podrzędny odwołuje się do swojego nadrzędnego po nazwie. Jeśli przełączasz się na inny motyw nadrzędny bez aktualizacji podrzędnego, podrzędny się psuje. Albo usuń podrzędny, albo zaktualizuj jego linię Template:.

Jak aktualizuję motyw nadrzędny bez psucia podrzędnego?

To cały sens motywu podrzędnego: aktualizacje nadrzędnego nie powinny go psuć. Trzy scenariusze:

Normalne aktualizacje. Kliknij "Aktualizuj" w admin. Folder motywu nadrzędnego jest zastępowany; folder podrzędnego jest nietknięty. Sprawdź, czy witryna nadal wygląda dobrze.
Aktualizacje głównej wersji (1.x do 2.x). Czasami szablony zmieniają się znacząco. Jeśli twój motyw podrzędny nadpisuje szablony, nadpisanie może teraz odwoływać się do funkcji lub hooków, które już nie istnieją. Sprawdź changelog motywu nadrzędnego przed głównymi aktualizacjami. Przetestuj na stagingu.
Porzucony motyw nadrzędny. Jeśli nadrzędny przestaje otrzymywać aktualizacje (poprawki bezpieczeństwa), twój podrzędny utknął na podatnym motywie. Migracja jest do utrzymywanego motywu nadrzędnego. Motyw podrzędny czyni to łatwiejszym, ponieważ większość twojego niestandardowego CSS i PHP może być ponownie użyta; tylko nadpisania szablonów muszą być przerobione.

Gdzie mogę znaleźć, które pliki motywu nadpisać?

Hierarchia szablonów WordPress dokumentuje, który plik jest ładowany dla jakiego typu treści. Częste:

header.php — góra każdej strony
footer.php — dół każdej strony
single.php — układ pojedynczego wpisu bloga
page.php — układ pojedynczej strony
archive.php — archiwa kategorii/tagów/autorów
functions.php — dostosowania PHP
style.css — CSS

Dla motywów blokowych ekwiwalenty żyją w templates/ jako pliki .html i w theme.json dla stylizacji.

Co sprawdza InspectWP

InspectWP wykrywa, czy motyw jest motywem podrzędnym, przez pole Template: w style.css. Sekcja WordPress raportu wymienia zarówno motyw nadrzędny, jak i podrzędny, z wersjami i datami ostatniej aktualizacji. Witryna z motywem podrzędnym, której nadrzędny nie był aktualizowany od ponad roku, jest oznaczana, ponieważ nadrzędny prawdopodobnie ma niezałatane podatności. Witryna z nieaktualnym motywem podrzędnym na aktualnym nadrzędnym jest informacyjna; zwykle oznacza, że deweloper, który skonfigurował witrynę, przestał utrzymywać podrzędny, ale nadrzędny nadal otrzymuje poprawki bezpieczeństwa przez opiekuna nadrzędnego. Pragmatyczna rekomendacja to utrzymywanie obu zaktualizowanych, dokumentowanie dostosowań motywu podrzędnego w jego nagłówku style.css, oraz preferowanie motywów podrzędnych nad bezpośrednie edycje nawet w setupach hostingu zarządzanego, gdzie automatyczne aktualizacje motywów są powszechne.