ustawienie dziecka theme

Instrukcja: Tworzenie i używanie motywu potomnego dla WordPressa

Rynek motywów WordPressa jest duży - znajdziesz odpowiedni motyw dla prawie każdego projektu. Ale co zrobić, jeśli chcesz wprowadzić zmiany w projekcie? W końcu chcesz się wyróżnić z tłumu. O ile niewielkie zmiany kolorów można wprowadzić za pomocą kilku linijek kodu CSS w kreatorze, o tyle nie dotyczy to złożonych modyfikacji. Zwykle wymaga to głębokiej ingerencji w pliki motywu, by osiągnąć pożądane rezultaty. Aby uniknąć chaosu, w takich przypadkach powinieneś zawsze używać motywu potomnego. Czym jest taki motyw potomny i jakie niesie ze sobą korzyści, dowiesz się w tym artykule.

Co to jest motyw potomny?

Oficjalny Podręcznik Motywu wyjaśnia, czym jest motyw potomny. Zgodnie z tym jest to motyw, który pozwala na indywidualne dopasowanie do motywu nadrzędnego i upraszcza jego używanie. Motyw nadrzędny jest dokładnie tym, co znasz jako zwykły motyw WordPressa (na przykład Avada)

Jak spośród wielu ofert znaleźć odpowiedni motyw WordPress dla swoich potrzeb, można przeczytać w tym wpisie na blogu.

Teraz ważna różnica: motyw potomny dziedziczy podstawowy wygląd i funkcjonalność motywu nadrzędnego. Zmiany wprowadzone w motywie dziecka nadpisują funkcjonalność motywu nadrzędnego.

W praktyce motyw nadrzędny pozostaje nienaruszony nawet po wprowadzeniu dużych modyfikacji. Zmiany są wprowadzane tylko w plikach o tej samej nazwie co motyw potomny. Daje to wiele korzyści, które sprawiają, że korzystanie z motywów potomnych jest tak atrakcyjne.

Kiedy motyw potomny ma sens?

Motywy potomne są niezbędne, jeśli chcesz wprowadzić zmiany w swoim motywie WordPressa i nie stracić ich. Dowiesz się dlaczego, najpóźniej wtedy, gdy dokonasz zmian w plikach motywu, a następnie zaktualizujesz motyw. Jeśli motyw zostanie zaktualizowany, wszystkie pliki motywu zostaną nadpisane, a indywidualne ustawienia zostaną logicznie utracone.

Motywy potomne są szczególnie odpowiednie dla początkujących koderów i nowicjuszy. Mogą oni wykorzystać funkcjonalność istniejącego motywu jako podstawę do realizacji własnych życzeń za pomocą motywu dziecka. Oznacza to, że kompletny motyw WordPressa nie musi być tworzony od podstaw, co jest zaletą także pod względem czasowym.

Ogólnie można powiedzieć, że powinieneś mieć pewną podstawową wiedzę w dziedzinie WordPress i tworzenia stron internetowych, tak aby motyw potomny nie tylko dawał Ci przewagę, ale także, abyś mógł z niego bezpiecznie korzystać.

Dla kogo motyw potomny nie jest odpowiedni?

Motywy potomne są zazwyczaj bardziej odpowiednie dla użytkowników, którzy dokonują większych zmian w swoich motywach. Jeśli sam masz niewielkie doświadczenie w tworzeniu stron internetowych, a twoje zmiany ograniczają się do kilku linijek kodu CSS, motyw potomny nie jest absolutnie konieczny. Zmiany te można również łatwo wprowadzić w programie Customizer of WordPress .

Nie powinieneś także wprowadzać zmian, które można wprowadzić w opcjach zainstalowanego motywu WP za pomocą motywu potomnego. Mogą to być proste zmiany kolorów, obrazków w nagłówkach lub innych opcji układu, które zostały już przewidziane przez programistę. Z reguły motyw potomny tylko niepotrzebnie spowolniłby twoją witrynę WordPress. Szybko traci się też orientację.

Jeśli zmiany w motywie potomnym przekraczają pewien zakres, lepiej będzie, jeśli stworzysz osobny motyw - jest to również zalecane przez Codex WordPressa. Dlaczego? Jeśli zmienisz zbyt wiele funkcjonalności i plików, mogą pojawić się problemy podczas aktualizacji motywu nadrzędnego.

Gdzie mogę znaleźć ten motyw?

