Jak zmodyfikować motyw WordPress za pomocą motywu potomnego?

Dostępnych jest wiele świetnych darmowych i płatnych motywów WordPress. Ale co, jeśli chcesz dostosować zakupiony motyw do własnych potrzeb i preferencji? Jest tak wiele przykładów małych rzeczy, które wszyscy chcemy zmienić. W takim przypadku konieczna jest modyfikacja motywu WordPress .

Tu kolor, tam rozmiar czcionki, być może inne wezwanie do działania na przyciskach. Są to różne powody, dla których właściciel witryny chciałby wprowadzić zmiany w swoim „rodzicielskim” motywie. Problem polega na tym, że zmodyfikowane zmiany motywu zostaną utracone po zaktualizowaniu motywu WordPress.

Tworzenie „motywu potomnego” rozwiązuje ten problem , zapewniając wszystkie funkcje wybranego motywu, jednocześnie umożliwiając jego aktualizację bez obawy o utratę jakichkolwiek zmian. W takim przypadku wymagana jest podstawowa znajomość CSS/HTML. Lub kopiuj/wklej fragmenty kodu z innych źródeł.

Duża liczba użytkowników WordPressa modyfikuje motyw WordPress bez użycia motywu potomnego . Może to wynikać z braku zrozumienia, czym jest temat potomny, lub z postrzeganej trudności w jego stworzeniu.

Jakie są zalety i wady korzystania z motywu potomnego?

Zalety i wady są ogólne i oparte na typowych przypadkach użycia. Może się różnić w zależności od Twoich wymagań . Niektóre zalety mogą być wadami w twoim scenariuszu.

Zaleca się uważną ocenę zalet i wad w kontekście wymagań witryny. Czy naprawdę potrzebujesz motywu potomnego? Jeśli twoje zmiany są niewielkie, możesz ujść na sucho z wtyczkami lub po prostu skorzystać z opcji w motywie.

Jeśli Twoje zmiany są obszerne i rozłożone na dużą liczbę plików, może być lepiej, jeśli stworzysz własny motyw. Czy to właściwy motyw nadrzędny? Wybór odpowiedniego motywu nadrzędnego ma kluczowe znaczenie.

Powinien zapewniać większość wymaganych funkcji zaraz po wyjęciu z pudełka, w przeciwnym razie będziesz zbytnio dostosowywać i zastępować. Powinieneś również upewnić się, że motyw może pozostać przez długi czas lub przynajmniej tak długo, jak planujesz z niego korzystać. Powinien również zapewniać okresowe aktualizacje, zwłaszcza aktualizacje zabezpieczeń.

ZALETY

1. Bezpieczne aktualizacje

Motyw potomny automatycznie dziedziczy funkcje, style i szablony motywu nadrzędnego. Pozwala to na wprowadzanie zmian w witrynie przy użyciu motywów podrzędnych bez modyfikowania motywu nadrzędnego. Gdy pojawi się nowa wersja motywu nadrzędnego, możesz ją bezpiecznie zaktualizować, ponieważ wszystkie modyfikacje są zapisywane w motywie potomnym.

2. Łatwy do rozszerzenia

Motyw potomny zbudowany na potężnym frameworku motywów zapewnia dużą elastyczność bez konieczności pisania dużej ilości kodu. Możesz selektywnie modyfikować tylko te pliki szablonów i funkcje, których potrzebujesz, bez przechodzenia przez inne pliki szablonów. Możesz dodać nową funkcjonalność i wiele więcej.

3. Bezpieczny awaryjny

Kiedy tworzysz kompletny motyw, musisz pomyśleć o wszystkich możliwych scenariuszach i kodzie dla nich. Jednak gdy pracujesz nad motywem potomnym i zapomnisz coś zakodować, zawsze dostępna jest funkcja motywu nadrzędnego jako opcja zastępcza.

CONS

1. Niezamierzone zmiany

Jeśli zdarzyło Ci się rozszerzyć którąkolwiek z niestandardowych funkcji w motywie potomnym, istnieje możliwość, że Twoje zmiany mogą zostać uszkodzone podczas aktualizacji motywu nadrzędnego. Czasami motywy nie zostały zaprojektowane i zaimplementowane z uwzględnieniem motywów podrzędnych, co utrudnia ich rozszerzenie.

2. Brak aktualizacji

Wybór odpowiedniego motywu do rozszerzenia ma kluczowe znaczenie. Całkiem możliwe, że aktywny rozwój tematu macierzystego może ustać i temat zostanie porzucony. Możliwe jest również, że motyw nadrzędny nie jest regularnie aktualizowany najnowszymi wersjami WordPressa i aktualizacjami zabezpieczeń.

3. Krzywa uczenia się

