Jak zrobić motyw potomny WordPress?

Chcesz zmodyfikować wygląd swojego motywu WordPress i nie bać się utraty tych zmian podczas aktualizacji? Poznaj motyw potomny WordPress.

Motyw potomny w WordPress to specjalny typ motywu, który dziedziczy funkcjonalność i styl swojego motywu nadrzędnego. Dodatkowo pozwala na dostosowanie i modyfikowanie istniejącego motywu, nie naruszając jego kodu źródłowego.

Dzięki niemu możesz dostosować wygląd i funkcje swojej strony bez ryzyka utraty tych zmian podczas aktualizacji motywu głównego.

W tym artykule przyjrzymy się bliżej motywowi potomnemu WordPress, dowiesz się jak go zbudować, czym jest i jakie są jego zalety.

Jak zrobić motyw potomny WordPress?

• Ręcznie
• Z wykorzystaniem wtyczki

Ręcznie

Poniżej znajdziesz kroki, jakie musisz wykonać, aby stworzyć motyw potomny ręcznie.

• Krok 1: Stwórz folder dla motywu potomnego
• Krok 2: Stwórz plik style.css
• Krok 3: Stwórz plik functions.php
• Krok 4: Aktywuj motyw potomny

Krok 1: Stwórz folder dla motywu potomnego

Pierwszy krok to stworzenie nowego folderu w katalogu motywów WordPress. W tym celu przejdź do lokalizacji „wp-content/themes” w strukturze plików WordPress i stwórz tam folder.

Dobrą praktyką jest, aby ten folder nazywał się tak samo, jak motyw nadrzędny z dodatkiem „-child”. Na przykład, jeśli Twoim motywem jest „generatepress” to motyw potomny powinieneś nazwać „generatepress-child”.

Nie jest to jednak wymóg a jedynie zalecenie. Jeśli Ci to nie odpowiada, nazwij go, jak chcesz. Pamiętaj, jedynie, że nazwa nie może zawierać spacji.

Krok 2: Stwórz plik style.css

Następnie stwórz plik style.css wewnątrz nowo utworzonego folderu. Ten plik powinien zawierać minimum następujące informacje:

/*
Theme Name: Nazwa Twojego Motywu Potomnego
Template: nazwa-motywu-nadrzędnego
*/

Gdzie Nazwa Twojego Motywu Potomnego to nazwa, którą chcesz nadać swojemu motywowi, a nazwa-motywu-nadrzędnego to nazwa motywu, od którego Twój motyw będzie dziedziczyć.

Krok 3: Stwórz plik functions.php

Kiedy plik style.css jest gotowy, możesz go zapisać i przejść do kolejnego kroku, którym jest utworzenie pliku functions.php. Ten plik jest niezbędny, aby motyw potomny poprawnie działał — to w nim definiuje się funkcje, które mają być wykonane przez motyw.

Plik functions.php powinien zawierać co najmniej jedną funkcję — wp_enqueue_scripts — która jest odpowiedzialna za załadowanie styli motywu nadrzędnego.

Zatrzymajmy się tutaj na moment. Załaduj te style, tylko jeśli jest to konieczne. Niektóre motywy jak na przykład GeneratePress Premium robią to automatycznie i nie musisz dodawać poniższego kodu do functions.php. Dlatego, zanim dodasz ten kod, sprawdź dokumentację swojego motywu.

Oto przykładowy kod, który możesz umieścić w pliku functions.php:

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

Krok 4: Aktywuj motyw potomny

Ostatni krok to aktywowanie motywu potomnego. Wystarczy, że zalogujesz się na swoją stronę WordPress i przejdziesz do menu „Wygląd > Motywy”. Tam powinien być widoczny nowy motyw potomny. Kliknij przycisk „Włącz”.

To wszystko! Teraz możesz zacząć dostosowywać swoją stronę, dodając nowe style i funkcje do motywu potomnego, bez obawy o utratę tych zmian podczas aktualizacji.

Z wykorzystaniem wtyczki

Poniżej znajdziesz kroki, jakie musisz wykonać, aby stworzyć motyw potomny za pomocą wtyczki.

• Krok 1: Wybierz wtyczkę
• Krok 2: Stwórz motyw potomny
• Krok 3: Skonfiguruj motyw potomny
• Krok 4: Aktywuj motyw potomny

Krok 1: Wybierz wtyczkę

Pierwszym krokiem jest wybór odpowiedniej wtyczki. Jednym z popularnych rozwiązań jest Child Theme Configurator. Instalujesz ją tak jak każdą inną wtyczkę — przez panel administracyjny WordPress, w zakładce „Wtyczki” klikając „Dodaj nową”.

Krok 2: Stwórz motyw potomny

Po instalacji przejdź do „Narzędzia > Child Themes”. Wybierz tam „CREATE a new Child Theme”.

Następnie, z rozwijanego menu, wybierz motyw, dla którego chcesz stworzyć motyw potomny i kliknij „Analyze”.

Wtyczka automatycznie sprawdzi kompatybilność. Po pozytywnej analizie zjedź w dół strony i kliknij „Create New Child Theme”.

Krok 3: Skonfiguruj motyw potomny

Wtyczka automatycznie tworzy pliki style.css i functions.php, ale można dodać inne pliki do motywu potomnego. W zakładce „Files” możesz wybrać, które pliki chcesz skopiować z motywu nadrzędnego.

Krok 4: Aktywuj motyw potomny

Ostatnim krokiem jest aktywacja stworzonego motywu potomnego. Przejdź do „Wygląd > Motywy” i włącz nowy motyw.

Brawo! Stworzyłeś motyw potomny za pomocą wtyczki. Proste, prawda? Teraz możesz bez obaw modyfikować motyw, bez ryzyka utraty zmian przy aktualizacji.

Czym jest motyw potomny WordPress?

Motyw potomny WordPress to nic innego jak rozszerzenie motywu głównego, zwanego motywem nadrzędnym.

Działa on na zasadzie dziedziczenia. Bierze wszystko, co ma motyw nadrzędny, ale daje Ci możliwość wprowadzenia zmian, które nie zostaną usunięte podczas aktualizacji.

To tak, jakbyś miał drugą, osobną warstwę, na której pracujesz, nie naruszając warstwy pierwotnej.

Jakie są zalety motywu potomnego WordPress?

Oto kilka najważniejszych:

• Bezpieczeństwo modyfikacji — Zmiany wprowadzane w motywie potomnym nie wpływają na motyw nadrzędny. To oznacza, że jeśli coś pójdzie nie tak podczas edycji motywu potomnego, motyw nadrzędny pozostaje nienaruszony. To optymalna praktyka, która eliminuje ryzyko uszkodzenia głównego motywu.
• Dostosowywanie bez granic — Możesz wprowadzać dowolne zmiany, zarówno wizualne, jak i funkcjonalne, bez ingerowania w kod motywu nadrzędnego. To oznacza, że masz pełną kontrolę nad wyglądem i funkcjami strony.
• Łatwe aktualizacje — Gdy pojawi się nowa wersja motywu nadrzędnego, można ją bezpiecznie zainstalować bez obaw o utratę zmian wprowadzonych w motywie potomnym.
• Szybki start — Motyw potomny dziedziczy wszystkie funkcje i style motywu nadrzędnego. To oznacza, że nie musisz zaczynać od zera. Możesz skupić się na dostosowywaniu strony, zamiast budować wszystko od podstaw.

Zatem, korzystając z motywu potomnego, nie tylko zyskujesz większą kontrolę nad stroną, ale także zabezpieczasz swoje zmiany przed przyszłymi aktualizacjami motywu nadrzędnego. To dobre rozwiązanie dla tych, którzy chcą indywidualnie dostosować swoją stronę WordPress.

Przydatne linki

https://developer.wordpress.org/themes/advanced-topics/child-themes/

FAQ

Podsumowanie

Tworzenie motywu potomnego WordPress jest proste i niezwykle przydatne. Jest to proces, który składa się z kilku kroków, począwszy od utworzenia nowego katalogu motywu, plików style.css i functions.php, po importowanie stylów z motywu nadrzędnego i modyfikowanie ich zgodnie z potrzebami.

Jedną z najważniejszych zalet motywu potomnego jest to, że pozwala na modyfikacje bez ingerencji w kod motywu nadrzędnego, co oznacza, że wszystkie Twoje zmiany są odporne na wszystkie jego aktualizacje.

Stworzenie motywu potomnego jest zawsze dobrą decyzją, kiedy planujesz dokonywać indywidualnych zmian w istniejącym motywie. W ten sposób możesz dostosować stronę do własnych potrzeb, jednocześnie korzystając z zalet oferowanych przez motyw nadrzędny.

Pamiętaj jednak, że tworzenie i modyfikowanie motywu potomnego wymaga pewnej wiedzy na temat WordPress i kodowania.