Użytkownicy wielu bestsellerów takich jak Enfold, Avada i inne mogą być zadowoleni. Dzieje się tak dlatego, że wielu dostawców motywów oferuje już gotowe szablony potomne do pobrania dla własnych szablonów WordPress. Avada, na przykład, zawiera już odpowiednią stronę dla motywów potomnych. Z kolei użytkownicy popularnego motywu Divi, mimo licznych próśb użytkowników, nadal muszą robić to sami lub korzystać z prefabrykowanego motywu potomnego od społeczności. 

Więc zanim zaczniesz pracować na własną rękę, zawsze należy sprawdzić z dostawcą pierwszy, aby zobaczyć, czy oni już zadbali o to dla Ciebie. W końcu to oni mogą najlepiej zagwarantować, że motyw potomny z powiązanym szablonem WP działa bezbłędnie.

Samodzielne tworzenie motywu potomnego

Jeśli twój dostawca nie oferuje motywu potomnego do pobrania, to nie jest to duży problem. Stworzenie takiego motywu jest stosunkowo proste i wymaga jedynie trochę czasu, podstawowej wiedzy na temat tworzenia stron internetowych oraz dostępu S/FTP lub SSH do twojej strony. Zaleca się także korzystanie z edytora kodu.

W końcu trzy proste pliki zapewniają, że możesz wykorzystać zalety motywu potomnego. Po prostu postępuj zgodnie z poniższymi instrukcjami:

Krok 1: Utwórz folder

Jeśli uzyskałeś dostęp do swojej witryny przez FTP, pierwszym krokiem jest przejście do folderu motywów (/wp-content/themes/) w instalacji WordPressa. Tutaj musisz jedynie utworzyć folder swojego motywu potomnego. 

utworzony folder motywu potomnego
W tym przykładzie utworzyłem folder dla motywu potomnego WordPress - TwentyFifteen.

Możesz dowolnie wybrać nazwę, ale dla lepszego oglądu zaleca się dodanie "-child" do nazwy folderu motywu nadrzędnego. Jeśli tworzysz motyw potomny dla motywu WordPressa TwentyFifteen, odpowiednią nazwą folderu będzie twentyfifteen-child.

Krok 2: Utwórz style.css

W kolejnym kroku potrzebny jest arkusz stylów o nazwie style.css, który znajdzie swoje miejsce bezpośrednio w utworzonym wcześniej folderze.

Plik ten powinien być wypełniony następującą treścią:

/*
 Theme  Nazwa: Twenty Fifteen Dziecko
 Theme  URI: http://example.com/twenty-fifteen-child/
Opis: Twenty Fifteen Dziecko Theme
Autor: John Doe
Autor URI: http://example.com
Szablon: dwadzieścia piętnaście
Wersja: 1.0.0
Licencja: Powszechna Licencja Publiczna GNU v2 lub nowsza
Licencja URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tagi: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Domena tekstowa: twentyfifteenchild
*/

Nagłówek arkusza stylów zawiera różne informacje o motywie potomnym. Z wyjątkiem dwóch wierszy, informacje te nie są obowiązkowe.

Motyw i szablon muszą być wypełnione, aby motyw potomny mógł działać. Szablon zapewnia, że WordPress potrafi rozpoznać połączenie między motywem dziecka a motywem rodzica. Zapisane informacje (w przykładzie: dwadzieścia piętnaście) w motywie dziecka powinny więc odpowiadać informacjom zawartym w arkuszu stylów motywu nadrzędnego.

Krok 3: Utwórz functions.php

W trzecim kroku należy utworzyć plik functions.php dla swojego motywu potomnego. Zawartość tego pliku zapewnia, że arkusz stylów nadrzędnego motywu jest załadowany.

Skopiuj poniższą treść do pliku PHP o nazwie functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() { 

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
      );
    }

Kiedy używasz motywu potomnego w celu dostosowania go do własnych potrzeb, będziesz później dodawać rozszerzenia funkcji w tym pliku.

Krok 4: Zrzut ekranu dla Twojego motywu potomnego

Czwarty krok nie jest obowiązkowy. Jeśli chcesz, aby zrzut ekranu motywu potomnego był wyświetlany w przeglądzie motywów w twojej instalacji WordPressa, możesz przechowywać odpowiedni materiał graficzny do tego celu.

gotowy folder
Tak na końcu powinien wyglądać gotowy folder motywu potomnego - wraz ze zrzutem ekranu.

WordPress automatycznie używa pliku o nazwie screenshot.png, który znajduje się w głównym folderze motywu potomnego. Tutaj możesz popuścić wodze fantazji, kodeks WordPress zaleca rozmiar 1200px szerokości i 900px wysokości.

Krok 5: Aktywacja Child-Theme

To wszystko - wystarczy aktywować stronę Child-Theme . Odbywa się to w taki sam sposób, jak w przypadku aktywacji strony nadrzędnejTheme . Wystarczy wejść na stronę Theme w przeglądzie instalacji WordPress i wybrać dzieckoTheme , które się pojawi.

Może się zdarzyć, że po aktywacji niektóre ustawienia, które wcześniej wprowadziłeś w motywie nadrzędnym, zniknęły lub nie są już ustawione tak, jak wcześniej. To jest normalne. Najlepiej jest zainstalować i aktywować motyw potomny, zanim dokonasz pierwszych zmian w swoim motywie. 

Alternatywnie: Utwórz motyw potomny za pomocą wtyczki

zrzut ekranu wtyczki
Wtyczka WordPress sprawia, że tworzenie motywu potomnego jest wygodniejsze, ale nie jest absolutnie konieczne.

Możliwe jest również stworzenie odpowiedniego motywu potomnego poprzez wtyczkę WordPress. Jednym z najbardziej popularnych wtyczek jest w tym przypadku konfigurator Child-Theme Configurator. W ten sposób można nie tylko utworzyć motyw potomny, ale także uzyskać inne możliwości konfiguracji.

Ponieważ stworzenie takiego motywu jest bardzo proste, nawet dla mniej doświadczonych użytkowników taka wtyczka nie jest w żadnym wypadku konieczna. Jeśli chodzi o wydajność Twojej strony WordPress, to wręcz odradzam instalowanie zbyt wielu niepotrzebnych wtyczek.

Praca z motywem potomnym

Praca z motywem potomnym, który sam stworzyłeś, jest bardzo łatwa. Kiedy go aktywujesz, na twojej stronie WordPressa będzie czekał projekt motywu nadrzędnego. Jest to logiczne, ponieważ dokładnie odpowiada sposobowi działania motywu potomnego:

Każdy plik, który utworzysz w motywie potomnym, nadpisuje plik o tej samej nazwie w motywie nadrzędnym. Wyjątkami są tylko functions.php i stylesheet. Nie tylko nazwa, ale i struktura folderów powinna być dokładnie taka sama.

Na przykład, jeśli chcesz zmodyfikować stopkę (footer.php) motywu nadrzędnego, dodajesz kopię tego pliku bezpośrednio do folderu motywu potomnego. Ten plik nadpisuje teraz plik o tej samej nazwie w motywie nadrzędnym. Zmiany, których dokonasz w tym miejscu, będą widoczne na twojej stronie internetowej.

Przypadek specjalny: Plik functions.php nie jest nadpisywany, lecz ładowany przed plikiem o tej samej nazwie motywu nadrzędnego. Jeśli chcesz nadpisać poszczególne funkcje PHP motywu nadrzędnego, możesz to zrobić w pliku functions.php motywu potomnego. Ta możliwość jest tylko dla doświadczonych użytkowników. Pomoże Ci w tym ta szczegółowa instrukcja.

Podsumowanie: Praktyczna, niezbędna funkcja!

Stworzenie motywu potomnego jest stosunkowo proste. Wykorzystanie takiego motywu nie jest też szczególnie trudne w codziennym życiu. Właśnie dlatego motyw potomny jest zalecany dla wszystkich użytkowników WordPressa, którzy chcą wprowadzać zmiany w swoim motywie "poprawnie". Zalety wyraźnie przeważają nad wadami.

Nie ma prawie żadnych wad. Choć często wspomina się o możliwym spadku wydajności związanym z motywami potomnymi, jest on - jeśli w ogóle - minimalny. Motywy potomne są stosunkowo niewielkie, ponieważ zazwyczaj zawierają tylko kod modyfikacji.

Niemniej jednak, zawsze należy dokładnie wiedzieć, co się robi, korzystając z motywu potomnego. Również tutaj można szybko sprawić, że strona WordPress stanie się bezużyteczna i będzie pokazywać tylko błędy. Do takich modyfikacji niezbędna jest kopia zapadowa WordPress - w razie wątpliwości zawsze należy skonsultować się z profesjonalistą posiadającym odpowiednią wiedzę.

Zdjęcie dodane: Anthony Robert | Unsplash

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.