Jeśli temat nie jest zgodny ze standardami i powszechnymi praktykami kodowania, może to wydłużyć czas nauki.

Jak zmodyfikować motyw WordPress za pomocą motywu potomnego?

Motywy potomne to oddzielne motywy, które w większości swoich funkcji opierają się na motywie nadrzędnym. Jeśli używasz motywu potomnego, WordPress najpierw sprawdzi Twój motyw potomny, aby sprawdzić, czy istnieje określona funkcja.

Jeśli tak się nie stanie, użyje motywu nadrzędnego. Jest to świetne, ponieważ pozwala modyfikować tylko to, czego potrzebujesz . Motywy potomne powinny być zawsze używane, jeśli planujesz zmodyfikować nawet jeden znak w swoim motywie.

Aby utworzyć motyw potomny dla swojego motywu, musisz wykonać następujące czynności:

1. Utwórz katalog motywów w swojej instalacji WordPress
2. Utwórz arkusz stylów z informacjami o motywie potomnym
3. Wyciągnij style swojego motywu nadrzędnego

Po wykonaniu tych kroków możesz aktywować motyw potomny, a Twoja witryna będzie wyglądać dokładnie tak samo jak wcześniej, ale będzie używać motywu potomnego.

1. Najpierw musisz otworzyć /wp-content/themes/ w folderze instalacyjnym WordPress i utworzyć nowy folder dla motywu potomnego. Możesz nazwać ten folder, jak chcesz. W tym przykładzie stworzę motyw potomny dla domyślnego motywu Twenty Fourteen i nazwać go twentyfourteen-child czternaście twentyfourteen-child

2. Następnym krokiem jest utworzenie pliku arkusza stylów. Musi mieć nazwę style.css . Można go utworzyć w Notatniku i przesłać do folderu motywu podrzędnego lub za pomocą dostarczonych narzędzi w Menedżerze plików cPanel.

Skopiuj i wklej następujący kod do właśnie utworzonego pliku:

Ostatni wiersz tego kodu importuje arkusz stylów motywu nadrzędnego do motywu potomnego. Jest to minimalne wymaganie do stworzenia motywu potomnego. Możesz teraz przejść do Wygląd » Motywy, gdzie zobaczysz Motyw potomny.

Musisz kliknąć przycisk aktywacji, aby rozpocząć korzystanie z motywu potomnego na stronie.

Ponieważ wszystko, co zrobiliśmy, to zaimportowanie kodu CSS oryginalnego motywu, motyw będzie wyglądał dokładnie tak, jak oryginał . Aby zmodyfikować CSS swojego motywu , możesz dodać wszelkie zmiany do pliku CSS motywu podrzędnego poniżej wiersza @import. Wszystkie nowe informacje CSS są dodawane po załadowaniu oryginalnego CSS motywu.

Functions.php to miejsce, w którym zwykle przechowywane są główne funkcje motywu. Funkcje motywu nadrzędnego są zawsze ładowane z motywem potomnym. Jeśli chcesz dodać do motywu więcej funkcji niestandardowych, możesz to zrobić, tworząc nowy plik functions.php w folderze motywu podrzędnego.

UWAGA : Tworzenie functions.php nie jest konieczne. Jest używany w przypadku, gdy chcesz dodać więcej funkcji niestandardowych.

Nowe funkcje zostaną załadowane tuż przed funkcjami motywu nadrzędnego. Plik functions.php motywu potomnego powinien zaczynać się znacznikiem otwierającym php i kończyć znacznikiem zamykającym php. W międzyczasie możesz dodać żądany kod php.

<?php

Twój kod trafia tutaj!

?>

Poza modyfikacjami CSS i funkcji, możesz również wprowadzić zmiany strukturalne w swoim motywie, dostosowując pliki szablonów php. Należy to robić ostrożnie. Edytując pliki PHP, możesz dostosować dowolną część motywu.

W przeciwieństwie do edycji functions.php, gdzie funkcje oryginalnego motywu są importowane automatycznie, pliki PHP są edytowane przez zastąpienie pliku całkowicie nowym.

Oryginalny plik motywu jest ignorowany, a zamiast niego używany jest nowy. Pierwszą rzeczą, którą musimy zrobić, to zreplikować stary plik, zanim zaczniemy go modyfikować. Aby to zrobić, po prostu skopiuj i wklej oryginalny plik motywu do folderu motywu podrzędnego, upewniając się, że nazwa pliku i lokalizacja są dokładnie takie same.

Na przykład, jeśli chcemy zmodyfikować exampletheme/includes/navigation.php , skopiujemy i wkleimy ten plik do exampletheme-child/includes/navigation.php . Lub jeśli uważasz, że to wszystko jest zagmatwane, nie martw się, istnieje wtyczka do tworzenia motywu potomnego.