WordPress Child Theme Kompletny Przewodnik

Motywy potomne WordPress. Na początku mogą brzmieć (i wydawać się) zastraszające, ale gdy poznasz tajniki (a także piękno) motywów dziecięcych WordPress, będziesz się dobrze bawić. W tym poście podzielimy motyw potomny WordPress na różne części. Mówiąc inaczej, nauczymy się:

• Co to jest motyw potomny WordPress
• Zalety motywów dziecięcych WordPress
• Wady WordPress Child Themes
• Jak Utworzyć Motyw Potomny WordPress
• Zasoby Motywu Potomnego WordPress

Co To Jest Motyw Potomny WordPress?

Co to jest motyw potomny WordPress?

Motyw potomny WordPress to w zasadzie motyw WordPress, który „pożycza” pliki szablonów i funkcje z innego motywu WordPress znanego jako motyw nadrzędny. Nie bij jeszcze niczego, wyjaśnię wszystko szczegółowo, obiecuję.

A motyw nadrzędny to typowy motyw WordPress, taki jak nasz najlepiej sprzedający się motyw WordPress, domyślny motyw dwadzieścia czternaście lub dowolny motyw, którego używasz na swojej stronie.

Najbardziej podstawowy motyw potomny WordPress to po prostu folder zawierający specjalny styl.plik css. Nie martw się, wszystko będzie miało sens, jak ci to wyjaśnię. Jednym z pytań, które prawdopodobnie teraz przechodzi przez twoją głowę, jest: Dlaczego ktoś chciałby używać motywu dziecka, podczas gdy istnieje wiele motywów rodziców?

Odpowiedź jest dość prosta. Większość motywów nadrzędnych otrzymuje aktualizacje od czasu do czasu. Tak więc, jeśli weźmiesz motyw nadrzędny i dostosujesz kod (i styl), stracisz wszystkie te zmiany przy następnej aktualizacji motywu. To tutaj pojawiają się motywy potomne WordPress. Motyw potomny WordPress daje Ci możliwość dostosowania motywu nadrzędnego bez ryzyka utraty zmian podczas aktualizacji. Oczywiście możesz zrezygnować z aktualizacji, jeśli nie masz nic przeciwko udostępnieniu swojej witryny hakerom.

Moving on…

Kilka akapitów temu wspomniałem, że motywy potomne „pożyczają” pliki szablonów i funkcjonalność z motywów nadrzędnych. Jak to się stało? Myśl o tematach dziecięcych jako Cień tematy; naśladują motywy rodzica. To wszystko jak tworzenie kopii motywu nadrzędnego bez kopiowania czegokolwiek. Brzmi jak magia, prawda?

Naciśnij przycisk zamrażania. Jak utworzyć kopię motywu nadrzędnego bez kopiowania czegokolwiek? Sekret zrozumienia motywów dziecięcych tkwi w specjalnym stylu.plik css, o którym wspominaliśmy wcześniej. Sekret tkwi w jednej linijce znajdującej się wewnątrz stylu.css. O którą linijkę pytasz? Więcej na ten temat za chwilę. Ponieważ w dalszej części tego postu stworzymy motyw potomny, przedstawię tylko kilka podstawowych pojęć, aby ujawnić linię, o której mówię i dać Ci lepsze zrozumienie motywów potomnych.

Aby zbudować motyw potomny, musisz utworzyć folder (dla motywu potomnego) w katalogu motywów WordPress. Możesz nazwać folder bez względu na to (lub po swoim motywie).  Następnie musisz stworzyć styl.css z następującym kodem:

/*
Nazwa motywu: nazwa motywu podrzędnego (np.
Temat URI: http://www.example.com (adres URL motywu podrzędnego)
Opis: Krótki opis motywu dziecka
Autor: Twoje imię idzie tutaj
Szablon: nazwa katalogu motywu nadrzędnego (np. Total, twentyfourteen, itp.)
Wersja: 1.0.0
*/

Musisz zachować ten styl.css w folderze motywu podrzędnego. Teraz wróć do szóstej (szóstej) linii kodu powyżej. Zobaczysz:

Szablon: nazwa katalogu motywu nadrzędnego (np. Total, twentyfourteen, itp.)

Ta linia informuje motyw potomny, z którego motywu nadrzędnego pożyczyć funkcje i pliki szablonów. Ta prosta linia łączy motyw podrzędny z motywem nadrzędnym, działając jako kanał, przez który motyw podrzędny otrzymuje pliki szablonów i funkcje z motywu nadrzędnego. Oznacza to, że musisz mieć motyw nadrzędny zainstalowany na platformie WordPress.

Wystarczy powiedzieć, że bez tej linii nie masz motywu potomnego. Masz tylko folder i typowy styl.plik css.

