Tworzenie child theme dla Państwa motywu WordPress
Jeśli modyfikują Państwo pliki motywu bezpośrednio, Państwa zmiany przepadną przy następnej aktualizacji tego motywu. Zapobiega temu child theme. Jest to niewielki motyw, który przejmuje wszystko z innego motywu, czyli motywu nadrzędnego, z wyjątkiem tego, co Państwo sami w nim umieszczą. Motyw nadrzędny można nadal normalnie aktualizować. W tym artykule wyjaśniamy, kiedy potrzebny jest child theme i jak go utworzyć za pomocą Menedżera plików w DirectAdmin.
Czy jest to Państwu potrzebne?
| Chcą Państwo | Czy potrzebny jest child theme? |
|---|---|
| Dostosować motyw blokowy w Edytorze witryny (Wygląd > Edytor): kolory, czcionki, nagłówek i stopkę | Nie. Te zmiany są zapisywane w bazie danych i pozostają po aktualizacji. |
| Dodać kilka linii CSS | Nie. Prosimy użyć opcji Dodatkowy CSS w Personalizacji (motyw klasyczny) lub w sekcji Style w Edytorze witryny. |
| Dodać funkcję niezwiązaną z wyglądem, na przykład integrację lub formularz | Nie. Taka funkcja powinna znaleźć się we wtyczce, aby działała również po zmianie motywu. |
| Zmienić plik szablonu motywu, dodać dużo własnego CSS lub kod PHP związany z wyglądem | Tak. |
Korzystają Państwo z motywu blokowego? W takim przypadku prosimy najpierw spróbować w Edytorze witryny. Jeśli chcą Państwo zapisać zmiany z Edytora witryny w plikach, oficjalna wtyczka Create Block Theme może utworzyć child theme za Państwa.
Krok 1: znajdź folder motywu nadrzędnego
- W DirectAdmin otwórz Menedżer plików. Zob. Otwieranie Menedżera plików: foldery w Państwa pakiecie.
- Przejdź do
domains/example.com/public_html/wp-content/themes. - Zapisz dokładną nazwę folderu motywu, na przykład
hoofdthema. Chodzi o nazwę folderu, a nie o nazwę widoczną w WordPressie.
Krok 2: utwórz folder i plik style.css
- W folderze
themeskliknij Nowy folder i utwórz na przykładhoofdthema-child. - Otwórz ten folder, kliknij Nowy plik i utwórz
style.css. - Kliknij plik prawym przyciskiem myszy, wybierz Edytuj, wklej poniższy nagłówek i kliknij Zapisz.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Najważniejsza jest linia Template:. Musi się w niej znaleźć dokładna nazwa folderu motywu nadrzędnego, z tymi samymi wielkimi literami i łącznikami. Jeśli nazwa się nie zgadza, WordPress zgłosi brak motywu nadrzędnego.
Krok 3: functions.php lub theme.json
Motyw klasyczny: w tym samym folderze utwórz plik functions.php, który załaduje Państwa arkusz stylów:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
To, czy motyw nadrzędny sam ładuje własny arkusz stylów, zależy od motywu. Prosimy sprawdzić dokumentację motywu. Jeśli po włączeniu witryna wygląda na pozbawioną stylów, należy załadować również arkusz stylów motywu nadrzędnego, za pomocą get_template_directory_uri() . '/style.css'. Plik functions.php motywu potomnego nie zastępuje pliku motywu nadrzędnego: ładowane są oba, najpierw plik motywu potomnego. Dlatego nigdy nie należy kopiować funkcji z pliku functions.php motywu nadrzędnego, ponieważ zduplikowane nazwy funkcji powodują błąd krytyczny.
Motyw blokowy: plik functions.php zazwyczaj nie jest potrzebny. Jeśli chcą Państwo na przykład zmienić paletę kolorów, prosimy utworzyć własny plik theme.json. WordPress łączy go z plikiem motywu nadrzędnego, więc wystarczy umieścić w nim tylko to, co chcą Państwo zmienić.
Jeśli chcą Państwo zmodyfikować szablon, prosimy skopiować tylko ten jeden plik z motywu nadrzędnego w to samo miejsce w motywie potomnym i edytować kopię. WordPress najpierw szuka pliku w motywie potomnym, a następnie w nadrzędnym. Prosimy nie kopiować wszystkiego, ponieważ wówczas nie otrzymają Państwo już ulepszeń motywu nadrzędnego.
Krok 4: włączenie
- W WordPressie przejdź do Wygląd > Motywy. Państwa child theme jest widoczny na liście. Kliknij Włącz.
- Sprawdź witrynę: nagłówek, menu, widżety i kolory. W razie potrzeby ponownie ustaw menu i ustawienia Personalizacji.
- Nie usuwaj motywu nadrzędnego i dbaj o jego aktualność. Bez motywu nadrzędnego motyw potomny nie działa.
Wolą Państwo utworzyć child theme na własnym komputerze? W takim przypadku prosimy spakować folder do archiwum zip i przesłać go w WordPressie w sekcji Wygląd > Motywy za pomocą przycisku Dodaj nowy motyw, a następnie Wyślij motyw na serwer. Można też przesłać folder za pomocą Menedżera plików lub SFTP do wp-content/themes, zob. Przesyłanie i pobieranie plików.
Powrót do poprzedniego motywu
W sekcji Wygląd > Motywy ponownie włącz motyw nadrzędny. Jeśli z powodu błędu w motywie potomnym nie mają Państwo dostępu do panelu administracyjnego, prosimy w Menedżerze plików zmienić nazwę folderu motywu potomnego, na przykład na hoofdthema-child-uit. WordPress przełączy się wtedy na motyw domyślny, o ile jest on nadal zainstalowany. Więcej informacji w artykule Błąd 500 lub „błąd krytyczny” na Państwa stronie (również po aktualizacji WordPressa).
Dowiedz się więcej
- Child themes na developer.wordpress.org (w języku angielskim)
Chcą Państwo dowiedzieć się więcej? Zapraszamy na bezpłatny kurs WordPressa, lekcja 5.2 Tworzenie child theme.