Motywy podrzędne WordPress. Na początku mogą się wydawać zastraszające, ale kiedy poznasz tajniki (i piękno) motywów potomnych WordPress, będziesz się dobrze bawić. W tym poście podzielimy motyw podrzędny WordPress na różne części. Mówiąc inaczej, nauczymy się:


  • Co to jest motyw podrzędny WordPress
  • Zalety motywów potomnych WordPress
  • Wady motywów potomnych WordPress
  • Jak utworzyć motyw podrzędny WordPress
  • Zasoby motywu podrzędnego WordPress

Co to jest motyw podrzędny WordPress?

Czym jest motyw podrzędny WordPress?

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

ZA motyw nadrzędny to typowy motyw WordPress, taki jak nasz najlepiej sprzedający się motyw Total WordPress, domyślny motyw Twenty Fourteen lub dowolny inny motyw, którego używasz w swojej witrynie.

Najbardziej podstawowym motywem potomnym WordPress jest po prostu folder zawierający specjalny plik style.css. Nie martw się, wszystko wyjaśnię. Jedno z pytań, które prawdopodobnie przechodzi teraz przez twoją głowę, brzmi: dlaczego miałbyś chcieć użyć motywu podrzędnego, skoro istnieje wiele motywów nadrzędnych?

Odpowiedź jest dość prosta. Większość motywów nadrzędnych otrzymuje od czasu do czasu aktualizacje. Tak więc, jeśli weźmiesz motyw nadrzędny i dostosujesz kod (i styl), stracisz wszystkie te zmiany przy następnej aktualizacji motywu. W tym miejscu pojawiają się motywy podrzędne WordPress. Motyw podrzędny WordPress umożliwia dostosowanie motywu nadrzędnego bez ryzyka utraty zmian podczas aktualizacji. Oczywiście możesz zrezygnować z aktualizacji, jeśli nie masz nic przeciwko wystawianiu swojej witryny hakerom.

Iść dalej…

Kilka akapitów wcześniej wspomniałem, że motywy potomne „pożyczają” pliki szablonów i funkcje od motywów nadrzędnych. Jak to się stało? Pomyśl o motywach potomnych jako cień tematy; naśladują motywy nadrzędne. To wszystko przypomina tworzenie kopii motywu nadrzędnego bez kopiowania czegokolwiek. Brzmi jak magia, prawda?

Naciśnij przycisk zatrzymania. Jak utworzyć kopię motywu nadrzędnego bez kopiowania czegokolwiek? Sekret zrozumienia motywów potomnych leży w specjalnym pliku style.css, o którym wspominaliśmy wcześniej. Właściwie sekretem jest pojedyncza linia znaleziona w style.css. O którą linię pytasz? Więcej o tym za chwilę. Ponieważ w tym wpisie utworzymy motyw podrzędny, przedstawię kilka podstawowych pojęć, aby odsłonić linię, o której mówię, i lepiej zrozumieć motywy podrzędne.

Aby zbudować motyw podrzędny, musisz utworzyć folder (motyw podrzędny) w katalogu motywów WordPress. Możesz nadać folderowi dowolną nazwę (lub nazwę). Następnie musisz utworzyć style.css z następującym kodem:

/ *
Nazwa motywu: nazwa motywu podrzędnego (np. Motyw podrzędny ogółem)
Identyfikator URI motywu: http://www.example.com (adres URL motywu dziecka)
Opis: krótki opis motywu dziecka
Autor: Twoje imię idzie tutaj
Szablon: nazwa katalogu motywu nadrzędnego (np. Łącznie, dwadzieścia cztery itd.)
Wersja: 1.0.0
* /

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

Szablon: nazwa katalogu motywu nadrzędnego (np. Łącznie, dwadzieścia cztery itd.)

Ta linia informuje motyw potomny, z którego motywu macierzystego 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 potomny 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 tego wiersza nie masz motywu potomnego. Masz tylko folder i typowy plik style.css.

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

Jakie są zalety korzystania z motywu podrzędnego?

