Jak utworzyć motyw potomny w WordPressie?

W tym wpisie dowiesz się jak i po co korzystać z motywu potomnego w WordPressie, który możesz spotkać również pod angielską nazwą Child Theme. 

Po co pracować na motywie potomnym?

ejankowska.pl Wirtualna Asystentka Freelancer Blog WordPressJak już zapewne wiesz, aby stworzyć stronę lub bloga na WordPressie, musisz wybrać jeden z dostępnych motywów, na którym będzie opierać się Twoja strona. O motywach i o tym, czym kierować się przy ich wyborze, pisałam w poprzednim wpisie.

Motyw to swego rodzaju “szkielet”, na którym budujesz stronę, dostosowujesz jej wygląd oraz dobierasz poszczególne elementy. Czasem, aby uzyskać pożądany efekt, możesz także wprowadzać zmiany w kodzie zapisanym w plikach źródłowych strony. Dostępne są one z poziomu Wygląd -> Edytor motywu. Jednak aby mieć pewność, że strona będzie działała w poprawny sposób oraz wyświetlała się według naszych ustawień należy pracować na motywie potomnym. Dlaczego? Z dwóch głównych powodów.

1. Aktualizacja motywu i zmiany z nią związane

Motywy, tak jak wtyczki i sam WordPress, są na bieżąco aktualizowane przez ich autorów, aby polepszyć jakość i bezpieczeństwo działania poszczególnych elementów. Jeśli budujesz stronę na pewnym motywie bez utworzenia jego motywu potomnego, a następnie go zaktualizujesz, to istnieje ryzyko, że wprowadzone przez Ciebie zmiany zostaną “zresetowane” do ustawień fabrycznych motywu nadrzędnego. Utworzenie motywu potomnego chroni Cię przed resetem Twoich ustawień po aktualizacji motywu, ponieważ (mówiąc w skrócie) opiera się na kodzie źródłowym motywu nadrzędnego, ale wykorzystuje i nadpisuje na niego ustawienia, które wybrałeś podczas budowy strony.


UWAGA! Nawet, gdy korzystasz z motywu potomnego, może się zdarzyć (nieczęsto, ale jednak), że po aktualizacji motywu, wtyczek lub samego WordPressa Twoja strona nie będzie wyświetlać się poprawnie. W najlepszym razie będzie się to przejawiać rozjechanymi napisami i obrazkami, a w najgorszym zupełnym brakiem dostępu do strony dla odwiedzających. Tego typu błędy mogą wynikać z wprowadzenia większych zmian przez twórców w zasadniczej budowie nowej wersji np. motywu. Może on wtedy przestać być kompatybilny z używanymi przez Ciebie wtyczkami lub nie obsługiwać funkcji, z których dotychczas korzystałeś. Z tego powodu, przed każdą aktualizacją przeprowadzaną w WordPressie, stwórz kopię zapasową strony. Dzięki niej szybko będziesz móc przywrócić jej pierwotny wygląd. Kopię możesz wykonać np. za pomocą wtyczki UpdraftPlus.

2. Edycja plików css i php

Wprowadzając zmiany w kodzie plików źródłowych przypisanych do motywu potomnego nie ryzykujesz, że popsujesz coś w kodzie nadrzędnym motywu. W plikach motywu potomnego możesz także wprowadzić nowe formuły, które nie zostaną nadpisane przez nową wersję motywu po aktualizacji (na tej samej zasadzie, co w punkcie 1).

Niektórzy mogą teraz zapytać czy w takim razie nie byłoby łatwiej po prostu nie aktualizować motywu i innych elementów WordPressa. Otóż nie. Owszem, można pominąć jedną aktualizację, która wprowadza dla nas zbyt dużo niekorzystnych zmian. Jednak należy pamiętać, że wszystkie programy i aplikacje funkcjonujące w internecie są jak żywy organizm i mogą wpływać na pozostałe. Jeśli nie będziesz w ogóle aktualizował strony przez dłuższy czas, może się okazać, że przestanie współdziałać z innymi funkcjami, wtyczkami itp. lub po prostu będzie gorzej zabezpieczona.

Jak stworzyć motyw potomny?

Aby stworzyć motyw potomny skorzystaj z wtyczki do tego przeznaczonej, np. z Child Theme Configurator. Gdy już wgrasz i aktywujesz wtyczkę, przejdź do Narzędzia -> Child Themes i w pierwszym kroku zaznacz kropkę przy CREATE a new Child Theme. Następnie wybierz nazwę Twojego motywu-rodzica i kliknij Analyze. Powinien wtedy pojawić się komunikat w zielonej ramce o gotowości motywu do stworzenia jego motywu potomnego: This theme appears OK to use as a Child theme oraz kolejne punkty z ustawieniami dotyczącymi motywu potomnego. Nie musisz w nich nic zmieniać. Możesz nacisnąć po prostu niebieski przycisk na samym końcu Creat New Child Theme.

Jak i po co tworzyć motyw potomny na WordPressie?
Jak i po co tworzyć motyw potomny na WordPressie?

Stworzony motyw potomny powinien pojawić się w zakładce Wygląd -> Motywy. Jego nazwą będzie nazwa motywu nadrzędnego z dopiskiem Child. Aktywuj go przed rozpoczęciem pracy nad budową strony.

Rife Free Child Theme

Jak dodać pliki z kodem źródłowym do edytora motywu potomnego?

Podczas pracy na WordPressie zdarza się, że korzystając z edycji wyglądu strony w zakładce Wygląd -> Dostosuj, nie znajdziemy ustawień, dzięki którym dopasujemy wygląd strony do naszych oczekiwań. Musimy skorzystać wtedy z Edytora motywu. Znajdziesz go w zakładce Wygląd. Można w nim dodawać lub zmieniać odpowiednie formuły w plikach php i css. Wszelkie zmiany należy wówczas wprowadzić w plikach motywu potomnego.

Początkowo, gdy wejdziemy w Edytor motywu naszego motywu potomnego, mamy dostępne dwa pliki: style.css i functions.php. Opierają się one na plikach motywu-rodzica i możemy w nich dopisywać odpowiednie formuły z funkcjami, których potrzebujemy. Jednak co, jeśli chcemy edytować np. nagłówek albo stopkę poprzez zmianę lub usunięcie jakiejś formuły? Musimy wtedy skopiować odpowiednie pliki (w tym przypadku header.phpfooter.php) z motywu nadrzędnego do motywu potomnego, na którym pracujemy. Zrobimy to ponownie za pomocą wtyczki Child Theme Configurator. Wejdź w Narzędzia -> ChildThemes -> Files. Wybierz interesujące Cię pliki i naciśnij przycisk Copy Slected to Child Theme

Jak i po co tworzyć motyw potomny na WordPressie?

Wybrane pliki pojawią się w Edytorze motywu, gdzie możesz je bezpiecznie edytować.

Edycja pliku php w edytorze motywu

Najczęstszą zmianą, jaką potrzebują wprowadzić w Edytorze motywu początkujący użytkownicy WordPressa, jest usunięcie tekstu “Proudly powered by WordPress” ze stopki. Dla niektórych może być to problem, ponieważ nie każdy motyw oferuje opcję zmiany tego tekstu z poziomu Wygląd -> Dostosuj. W tym przypadku skopiuj plik footer.php do plików motywu potomnego, na którym pracujesz, odnajdź tekst w kodzie stopki i usuń go lub zamień na inny tekst.

Tutaj podaję dokładny opis jak to zrobić na przykładzie motywu Sydney.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *