TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak stworzyć motyw potomny w WordPressie?

11

Jak sama nazwa wskazuje, motyw potomny to motyw dziedziczący funkcje motywu nadrzędnego. Będzie to wyświetlane w panelu administratora WordPress, jak każdy inny motyw w sekcji „Wygląd > Motywy". W tym artykule omówimy, jakie scenariusze możesz potrzebować motywu potomnego i jak utworzyć motyw potomny w WordPress, a także często napotykane problemy z motywami potomnymi.

Dlaczego ludzie modyfikują podstawowe pliki motywów?

Ponad 80% użytkowników WordPressa potrzebuje dostosowania swojego motywu nadrzędnego, niezależnie od tego, czy motyw nadrzędny jest bezpłatnie pobierany z repozytorium WordPressa, czy też zakupiony w usługach stron trzecich. Idealnie byłoby, gdyby motywy były połączone z ogólnymi funkcjami, aby zaspokoić większą bazę użytkowników, zamiast skupiać się na konkretnych potrzebach.

Poniżej znajduje się kilka typowych przypadków, w których może być konieczne zmodyfikowanie plików motywu nadrzędnego:

  • Aby ulepszyć funkcje motywu nadrzędnego, może być konieczne dodanie funkcji lub określonych kodów php do dowolnego pliku głównego motywu, takiego jak functions.php.
  • Aby ulepszyć działanie którejkolwiek z wtyczek zainstalowanych w Twojej witrynie, może być konieczne zmodyfikowanie plików motywu rodzica.
  • Czasami wymagane są poprawki w pliku motywu z powodu konfliktu z funkcjami, takimi jak e-maile, udostępnianie itp.
  • Może być konieczne zmodyfikowanie układu swoich postów lub stron. Na przykład, zamiast pokazywać datę publikacji na artykułach, możesz chcieć wyświetlić datę ostatniej aktualizacji, która wymaga modyfikacji w pliku single.php motywu nadrzędnego.
  • Tworzenie niestandardowych typów postów, taksonomii i wszelkich dodatkowych dostosowań.
  • Możesz dodawać kody reklamowe bezpośrednio w szablonach php.

Zazwyczaj użytkownicy aktualizują plik motywów bezpośrednio, aby osiągnąć takie niestandardowe potrzeby. Problem polega na tym, że za każdym razem, gdy Twój rodzic jest aktualizowany, stracisz wszystkie niestandardowe zmiany lub będziesz musiał powtórzyć zmiany w zaktualizowanym motywie. Wierz lub nie, ale śledzenie modyfikacji motywu będzie bolesnym zadaniem i najprawdopodobniej zapomnisz o jednej lub drugiej funkcji podczas ponownej aktualizacji motywu nadrzędnego.

Oprócz użytkowników, twórcy motywów WordPress potrzebują wielu dostosowań do głównego motywu, aby testować i rozwijać nowe funkcje. Posiadanie motywu podrzędnego pomaga programistom w szybkim testowaniu i tworzeniu nowego motywu.

Dlaczego potrzebujesz motywu potomnego?

Ponieważ dostosowanie motywu nadrzędnego jest nieuniknione, warto obejść się nad utrzymaniem motywu nadrzędnego bez zmian i jednocześnie dodatkowymi dostosowaniami. WordPress oferuje to za pomocą motywu potomnego, który dziedziczy wszystkie funkcje motywu nadrzędnego wraz z dodatkowymi dostosowaniami zdefiniowanymi w motywie potomnym. W ten sposób możesz przechowywać wszystkie swoje dostosowania w osobnym polu, nie martwiąc się o aktualizację motywu nadrzędnego.

Jak stworzyć motyw potomny w WordPressie?

Tworzenie motywu potomnego w WordPressie jest łatwe, więc nie musisz wpadać w panikę ani martwić się kwestiami technicznymi. Możesz to zrobić ręcznie bezpośrednio z pulpitu administracyjnego WordPress, a my wyjaśnimy instrukcje krok po kroku, jak poniżej.