Korzystanie z motywu podrzędnego ma wiele zalet i zalecamy każdemu, kto używa motywu, który nie został specjalnie zaprojektowany dla swojej witryny, do skonfigurowania i aktywowania motywu podrzędnego. Wymieniliśmy niektóre kluczowe zalety korzystania z motywu podrzędnego i powody, dla których powinieneś go wziąć pod uwagę.

Sukces

Bezpieczne aktualizacje

Motywy potomne WordPress jedynie pożyczają funkcje, szablony i style z motywu nadrzędnego. Umożliwia to dostosowanie witryny 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 podrzędne są łatwo rozszerzalne

Motywy potomne WP zapewniają dużą elastyczność. Możesz 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 bezpłatnych ram motywów z rozszerzalnymi opcjami na początek.

Motywy potomne są bezpieczne

Każdy programista jest człowiekiem i wszyscy wiemy, że popełnianie błędów jest ludzkie. Wszyscy popełniają błędy i wszyscy zapominają. To powiedziawszy, będziesz w zupie, jeśli zapomnisz zakodować coś podczas korzystania z motywu nadrzędnego. W przypadku motywów potomnych sytuacja wygląda nieco inaczej. Jeśli zapomnisz trochę 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ą negatywne strony korzystania z motywu podrzędnego?

Chociaż ogólnie motywy podrzędne są niesamowite, zalecamy wszystkim, którzy korzystają z WordPress, aktywować motyw podrzędny na swojej stronie, jeśli planują wprowadzić potencjalne poprawki w przyszłości, są to pewne rzeczy, o których należy pamiętać.

Istnieje krzywa uczenia się

Motywy potomne służą przede wszystkim do rozszerzenia lub dostosowania funkcjonalności motywu nadrzędnego, co oznacza, że ​​jeśli nie jesteś programistą, nie będziesz w stanie wiele zrobić z motywem potomnym i będziesz chciał nauczyć się programowania pełny potencjał motywu dziecka. Jeśli więc jesteś nowicjuszem, potrzebujesz czasu, aby nauczyć się działania motywów nadrzędnych i ogólnie WordPress (a także odrobiny kodu), aby w pełni wykorzystać potencjał motywów potomnych. Niemniej jednak musisz zarobić na swoje paski. W końcu błyskawicznie będziesz kodował jak profesjonaliści!

Rzeczy się psują lub pozostają

Jeśli witryna została zbudowana wokół motywu nadrzędnego, może być konieczne dostosowanie kilku rzeczy (np. Menu, widżety i / lub opcje motywu) po przejściu na motyw podrzędny. Niektóre motywy zapisują ustawienia w bazie danych na podstawie nazwy motywu, więc po przejściu do motywu podrzędnego może się wydawać, że utraciłeś wszystkie ustawienia motywu nadrzędnego (ustawienia Customizer), ale nie martw się, są bezpieczne w bazie danych, ale będziesz w takim przypadku musisz wrócić do rodzica, aby móc skopiować ustawienia i przenieść je. W naszym motywie Total udostępniamy przydatny panel Importuj / Eksportuj 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 potomnego w celu zapewnienia dodatkowej funkcji w witrynie, zamiast używania wtyczki, jeśli kiedykolwiek zmienisz motyw nadrzędny, być może będziesz musiał przenieść niektóre z tych poprawek na nowy motyw potomny, zmienić nazwę obecnego motywu potomnego lub przenieść dostosowuje się do niestandardowej wtyczki.

Jak utworzyć motyw podrzędny WordPress?

Chcę założyć, że jesteś proaktywny i utworzyłeś folder i „specjalny” plik style.css dla motywu podrzędnego. Jeśli właśnie przeskoczyłeś do tej części (lub niecierpliwie czekałeś na tę sekcję), otwórz katalog motywów WordPress przez FTP / SFTP (… / wp-content / themes) i utwórz folder, w którym będziesz przechowywać motyw potomny.

Uwaga: Możesz uzyskać dostęp do katalogu motywów za pomocą Menedżera plików w swoim cPanelu. Alternatywnie możesz użyć klienta FTP, takiego jak FileZilla jeśli masz włączone konta FTP.

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

