Apparition Child Theme

Czym są motywy rodzicielskie i motywy dziecięce

W świecie WordPressa motywy pełnią kluczową rolę w kształtowaniu wyglądu i funkcjonalności strony. Dwa podstawowe typy motywów, które warto poznać, to motywy rodzicielskie i motywy dziecięce. Zrozumienie różnicy między nimi jest niezwykle istotne, zwłaszcza dla osób, które zamierzają wprowadzać zmiany w wyglądzie swojej strony internetowej.

Motywy rodzicielskie

Każdy motyw, który nie jest motywem dziecięcym, jest uważany za motyw rodzicielski. Oznacza to, że motywy rodzicielskie są samodzielnymi zestawami plików, które można zainstalować i aktywować w WordPressie. Aby motyw mógł być uznany za motyw rodzicielski, musi zawierać wszystkie wymagane pliki, zgodnie z dokumentacją struktury motywu. Nie ma szczególnych wymogów, które muszą być spełnione, aby zostać motywem rodzicielskim — wystarczy, że będzie on kompletnym motywem.

Motywy dziecięce

Motyw dziecięcy to rozszerzenie motywu rodzicielskiego, które domyślnie zawiera wszystkie jego elementy, w tym design i funkcjonalności. Motyw dziecięcy umożliwia wprowadzanie modyfikacji bez konieczności edytowania plików motywu rodzicielskiego. Dzięki temu można wprowadzać zmiany w wyglądzie i funkcji strony, nie obawiając się, że po aktualizacji motywu rodzicielskiego znikną one.

Poniżej przedstawiamy główne zalety korzystania z motywów dziecięcych:

• Przenośność i powtarzalność: Modyfikacje wprowadzone w motywie dziecięcym są łatwe do przeniesienia między różnymi instalacjami WordPressa.
• Oddzielanie modyfikacji: Umożliwia zachowanie osobnych modyfikacji, co ułatwia ich zarządzanie i aktualizowanie.
• Aktualizacje: Umożliwia aktualizację motywu rodzicielskiego bez obaw o utratę dokonanych zmian.
• Oszczędność czasu: Piszesz tylko kod, który jest naprawdę potrzebny, co pozwala zaoszczędzić czas podczas tworzenia i aktualizacji motywu.
• Początek nowej drogi: Motywy dziecięce są świetnym krokiem w stronę nauki tworzenia pełnoprawnych motywów.

Warto jednak pamiętać, że wprowadzenie złożonych modyfikacji w motywie dziecięcym może z czasem prowadzić do problemów z zarządzaniem. Dlatego w przypadku bardziej rozbudowanych projektów lepiej jest sklonować oryginalny motyw i stworzyć własny motyw pełnoprawny — decyzja ta powinna być podejmowana indywidualnie.

Jak stworzyć motyw dziecięcy

Stworzenie motywu dziecięcego w WordPressie jest procesem prostym i można go zrealizować w kilku krokach. W poniższym przewodniku pokażemy, jak stworzyć motyw dziecięcy dla domyślnego motywu dwudziesty czwarty.

Krok 1: Utwórz folder motywu dziecięcego

Na początku należy nadać naszemu motywowi dziecięcemu nazwę. W tym przypadku nazwijmy go „Grand Sunrise”. Następnie utwórz nowy folder w katalogu wp-content/themes o nazwie grand-sunrise.

Krok 2: Utwórz plik style.css

Kolejnym krokiem jest utworzenie pliku o nazwie style.css. Jest to niezbędny plik, który musi istnieć, aby motyw dziecięcy był poprawnie rozpoznawany przez WordPress. Wszystkie pliki style.css muszą zawierać odpowiednie nagłówki, które zostały opisane w dokumentacji głównego arkusza stylów.

Oto podstawowy przykład nagłówka, który powinien znajdować się w pliku style.css:

css
/*
Theme Name: Grand Sunrise
Template: twentytwentyfour
...inne pola nagłówka
*/

Warto zwrócić uwagę na pole Template, które musi być dokładnym dopasowaniem do nazwy folderu motywu rodzicielskiego, co w przypadku Twenty Twenty-Four to twentytwentyfour.

Krok 3: Instalacja i aktywacja motywu dziecięcego

Jeśli nie pracujesz w środowisku deweloperskim z folderem motywu w wp-content/themes, musisz przenieść folder motywu dziecięcego tam teraz. Najłatwiejszym sposobem jest utworzenie pliku ZIP z motywu i przesłanie go do swojej strony testowej poprzez menu Wygląd > Motywy > Dodaj nowy w panelu administracyjnym WordPressa.