Podsumowując, linia szablonu dziedziczy (większość) motywu nadrzędnego po aktywacji motywu podrzędnego. Wszystkie zmiany wprowadzone do motywu podrzędnego nie zostaną naruszone, jeśli/po aktualizacji motywu nadrzędnego. Jak ci się podoba to Wyjaśnienie? Nadążasz, czy nie jest to wystarczająco jasne? Jeśli jesteś ze mną, przejdźmy do zalet i wad motywów potomnych WordPress.

Jakie są korzyści z używania motywu podrzędnego?

Istnieje wiele korzyści z korzystania z motywu podrzędnego i zalecamy każdemu, kto używa motywu, który nie został specjalnie zbudowany dla swojej witryny, aby skonfigurować i aktywować motyw podrzędny. Wymieniliśmy niektóre z kluczowych zalet korzystania z motywu podrzędnego i dlaczego warto go zdecydowanie rozważyć.

Bezpieczne Aktualizacje

Motywy potomne WordPress po prostu pożyczają funkcje, szablony i style z motywu nadrzędnego. Pozwala to dostosować witrynę bez dotykania motywu nadrzędnego. Dlatego za każdym razem, gdy programiści aktualizują motyw nadrzędny, możesz bezpiecznie uaktualnić swoją witrynę bez utraty niestandardowych zmian.

Motywy potomne są łatwo rozszerzalne

WP child themes daje Ci dużą elastyczność. Można tworzyć nowe pliki szablonów, które nie były częścią motywu nadrzędnego. Możesz dodawać nowe funkcje, style i wiele więcej. Ponadto istnieje wiele komercyjnych i darmowych RAM motywów z rozszerzalnymi opcjami na dobry początek.

Motywy dziecięce są bezpieczne

Każdy deweloper jest człowiekiem i wszyscy wiemy, że błądzenie jest ludzkie. Każdy popełnia błędy i każdy zapomina. To powiedziawszy, będziesz w zupie, jeśli zapomnisz kodować coś podczas korzystania z motywu nadrzędnego. Sprawy mają się nieco inaczej w przypadku motywów dziecięcych. Jeśli zapomnisz kodu, WordPress automatycznie załaduje alternatywę (lub oryginał) z motywu nadrzędnego. Oczywiście jest to prawdą tylko wtedy, gdy kod istnieje w motywie nadrzędnym.

Jakie są negatywy korzystania z motywu potomnego?

Chociaż ogólnie motywy dziecięce są niesamowite i zalecamy, aby wszyscy korzystający z WordPress aktywowali motyw dziecięcy na swojej stronie, jeśli planują wprowadzić jakiekolwiek potencjalne poprawki w przyszłości, są to pewne rzeczy, o których należy pamiętać.

Jest krzywa uczenia się

Motywy podrzędne służą przede wszystkim do rozszerzania lub dostosowywania funkcjonalności motywu nadrzędnego, co oznacza, że jeśli nie jesteś programistą, niewiele będziesz mógł zrobić z motywem podrzędnym i będziesz chciał nauczyć się kodowania, aby w pełni wykorzystać potencjał motywu podrzędnego. Więc jeśli jesteś początkującym, potrzebujesz czasu, aby nauczyć się działania motywów nadrzędnych i WordPress (a także trochę kodu) w ogóle, aby cieszyć się pełnym potencjałem motywów podrzędnych. Mimo wszystko, musicie zasłużyć na swoje paski. W końcu będziesz kodować jak profesjonaliści w mgnieniu oka!

Rzeczy łamią się lub zostają

Jeśli zbudowałeś swoją witrynę wokół motywu nadrzędnego, być może będziesz musiał dostosować kilka rzeczy (np. menu, Widżety i/lub opcje motywu) po przejściu do motywu podrzędnego. Niektóre motywy zapisują ustawienia w bazie danych na podstawie nazwy motywu, więc po przełączeniu na motyw potomny może wyglądać, jakbyś stracił wszystkie ustawienia motywu nadrzędnego (ustawienia dostosowywania), ale nie martw się, że są bezpieczne w bazie danych, ale jeśli tak jest, musisz przełączyć się z powrotem na rodzica, abyś mógł skopiować ustawienia i przenieść je. W naszym całkowitym motywie zapewniamy przydatny panel importu / eksportu bezpośrednio na pulpicie nawigacyjnym, dzięki czemu możesz skopiować ustawienia dostosowywania motywu przed przełączeniem na motyw podrzędny i przenieść je.

Dodatkowo, jeśli używasz motywu podrzędnego, aby zapewnić dodatkową funkcję w swojej witrynie, a następnie za pomocą wtyczki, jeśli kiedykolwiek przełączysz motyw nadrzędny, być może będziesz musiał przenieść niektóre te poprawki na nowy motyw podrzędny, zmienić nazwę bieżącego motywu podrzędnego lub przenieść poprawki do niestandardowej wtyczki.

Jak Stworzyć Motyw Potomny WordPress?