Tworzenie lokalnego folderu motywów potomnych

Wyjaśnimy na przykładzie motywu WordPress „dwadzieścia szesnaście” jako motyw nadrzędny i stworzymy motyw potomny o nazwie „dwadzieścia szesnaście-dziecko” dla łatwego do zrozumienia celu. Chociaż możesz podać dowolną nazwę, przedrostek „-child” pomoże zrozumieć, że jest to motyw potomny, szczególnie w środowisku wielu użytkowników.

Pierwszym krokiem jest utworzenie nowego folderu na komputerze PC lub Mac i nazwanie go „dwadzieścia szesnaście-dziecko”. Wewnątrz folderu utwórz dwa zwykłe pliki tekstowe i nazwij je „style.css” i „functions.php”. Możesz również skopiować te dwa pliki z motywu nadrzędnego dwadzieścia szesnaście i usunąć zawartość, aby mieć puste pliki. Struktura folderów powinna wyglądać jak poniżej na twoim komputerze:

Jak stworzyć motyw potomny w WordPressie?

Lokalne tworzenie folderu motywów potomnych

Tworzenie pliku style.css dla motywu potomnego

Tworzenie arkusza stylów dla motywu potomnego

Drugim krokiem jest otwarcie pliku style.css i wklejenie następującego kodu:

/* Theme Name:   Child Twenty Sixteen Theme URI:    http://www.yoursite.com/twenty-sixteen-child/ Description:  Twenty Sixteen Child Theme Author:       Your Name Author URI:   http://www.yoursite.com Template:     twentysixteen Version:      1.0.0 License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain:  twenty-sixteen-child */

Zastąp twojawitryna.com i nazwisko autora własnymi danymi. Symbol zastępczy „Szablon” jest ważny, aby odnosić się do nazwy motywu nadrzędnego, w naszym przykładzie używamy „dwadzieścia szesnaście” jako szablonu.

Kolejkowanie stylu rodzica do motywu potomnego

Trzecim i ostatnim krokiem jest połączenie arkusza stylów motywu nadrzędnego z motywem potomnym. Metoda importu poprzez dodanie „@import url(„../dwadzieścia szesnaście/style.css”);” style.css motywu podrzędnego nie jest już najlepszym rozwiązaniem, a zalecanym sposobem jest kolejkowanie stylu nadrzędnego do stylu motywu podrzędnego. W tym celu dodaj następujący kod w pliku functions.php motywu potomnego:

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

Tutaj założenie jest takie, że motyw nadrzędny ma tylko jeden plik style.css, który jest prawdziwy dla dwudziestu szesnastu w tym przykładzie. Jeśli twój motyw ma więcej niż jeden arkusz stylów, upewnij się, że wszystkie zależności są umieszczone w kolejce do pliku functions.php motywu potomnego.

Otóż ​​to!!! Utworzyłeś teraz motyw podrzędny, a następnym krokiem jest przesłanie go na swoją stronę.

Przesyłanie i aktywowanie motywu potomnego

Zarchiwizuj folder „dwadzieścia szesnaście dzieci” na komputerze PC lub Mac do pliku .zip, ponieważ motyw WordPress powinien być w skompresowanym formacie zip. Skompresowany plik zip motywu potomnego powinien mieć style.css i functions.php, jak utworzono powyżej. Teraz zaloguj się do pulpitu administratora WordPress i przejdź do „Wygląd > Motywy” i prześlij plik motywu potomnego „twentysixteen-child.zip”. Po pomyślnym przesłaniu motyw potomny można zobaczyć w „Wygląd> Motywy”, które można aktywować jak inne motywy.

Jak stworzyć motyw potomny w WordPressie?

Aktywacja motywu potomnego w WordPress

Możesz nie znaleźć żadnych różnic w witrynie, ponieważ motyw potomny używa również stylu i szablonów motywu nadrzędnego.

