Otwiera się w nowej karcie

Jak stworzyć motyw potomny w WordPress (child theme) – prosty poradnik

Spis treści

Jak stworzyć motyw potomny w WordPress (child theme) – prosty poradnik

Kiedy zaczynasz pracę z WordPressem, często pojawia się potrzeba drobnych zmian w wyglądzie strony: chcesz zmienić kolor nagłówka, czcionkę, układ albo dodać kawałek własnego kodu. Największy błąd początkujących to edytowanie plików motywu głównego (parent theme). Dlaczego? Bo przy każdej aktualizacji wszystkie zmiany zostaną nadpisane i stracisz swoją pracę. Rozwiązanie jest bardzo proste – motyw potomny (child theme).

Co to jest motyw potomny?

Motyw potomny to taki „mini-motyw”, który dziedziczy wszystko po motywie głównym, a jednocześnie pozwala Ci wprowadzać własne poprawki bez ryzyka ich utraty przy aktualizacjach. Możesz w nim nadpisywać style CSS, szablony, a także dodawać własne funkcje.

Co będzie potrzebne?

  • Działająca strona na WordPressie z wybranym motywem (np. Astra, Storefront, GeneratePress itp.).
  • Dostęp do plików WordPressa – najlepiej przez FTP albo menedżer plików w hostingu.
  • Dowolny edytor tekstu (np. Notepad++, VS Code).

Krok 1. Utwórz folder motywu potomnego

  1. Wejdź do katalogu z motywami: /wp-content/themes/
  2. Utwórz nowy folder. Najlepiej nazwać go tak samo jak motyw główny + -child.
    Przykład: jeśli motyw główny to astra, nowy folder nazwij astra-child.

Krok 2. Dodaj plik style.css

W nowym folderze (astra-child) utwórz plik style.css i wklej do niego taki nagłówek:

/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/

Co to oznacza?

  • Theme Name – dowolna nazwa Twojego motywu potomnego (wyświetli się w panelu).
  • Template – bardzo ważne! To nazwa folderu motywu głównego (dokładnie taka, jaka jest w /themes/).
  • Version – Twoja wersja (może być 1.0 na start).

Sam nagłówek w style.css wystarczy, żeby WordPress zobaczył motyw potomny w panelu.

Krok 3. Dodaj plik functions.php

Teraz utwórz plik functions.php w folderze astra-child i dodaj taki kod:

<?php
// Ładowanie stylów motywu głównego
add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
});

Ten fragment sprawi, że Twój motyw potomny wczyta wszystkie style z motywu głównego, a Ty możesz dopisywać własne w pliku style.css w folderze potomnym.

Krok 4. Włącz motyw potomny w WordPressie

  1. Zaloguj się do panelu WordPress.
  2. Wejdź w Wygląd → Motywy.
  3. Zobaczysz tam nowy motyw „Astra Child” (albo inny, jeśli używasz innego parenta).
  4. Kliknij Aktywuj.

Gotowe! Od tej chwili Twoja strona korzysta z motywu potomnego.

Krok 5. Co można zmieniać w child theme?

  • Style CSS – np. zmiana kolorów, marginesów, czcionek.
  • Szablony – możesz skopiować plik np. header.php z motywu głównego do folderu child theme i edytować go (WordPress użyje wersji potomnej).
  • Nowe funkcje – w pliku functions.php możesz dodawać własne hooki, filtry i logikę PHP.

Kilka praktycznych wskazówek

  • Zawsze nazywaj folder zgodnie z motywem głównym + -child, żeby nie pomylić.
  • Aktualizuj motyw główny bez obaw – zmiany zostają w child theme.
  • Staraj się edytować tylko to, co musisz. Resztę zostaw w motywie głównym.

Podsumowanie

Motyw potomny w WordPress to najprostszy i najbezpieczniejszy sposób na wprowadzanie zmian w wyglądzie i funkcjach strony. Dzięki niemu Twoje poprawki nie znikną przy aktualizacjach motywu. Wystarczy kilka minut: folder, plik style.css, plik functions.php i aktywacja w panelu – i już możesz pracować na własnych modyfikacjach bez stresu.

👉 Zobacz też: WooCommerce: Sortowanie produktów po ilości w magazynie