Chcę założyć, że jesteś proaktywny i utworzyłeś folder i styl „specjalny”.plik css dla motywu podrzędnego. Jeśli po prostu pominąłeś tę część (lub niecierpliwie czekałeś na tę sekcję), otwórz katalog motywów WordPress za pośrednictwem FTP/SFTP (…/wp-content/themes) i utwórz folder, w którym będziesz Przechowywać motyw potomny.

Następnie otwórz swój ulubiony edytor tekstu (mój Notepad++) i Utwórz styl.plik css z następującymi informacjami:

/*
Nazwa motywu: nazwa motywu podrzędnego (np.
Temat URI: http://www.example.com (adres URL motywu podrzędnego)
Opis: Krótki opis motywu dziecka
Autor: Twoje imię idzie tutaj
Szablon: nazwa katalogu motywu nadrzędnego (np. Total, twentyfourteen, itp.)
Wersja: 1.0.0
*/

To ten sam kod, którego użyliśmy wcześniej.

Prześlij swój styl.plik css do folderu motywu podrzędnego. W tym momencie, Twój styl.plik css jest pusty (oprócz powyższych linii, które nie robią nic pod względem stylizacji), więc nie oczekuj, że Twój motyw potomny będzie wyglądał podobnie do Twojego motywu nadrzędnego. Aby pokonać tę przeszkodę, możesz zaimportować styl motywu nadrzędnego.css poprzez tworzenie nowych pustych funkcji.plik php wewnątrz folderu motywu potomnego i dodanie następującego kodu PHP:

function total_child_enqueue_parent_theme_style () {
	
	// Dynamicznie Pobierz numer wersji arkusza stylów nadrzędnych (pozwala przeglądarkom ponownie buforować arkusz stylów po aktualizacji motywu)
	$theme = wp_get_theme ('Total');
	$version = $theme - > get ('Version' );
	
	// Załaduj arkusz stylów
	wp_enqueue_style ('parent-style', get_template_directory_uri ().'/style.css', array (), $version);
	
}
add_action ('wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style');

Pamiętaj, aby zmienić miejsce, w którym jest napisane „Total”, aby było nazwą Twojego motywu nadrzędnego. Pozwoli to motywowi podrzędnemu na dynamiczną aktualizację numeru wersji dołączonego do stylu nadrzędnego.css, więc gdy motyw nadrzędny jest aktualizowany, jeśli nastąpiły jakiekolwiek zmiany w stylu.plik css w motywie nadrzędnym pozwoli przeglądarce i CDN (jeśli go używasz) ponownie buforować arkusz stylów i zapobiec problemom z CSS podczas przeglądania witryny.

Dostosowywanie Motywu Dziecka

Teraz zabawna część. Najprawdopodobniej stworzyłeś swój motyw potomny, aby dokonać dostosowań, więc zanurz się!

• Aby dostosować motyw potomny, po prostu dodaj swoje style do stylu.utworzony przez Ciebie plik css. Nadpisują one odpowiednie style znajdujące się w motywie nadrzędnym.
• Aby edytować pliki szablonów, najpierw skopiuj je do motywu podrzędnego, a następnie edytuj je stamtąd. Ale nie wszystkie pliki można skopiować do motywu podrzędnego i zmodyfikować, możesz tylko skopiować pliki szablonów. Jeśli więc motyw zawiera pewne pliki w folderze includes, Inc, functions lub innym, które zawierają niestandardowe klasy i funkcje, możesz nie być w stanie ich skopiować i zmodyfikować. W takich przypadkach możesz chcieć używać filtrów lub hooków akcji do modyfikowania domyślnych funkcji motywu nadrzędnego.
• Możesz dodać niestandardowe pliki szablonów do motywu podrzędnego, aby uzyskać więcej funkcji
• Użyj funkcji motywu podrzędnego.plik php do dodawania niestandardowych funkcji i korzystania z motywu nadrzędnego lub filtrów WordPress. Nie dodawaj nowych funkcji do funkcji.plik php w temacie rodzica!

WordPress najpierw załaduje pliki szablonów i style w motywie podrzędnym, ale jeśli czegoś brakuje, załaduje odpowiednie pliki w motywie nadrzędnym. O tak, motywy dziecięce są bezpieczne, ale założę się, że już to powiedzieliśmy.

I to wszystko.

Aby zakończyć sprawy…

Motywy potomne są bardzo potężne, jeśli chodzi o dostosowywanie i rozszerzalność. Co więcej, zapewniają dobre podstawy do nauki dla każdego, kto chce nauczyć się tworzenia motywów WordPress. Są proste i przyjemne w tworzeniu i dają wiele opcji, aby zmienić witrynę WordPress w dowolny sposób.

Zaprojektuj i baw się dobrze, i nie opuszczaj przed podzieleniem się z nami w komentarzach poniżej. Kochamy i cenimy Twoją opinię 🙂