Jak stworzyć motyw potomny WordPress

Czy jesteś gotowy, aby stworzyć motyw potomny w WordPress?

Instalacja motywu nadrzędnego

Musisz zdecydować, który motyw wolisz. W zależności od preferencji, powinieneś wybrać motyw, który chcesz wybrać jako motyw nadrzędny.

Jak utworzyć katalog motywów potomnych WordPress

Utwórz nowy plik w folderze public_html/wp-content/themes instalacji WordPress, aby przechowywać motyw. Unikaj robienia tego w działającej witrynie. Możesz to przetestować w witrynie programistycznej przed wdrożeniem w witrynie tymczasowej. Zazwyczaj dobrą praktyką jest utrzymywanie nowej nazwy folderu rozpoczynającej się od nazwy motywu nadrzędnego, po której następuje przyrostek.

Proces ten obejmuje utworzenie dwóch plików: arkusza stylów i pliku funkcji.

Utwórz arkusz stylów

Utwórz nowy plik wewnątrz folderu i dodaj następujący kod:

 /*

Nazwa motywu: Motyw potomny CodeFlist

URI motywu: https://twojastrona.com/codeflist-child/

Opis: Motyw potomny z nadrzędnego motywu CodeFlist

Autor: Amar Raj Mahato

URI autora: https://demo.codeflist.com/

Szablon: CodeFlist

Wersja: 1.0.0

Tagi: czarny, zielony, biały, jasny, ciemny, dwukolumnowy, trzykolumnowy, lewy pasek boczny, prawy pasek boczny, stały układ, responsywny układ, niestandardowe tło, niestandardowy nagłówek, niestandardowe menu, edytor- styl, polecane obrazy, elastyczny nagłówek, szablon o pełnej szerokości, mikroformaty, post-formaty, obsługa języka rtl, przyklejony post, opcje motywu, gotowy do tłumaczenia, gotowy do ułatwień dostępu, układ responsywny, nieskończony zwój, post slider, projekt, jedzenie, dziennik, magazyn, Aktualności, fotografia, portfolio, czysty, współczesny, ciemny, elegancki, nowoczesny, profesjonalny, wyrafinowany

Domena tekstowa: codeflist-child

*/

Ten kod informuje WordPress o motywie. Ponieważ tekst jest wykomentowany, nie uruchamia on niczego w Twojej witrynie. Każdy motyw ma ten plik, aby zapoznać się z WordPressem.

W tym kodzie nie można pominąć wierszy z nazwą motywu i szablonem . Szablon powinien zawierać nazwę katalogu motywu nadrzędnego. Zwykle rozróżniana jest również wielkość liter. Wszystkie pozostałe pola należy wypełnić zgodnie z wymaganiami. Upewnij się, że robisz to poprawnie w swoim ulubionym edytorze.

Utwórz plik funkcji

Dodanie pliku funkcji jest niezbędnym krokiem do umieszczenia arkusza stylów w kolejce z motywu nadrzędnego. Jeśli przegapisz ten krok, Twój motyw potomny w ogóle nie będzie miał stylu. Dodaj również plik w nowym folderze. Dodaj do niego następujący kod:

 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'styl nadrzędny', get_template_directory_uri() . '/style.css' );
}
?>

Mechanizm tworzenia motywu potomnego w WordPress

Działają na poziomie plików. Kiedy funkcja wywołuje plik, sprawdza, czy jest on obecny. W przypadku, gdy plik jest nieobecny w motywie potomnym, zostanie załadowany z motywu nadrzędnego. Ma jednak wyjątek w postaci pliku funkcji motywu. Jeśli plik jest wywoływany, jest ładowany z obu lokalizacji. Twoja witryna będzie działać nieprawidłowo, jeśli funkcja motywu nadrzędnego nie będzie działać. Rozwiązaniem byłoby skopiowanie całej zawartości pliku funkcji motywu nadrzędnego do elementu potomnego. To nie jest dobre podejście do rozszerzania tematu. Jeśli plik stopki ma zostać zmieniony, plik stopki z rodzica należy skopiować do dziecka. Następnie przetwórz pliki i zapisz zmiany. Ma to zastosowanie we wszystkich sekcjach, które chcesz zmienić.

Sugestie dla twórców motywów dziecięcych

Musisz znać różnicę między oraz jeśli tworzysz własne motywy. Musisz jasno powiedzieć, że zawsze wskaże katalog nadrzędnego motywu i katalog motywu potomnego. Wybór należy do Ciebie, czy chcesz skorzystać z rodzica, czy z dziecka.

Pliki w motywie potomnym

Istnieją co najmniej dwa pliki, arkusz stylów i plik funkcji. Arkusz stylów informuje WordPressa o rodzaju motywu. Daje również wyobrażenie o motywie nadrzędnym. Wszystkie szczegóły są zawarte w arkuszu stylów za pomocą wykomentowanego formatu tekstowego.