/ *
Nazwa motywu: nazwa motywu podrzędnego (np. Motyw podrzędny ogółem)
Identyfikator URI motywu: http://www.example.com (adres URL motywu dziecka)
Opis: krótki opis motywu dziecka
Autor: Twoje imię idzie tutaj
Szablon: nazwa katalogu motywu nadrzędnego (np. Łącznie, dwadzieścia cztery itd.)
Wersja: 1.0.0
* /

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

Prześlij plik style.css do folderu motywu podrzędnego. W tym momencie plik style.css jest pusty (poza powyższymi liniami, które nie robią nic pod względem stylizacji), więc nie oczekuj, że motyw podrzędny będzie wyglądał podobnie do motywu nadrzędnego. Aby pokonać tę przeszkodę, możesz zaimportować style.css motywu nadrzędnego, tworząc nowy pusty plik functions.php w folderze motywu podrzędnego i dodając następujący kod PHP:

funkcja total_child_enqueue_parent_theme_style () {

// Dynamicznie pobierz numer wersji nadrzędnego arkusza stylów (pozwala przeglądarkom na ponowne buforowanie arkusza stylów podczas 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 (), $ wersja);

}
add działań („wp_enqueue_scripts”, „total_child_enqueue_parent_theme_style”);

Pamiętaj, aby zmienić miejsce, w którym jest napisane „Razem”, aby być nazwą motywu nadrzędnego. Umożliwi to motywowi podrzędnemu dynamiczne aktualizowanie numeru wersji dołączonego do nadrzędnego style.css, więc gdy motyw nadrzędny zostanie zaktualizowany, jeśli w pliku nadrzędnym nastąpią jakiekolwiek zmiany w pliku style.css, przeglądarka i CDN ( jeśli używasz jednego) ponownie buforuj arkusz stylów i zapobiegaj problemom CSS podczas przeglądania witryny.

Dostosowywanie motywu dziecka

dostosowania motywów potomnych

Teraz nadchodzi zabawa. Najprawdopodobniej utworzyłeś motyw podrzędny w celu dostosowania, więc zanurz się!

  • Aby dostosować motyw podrzędny, po prostu dodaj swoje style do utworzonego pliku style.css. Zastąpią one odpowiednie style znalezione 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żna kopiować tylko pliki szablonów. Jeśli więc w kompozycji znajdują się określone pliki dla pliku włączeń, inc, funkcji lub innego folderu zawierającego niestandardowe klasy i funkcje, możesz nie mieć możliwości ich skopiowania i zmodyfikowania. W takich przypadkach warto rozważyć użycie filtrów lub haczyków czynności do zmodyfikowania domyślnych funkcji motywu nadrzędnego.
  • Możesz dodać niestandardowe pliki szablonów do motywu podrzędnego, aby uzyskać więcej funkcji
  • Użyj pliku functions.php motywu podrzędnego, aby dodać niestandardowe funkcje i użyć motywu nadrzędnego lub filtrów WordPress. Nie dodawaj nowych funkcji do pliku functions.php w motywie nadrzędnym!

WordPress najpierw załaduje pliki szablonów i style do motywu podrzędnego, ale jeśli czegoś brakuje, załaduje odpowiednie pliki do motywu nadrzędnego. Och tak, motywy potomne są bezpieczne, ale założę się, że już to powiedzieliśmy.

I to wszystko.


Podsumowując…

Motywy potomne są bardzo potężne, jeśli chodzi o dostosowywanie i rozszerzanie. Ponadto zapewniają dobre podstawy do nauki wszystkim, którzy chcą nauczyć się tworzenia motywów WordPress. Są proste i przyjemne w tworzeniu i dają wiele opcji, aby zmienić stronę WordPress w dowolny sposób.

Projektuj i baw się dobrze, i nie odchodź przed podzieleniem się z nami w komentarzach poniżej. Uwielbiamy i cenimy Twoją opinię ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me