Jak utworzyć motyw Dziecka (Child Theme) w WordPress?

Motyw dziecka (ang. child theme) w WordPress pozwala na bezpieczne modyfikowanie wyglądu i funkcjonalności witryny bez ryzyka utraty zmian podczas aktualizacji głównego motywu. W tym artykule pokażemy, jak krok po kroku utworzyć i aktywować motyw dziecka.

1. Co to jest motyw dziecka w WordPress?

Motyw dziecka to specjalny motyw, który dziedziczy wygląd i funkcje z innego motywu, zwanego motywem nadrzędnym (parent theme). Dzięki temu możesz wprowadzać zmiany w motywie dziecka, a aktualizacje motywu nadrzędnego nie nadpiszą Twoich modyfikacji.

Zalety motywu dziecka:
✅ Bezpieczne modyfikacje motywu.
✅ Możliwość nadpisywania stylów CSS i plików PHP.
✅ Ochrona przed utratą zmian po aktualizacji motywu głównego.

2. Tworzenie motywu dziecka w WordPress – krok po kroku

Krok 1: Utwórz folder dla motywu dziecka

1. Połącz się z serwerem przez FTP lub użyj menedżera plików w hostingu.
2. Przejdź do katalogu /wp-content/themes/.
3. Utwórz nowy folder i nazwij go np. moj-motyw-dziecka (nazwa może być dowolna).

Krok 2: Utwórz plik style.css

1. W nowo utworzonym folderze moj-motyw-dziecka stwórz plik style.css.
2. Otwórz plik i dodaj następujący kod:

   /*
   Theme Name: Mój Motyw Dziecka
   Theme URI: https://twojastrona.pl
   Description: Motyw dziecka dla motywu nadrzędnego
   Author: Twoje Imię
   Author URI: https://twojastrona.pl
   Template: nazwa-motywu-nadrzędnego
   Version: 1.0.0
   */

📌 Ważne! W polu Template: wpisz dokładną nazwę katalogu motywu nadrzędnego (np. astra, twentytwentyfour).

Krok 3: Utwórz plik functions.php

1. W folderze moj-motyw-dziecka utwórz nowy plik functions.php.
2. Dodaj do niego kod ładujący arkusz stylów motywu nadrzędnego:

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

Dzięki temu motyw dziecka będzie korzystał ze stylów motywu nadrzędnego.

3. Aktywacja motywu dziecka

1. Zaloguj się do panelu WordPress.
2. Przejdź do Wygląd → Motywy.
3. Znajdź motyw dziecka i kliknij Aktywuj.

💡 Jeśli motyw się nie pojawił, sprawdź, czy poprawnie wpisałeś nazwę motywu nadrzędnego w pliku style.css.

4. Dalsze modyfikacje motywu dziecka

Gdy masz już aktywowany motyw dziecka, możesz go dowolnie edytować.

Modyfikacja stylów CSS

Dodaj własne reguły CSS do pliku style.css, np.:

body {
background-color: #f4f4f4;
}

Edytowanie plików PHP

Jeśli chcesz zmodyfikować np. header.php z motywu nadrzędnego:

1. Skopiuj plik header.php z katalogu motywu nadrzędnego do katalogu motywu dziecka.
2. Wprowadź zmiany – WordPress automatycznie użyje zmodyfikowanej wersji.

Podsumowanie

Motyw dziecka to najlepszy sposób na personalizację strony WordPress bez ryzyka utraty zmian po aktualizacji. Wystarczy utworzyć folder, dodać pliki style.css i functions.php, a następnie aktywować motyw w panelu. Dzięki temu możesz dowolnie dostosować swoją stronę!

🔹 Potrzebujesz pomocy z tworzeniem motywu dziecka? Skontaktuj się z Pogotowie Programistyczne, a przygotujemy dla Ciebie w pełni zoptymalizowany motyw WordPress!