Jest błędna praktyka wywoływania jednego arkusza stylów z innego arkusza stylów. W rzeczywistości powinieneś umieszczać plik funkcji w kolejce. W pliku funkcji powinna znajdować się funkcja, która umieszcza arkusz stylów w kolejce.

Motyw nadrzędny zawiera plik, ale nie jest potrzebny w motywie potomnym.

Jak aktywować motyw potomny

WordPress używa pliku z motywu nadrzędnego, chyba że zastąpisz go, dodając pliki do motywu potomnego. Iść do , motyw znajdziesz wśród motywów zainstalowanych w Twojej witrynie. Musisz aktywować, aby cieszyć się jego funkcjami. Jeśli nie dodałeś żadnych dostosowań, wygląda to tak samo.

Jak stworzyć i dostosować motyw potomny WordPress

Teraz, gdy masz działający motyw, możesz dodać dostosowania zgodnie z żądanymi wymaganiami. Jeśli chcesz edytować arkusze stylów, możesz zdefiniować reguły w w folderze motywu podrzędnego. Możesz nie tylko edytować pliki szablonów, ale także aktualizować motyw nadrzędny bez utraty dostosowań. Jednak pisanie funkcji może być bardziej złożone niż dodawanie plików szablonów. Jeśli chcesz dodać nową funkcję, musisz przejść do plik. Po napisaniu funkcji dodaj odpowiednią akcję lub filtr, aby dodać dodatkową funkcjonalność.

Zasadniczo istnieją trzy metody, jeśli planujesz nadpisać funkcję motywu nadrzędnego.

• Jeśli masz podłączany motyw nadrzędny, możesz napisać inną funkcję w motywie potomnym o tej samej nazwie. Z tego powodu funkcja w motywie nadrzędnym zostanie pominięta.
• Jeśli masz motyw nadrzędny, którego nie można podłączyć, można je odczepić, aby uniemożliwić uruchomienie funkcji z motywu nadrzędnego.
• Zdarzają się sytuacje, w których możesz dodać nową funkcję, aby dołączyć do tego samego haka, ale pod inną nazwą. Odbywa się to bez zastępowania lub usuwania funkcji.

Napraw błędy motywu potomnego i rodzica

Po utworzeniu motywu potomnego mogą wystąpić pewne problemy związane z niektórymi funkcjami, stylami lub innymi plikami. Istnieje szereg kroków, aby upewnić się, że wszystko jest w porządku.

1. Sprawdź, czy motyw potomny został aktywowany. Musisz mieć pewność co do statusu motywu nadrzędnego.
2. Wyczyść pamięć podręczną przeglądarki i pamięć podręczną utworzoną przez wtyczki.
3. Sprawdź, czy poprawnie nazwałeś pliki z poprawną składnią podczas tworzenia motywu podrzędnego w WordPress.
4. Sprawdź, czy zapisałeś zmiany, czy nie.
5. Jeśli funkcja podłączalna nie działa, sprawdź, czy występuje niezgodność nazwy lub funkcja w motywie nadrzędnym jest podłączalna, czy nie.
6. Sprawdź wartości priorytetów i hooki obecne w funkcji w przypadku problemów z nadpisywaniem.
7. Sprawdź wartość priorytetu, nazwę i hook, jeśli problem jest generowany z usuniętej funkcji.
8. Znajdź, gdzie i gdzie występuje błąd w kodzie, sprawdzając plik wp-config.php w trybie debugowania.
9. Kod wyjściowy dla różnych elementów musi zostać zweryfikowany.

Rzeczy do zapamiętania dotyczące motywu WordPress dla dzieci

1. W motywie potomnym powinien znajdować się arkusz stylów i plik funkcji.
2. Nie edytuj motywów innych firm bezpośrednio bez tworzenia motywu podrzędnego. Zabezpieczy to dokonane dostosowania.
3. Aktywuj motyw i nie usuwaj motywu nadrzędnego.
4. Gdy istnieją dwa pliki o tej samej nazwie, WordPress użyje pliku w dziecku.
5. Aby przesłonić funkcję wtykową w motywie nadrzędnym, musisz utworzyć funkcję w motywie potomnym o tej samej nazwie.
6. Za pomocą funkcji remove_action () lub remove_filter() możesz odczepić funkcję od motywu nadrzędnego.
7. Kiedy tworzysz funkcję z tym samym hakiem, możesz rozszerzyć funkcję motywu nadrzędnego.

Zawijanie

Powinieneś pamiętać o tych rzeczach, aby stworzyć motyw potomny w WordPressie, możesz uzyskać maksymalną przewagę. Mamy nadzieję, że ten artykuł rozwiewa Twoje wątpliwości dotyczące tematu dziecka i rodzica.

Dodatkowe Czytania