Po zainstalowaniu motywu, przejdź do Wygląd > Motywy w panelu administracyjnym i znajdź swój motyw. Kliknij link Aktywuj, aby włączyć motyw dziecięcy. Na początku nie zobaczysz różnicy, ponieważ nie wprowadziłeś jeszcze żadnych modyfikacji, ale pomyślnie stworzyłeś motyw dziecięcy.

Dostosowywanie motywu dziecięcego

Podczas dostosowywania motywu dziecięcego masz dostęp do pełnej funkcjonalności dokumentacji. Istnieje jednak kilka rzeczy, które warto mieć na uwadze.

Ładowanie style.css

Ładowanie pliku style.css to opcjonalny krok, zazwyczaj nie jest konieczne w przypadku motywów blokowych, ponieważ zarządzanie stylami jest zazwyczaj realizowane za pomocą theme.json. Niemniej jednak, może być to wymagane, jeśli budujesz motyw klasyczny. Jeśli chcesz, aby jakikolwiek kod CSS w style.css był załadowany, musisz go załadować.

Przykład kodu, który umożliwia załadowanie pliku style.css z motywu dziecięcego:

php
add_action( 'wp_enqueue_scripts', 'grand_sunrise_enqueue_styles' );
function grand_sunrise_enqueue_styles() {
wp_enqueue_style(
'grand-sunrise-style',
get_stylesheet_uri()
);
}

Jeśli Twój motyw rodzicielski nie ładuje pliku stylów, musisz dodać powyższy kod do pliku functions.php swojego motywu dziecięcego. W przypadku gdy rodzicielski motyw ładuje jedynie swój własny plik stylów, możesz również chcieć załadować styl motywu rodzicielskiego z poziomu functions.php:

php
add_action( 'wp_enqueue_scripts', 'grand_sunrise_enqueue_styles' );
function grand_sunrise_enqueue_styles() {
wp_enqueue_style(
'grand-sunrise-parent-style',
get_parent_theme_file_uri( 'style.css' )
);
}

Szablony, części i wzory

Podczas budowy motywu dziecięcego masz możliwość nadpisania wszelkich szablonów, części lub wzorów, które istnieją w motywie rodzicielskim, dodając plik o tej samej nazwie do swojego motywu dziecięcego. Należy pamiętać, że wzory muszą również mieć tę samą zarejestrowaną wartość pola Slug.

Możesz także dodać zupełnie nowe szablony, części i wzory do swojego motywu dziecięcego, nawet jeśli nie istnieją w motywie rodzicielskim.

Korzystanie z pliku functions.php

W przeciwieństwie do szablonów i wzorów, plik functions.php motywu dziecięcego nie nadpisuje pliku functions.php motywu rodzicielskiego. Obydwa pliki są ładowane, przy czym plik motywu dziecięcego jest ładowany przed plikiem motywu rodzicielskiego.

Dzięki temu functions.php motywu dziecięcego jest idealnym sposobem na modyfikację funkcjonalności motywu rodzicielskiego. Dodawanie własnych funkcji PHP do pliku functions.php motywu rodzicielskiego nie jest zalecane, ponieważ każda aktualizacja motywu zrujnuje tę funkcję.

Zaleca się tworzenie motywu dziecięcego i dodawanie własnego kodu do jego pliku functions.php. Dzięki temu funkcja będzie działać tak samo, a nie zostanie zniszczona przez przyszłe aktualizacje motywu rodzicielskiego.

Referencje lub dołączanie innych plików

Czasami może być potrzebne dołączenie lub wykorzystanie niestandardowych plików w motywie. W takim przypadku musisz upewnić się, że używasz funkcji, która zwraca prawidłową ścieżkę katalogu lub URI na podstawie katalogu motywu dziecięcego.

Na przykład, jeśli chcesz dołączyć inny plik PHP za pomocą functions.php, użyj funkcji get_theme_file_path():

php
require_once get_theme_file_path( 'inc/functions-helpers.php' );

Gdy potrzebujesz odwołać się do pliku za pomocą jego URL, użyj funkcji get_theme_file_uri(). Na przykład, aby użyć pliku bunny.jpg z katalogu /assets/images w tagu HTML, możesz zastosować następujący kod:

php
$image = get_theme_file_uri( 'assets/images/bunny.jpg' );
<img src="<?php echo esc_url( $image ); ?>" alt="Bunny">

Dzięki powyższym instrukcjom i praktykom możesz w pełni wykorzystać moc motywów dziecięcych w WordPressie, zarówno do prostych modyfikacji, jak i bardziej zaawansowanych zmian funkcjonalności oraz wyglądu strony. Wykorzystując motywy dziecięce, masz kontrolę nad swoimi modyfikacjami, co znacząco ułatwia zarządzanie stroną i jej aktualizacjami.