Modyfikowanie stylu rodzica

Oto ważna potrzeba motywu potomnego, aby dostosować style i inne szablony motywu nadrzędnego. Wszelkie definicje stylów w pliku style.css motywu potomnego ZASTĄPIĄ definicję w motywie nadrzędnym style.css. Na przykład motyw nadrzędny dwadzieścia szesnaście ma kolor tła treści #1a1a1a, który można zmienić na #5a1c1c, po prostu dodając następujący kod wewnątrz dwudziestego szesnastka-dziecka style.css:

body { kolor tła: #5a1c1c;}

Nie kopiuj i nie wklejaj całego nadrzędnego pliku style.css do motywu potomnego, dodaj tylko poszczególne selektory, które chcesz nadpisać w motywie nadrzędnym.

Dodawanie dodatkowych funkcji

Podobnie jak w przypadku stylów, możesz również dodać dodatkowe funkcje do functions.php motywu potomnego zamiast modyfikować plik motywu nadrzędnego. Różnica polega na tym, że gdy plik style.css motywu potomnego nadpisuje styl rodzica, wszelkie funkcje zdefiniowane w functions.php motywu potomnego będą ładowane DODATKOWO do pliku function.php rodzica. Zasadniczo plik functions.php motywów potomnych jest ładowany przed plikiem functions.php rodzica i pomaga w dodawaniu wszelkich dodatkowych funkcji, których potrzebujesz.

Modyfikowanie lub dodawanie innych plików szablonów

Możesz także modyfikować dowolne pliki szablonów motywu nadrzędnego, takie jak header.php lub single.php. Na przykład, jeśli chcesz zmodyfikować kod PHP wewnątrz single.php, dodaj plik single.php w katalogu motywu potomnego i zmodyfikuj kod. WordPress użyje PLIKU SZABLONU TEMATU PODZIELNEGO zamiast pliku motywu nadrzędnego. Upewnij się, że masz taką samą strukturę katalogów, aby pliki działały, jeśli chcesz zmodyfikować plik loop.php, który znajduje się w „dwadzieścia szesnaście/template-parts/content.php”, a następnie utwórz podobną strukturę plików dla motywu potomnego, na przykład „dwadzieścia szesnaście- child/template-parts/content.php”.

WordPress najpierw zajrzy do katalogu motywu potomnego, aby użyć plików szablonów, a następnie użyje pliku motywów nadrzędnych, jeśli nie zostanie znaleziony. Będzie to bardzo przydatne przy dodawaniu niestandardowych szablonów postów lub stron do motywu. Na przykład, jeśli chcesz mieć niestandardowy szablon dla postów demonstracyjnych, utwórz szablon o nazwie „single-demo.php” i umieść go w katalogu motywów potomnych. Możesz zmodyfikować plik „single-demo.php”, a WordPress użyje tego szablonu (zamiast single.php z motywu nadrzędnego) podczas ładowania postów demonstracyjnych.

Ogólne problemy z motywami potomnymi

Istnieją pewne problemy, z którymi możesz się spotkać podczas tworzenia motywu potomnego dla swojej witryny, zalecamy nie wpadać w panikę i wypróbować go na stronie testowej lub lokalnym hoście przed wdrożeniem go na działającej witrynie. Oto niektóre z często napotykanych problemów podczas korzystania z motywu potomnego w WordPress:

  • Po aktywowaniu motywu potomnego niektóre elementy, takie jak menu, widżety paska bocznego i opcje motywu, mogą zniknąć. Może być konieczne ponowne zapisanie lub odtworzenie tych elementów dla motywu potomnego.
  • Jeśli widzisz biały ekran śmierci, prawdopodobnymi przyczynami mogą być nieprawidłowe cytaty. Spróbuj edytować pliki za pomocą prostych edytorów tekstu, takich jak Notatnik, lub skopiuj i wklej kod z plików szablonów nadrzędnych.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów