Zazwyczaj aby dostosować motyw do swoich potrzeb, niezbędna jest jego modyfikacja. Jednak wprowadzenie zmian w plikach motywu ma dużą wadę, gdyż w przypadku wykonania aktualizacji motywu, zmiany te zostaną utracone. Na szczęście za pomocą motywu potomnego można rozwiązać ten problem.

Czym jest motyw potomny?

Motyw potomny (child theme) to rodzaj motywu, który dziedziczy wszystkie funkcje oraz style z motywu głównego. Zatem motyw potomny działa na podstawie motywu głównego, ale można wprowadzać do niego niestandardowe zmiany.

Przede wszystkim zaletą posiadania motywu potomnego jest możliwość wprowadzania w nim niestandardowych zmian, nie naruszając przy tym motywu głównego. Dzięki takiemu rozwiązaniu, nawet po aktualizacji motywu głównego zachowane zostaną wszystkie zmiany w motywie potomnym.

Jak działa motyw potomny?

Jeśli w motywie głównym oraz w motywie potomnym posiadamy plik o takiej samej nazwie (np. header.php) to WordPress będzie brał pod uwagę plik z motywu potomnego. Od tej reguły jest jednak jeden wyjątek – plik functions.php. Jest on wczytywany przez WordPressa jednocześnie z motywu głównego oraz z motywu potomnego.

Jak utworzyć motyw potomny w WordPressie?

Często twórcy płatnych motywów udostępniają już gotowy motyw potomny, który wystarczy doinstalować obok głównego motywu i włączyć. Jeśli posiadasz płatny motyw, w pierwszej kolejności możesz sprawdzić w dokumentacji technicznej motywu, czy twórcy udostępniają taką możliwość.

W przeciwnym wypadku możesz utworzyć motyw potomny za pomocą wtyczki lub ręcznie.

Tworzenie motywu potomnego za pomocą wtyczki

Pierwszym sposobem jest utworzenie motywu potomnego za pomocą popularnej wtyczki Child Theme Configurator.

1. Zaloguj się do panelu administratora WordPress.

2. Przejdź do zakładki Wtyczki -> Dodaj wtyczkę, a następnie w wyszukiwarce wyszukaj wtyczkę Child Theme Configurator. Po znalezieniu wtyczki, kliknij w przycisk Zainstaluj.

3. Po zakończeniu instalacji uruchom wtyczkę, za pomocą przycisku Włącz.

4. Przejdź do zakładki Narzędzia -> Motywy potomne. Następnie w menu Nadrzędny/Potomny dostępne są dwa punkty. W pierwszym powinna być zaznaczona opcja Stwórz nowy motyw potomny. Natomiast w drugim punkcie z rozwijanej listy wybierz swój motyw główny i kliknij w przycisk Analizuj.

5. Jeśli analiza zakończy się powodzeniem, zostanie wyświetlony komunikat Ten motyw wydaje się być odpowiedni do użycia jako Motyw Potomny.

6. W kolejnych punktach, które się wyświetliły możesz pozostawić domyślne ustawienia lub jeśli istnieje taka potrzeba, dostosować je do swoich oczekiwań. Następnie kliknij w przycisk Create New Child Theme, aby utworzyć motyw potomny.

7. Po pomyślnym utworzeniu motywu potomnego przejdź do zakładki Wygląd -> Motywy i włącz motyw potomny za pomocą przycisku Włącz.

8. Teraz możesz już wyłączyć i usunąć wtyczkę Child Theme Configurator. Nie będziesz już jej potrzebował.

Ręczne tworzenie motywu potomnego

Drugim sposobem jest ręczne utworzenie motywu potomnego, bez użycia wtyczki.

1. Zaloguj się do Panelu Klienta i przejdź do zakładki Hosting -> Manager plików. Następnie wybierz kolejno katalog domains -> katalog twojej domeny -> public_html -> wp-content -> themes.

Uwaga. Powyższa ścieżka jest domyślna dla domeny dodanej poprzez zakładkę Domeny -> Konfiguracja domen. W przypadku subdomeny dodanej poprzez zakładkę Domeny -> Subdomeny, powinieneś przejść do katalogu domains -> katalog domeny głównej -> public_html -> katalog twojej subdomeny -> wp-content -> themes.

Jeśli pliki Twojej strony znajdują się w katalogu private_html, wówczas zamiast katalogu public_html powinieneś wybrać katalog private_html.

2. W kolejnym kroku należy utworzyć katalog motywu potomnego. Jego nazwa może być dowolna, jednak dla ułatwienia najlepiej zachować nazwę głównego motywu z dopiskiem -child. W przykładzie posiadamy motyw twentytwentyfour, zatem utworzymy katalog twentytwentyfour-child. Aby utworzyć katalog, w polu Utwórz nowy katalog wpisz nazwę katalogu motywu potomnego i kliknij w przycisk Utwórz.

3. Następnie niezbędne będzie utworzenie dwóch plików – functions.php oraz style.css i dodanie do nich odpowiedniego kodu. W tym celu przejdź do nowego folderu utworzonego w kroku 2 i w sekcji Narzędzia systemu plików, w polu Utwórz nowy plik, wpisz nazwę pliku – functions.php – i kliknij w przycisk Utwórz.

Wprowadź poniższy kod i kliknij w przycisk Zapisz jako.

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

W taki sam sposób utwórz plik o nazwie style.css i dodaj do niego poniższy kod zamieniając przykładowe wartości na docelowe. Następnie kliknij w przycisk Zapisz jako.

/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: WordPress Team
Author URI: https://wordpress.org
Description: Opis szablonu
Version: 1.0
Updated: 2024-02-21 19:27:32
*/

W powyższym kodzie najważniejsze są dwa pola. Theme Name czyli nazwa szablonu oraz Template, w którym należy podać nazwę katalogu, w którym znajduje się główny motyw.

4. Opcjonalnie możesz także wgrać zdjęcie podglądowe motywu potomnego, które będzie widoczne w panelu WordPressa. Plik powinien mieć nazwę screenshot.png. Do tego celu możesz także wykorzystać plik screenshot.png z katalogu motywu głównego.

5. Ostatnim krokiem jest przejście do zakładki Wygląd -> Motywy i włączenie motywu potomnego za pomocą przycisku Włącz.

Jak używać motywu potomnego?

Swoje własne style możesz dodawać do utworzonego pliku style.css. Natomiast własny kod PHP dodający nowe funkcje na Twojej stronie możesz dodać w pliku functions.php.

Jeśli potrzebujesz wprowadzić zmiany w innych plikach motywu, wówczas należy skopiować je z katalogu motywu głównego do katalogu motywu potomnego z zachowaniem tej samej struktury katalogów. Następnie możesz już edytować pliki skopiowane do katalogu motywu potomnego.

Podsumowanie

Jak widzisz, utworzenie motywu potomnego jest bardzo proste. Dzięki niemu, nie będziesz już musiał się martwić, że po wykonaniu aktualizacji motywu utracisz swoje zmiany.