Znalazłeś motyw WordPress, który naprawdę Ci się podoba, ale chcesz trochę dostosować jego wygląd? Możesz to łatwo zrobić, pisząc niestandardowy kod w arkuszu stylów CSS motywu. Jednak te zmiany mogą łatwo zostać utracone po zaktualizowaniu motywu.

Aby temu zapobiec, możesz utworzyć motyw podrzędny, dzięki czemu możesz dowolnie dostosowywać, bez ryzyka utraty tych zmian, gdy w końcu zaktualizujesz motyw nadrzędny.

Przeprowadzimy Cię przez każdy etap procesu. Najpierw wyjaśnijmy trochę żargonu.

Czym dokładnie jest motyw potomny?

Motyw potomny to w pełni funkcjonalny motyw WordPress, który dziedziczy swoje funkcje i właściwości z innego motywu — motywu nadrzędnego. Kiedy tworzysz motyw potomny, możesz korzystać ze wszystkich funkcji motywu nadrzędnego bez utraty tych funkcji za każdym razem, gdy motyw nadrzędny otrzymuje aktualizację.

Istnieją trzy podstawowe elementy potrzebne do utworzenia motywu potomnego, które zostaną szczegółowo omówione, gdy będziemy omawiać sposób ręcznego tworzenia motywu potomnego.

instagram viewer

Najpierw jednak szybko omówimy, jak stworzyć motyw potomny za pomocą darmowych generatorów motywów potomnych i za pomocą wtyczki.

Gotowe? Przejdźmy do tego!

1. Jak stworzyć motyw potomny za pomocą generatora motywów potomnych

Jest to prawdopodobnie najłatwiejsza i najprostsza metoda ze wszystkich. Wszystko, co musisz zrobić, to przejść do witryny generatora motywów potomnych, wprowadzić nazwę motywu potomnego i to wszystko.

Dwa z bardziej popularnych generatorów motywów potomnych to Generator motywów potomnych Astra oraz Generator motywów potomnych, który tworzy motywy potomne dla popularnego motywu Astry.

Motyw Astra to popularny, lekki i szybki motyw WordPress, który nadaje się do tworzenia dowolnej witryny internetowej. To także jeden z najlepsze darmowe motywy WordPress z 2021 r., więc jest to ogólnie dobry wybór do tworzenia witryny. Aby korzystać z generatora motywów potomnych Astra, musisz najpierw zainstalować motyw Astry.

Aby następnie utworzyć nowy motyw potomny, po prostu zaloguj się do Generator motywów potomnych Astra, wprowadź nazwę, którą chcesz dla swojego nowego motywu potomnego, kliknij Generować, i to wszystko!

Twój nowy motyw potomny zostanie automatycznie pobrany jako folder zip. Zainstaluj i aktywuj go tak, jak każdy inny motyw.

2. Jak stworzyć motyw potomny za pomocą wtyczki?

Ta metoda jest prawie tak prosta, jak korzystanie z internetowego generatora motywów potomnych. Istnieje wiele wtyczek generatora motywów potomnych, ale zalecamy skorzystanie z jednej z bardziej popularnych opcji —Konfigurator motywów potomnych.

Aby rozpocząć, zainstaluj i aktywuj wtyczkę z repozytorium WordPressa. W panelu po lewej stronie najedź kursorem na Narzędzia, a następnie kliknij Motywy potomne.

Aby utworzyć motyw potomny, zaznacz UTWÓRZ nowy motyw potomny, a następnie przewiń w dół i wybierz motyw nadrzędny. Kliknij Analizować i czekaj na wyniki. Jeśli wszystkie pliki motywów są w porządku, na ekranie pojawią się dodatkowe opcje. Większość z nich można zignorować lub w razie potrzeby wprowadzić zmiany.

Aby ożywić motyw swojego dziecka, po prostu kliknij Utwórz nowy motyw potomny przycisk u dołu ekranu i to wszystko.

Przejdź do Wygląd > Motywy, a Twój nowy motyw podrzędny będzie widoczny i gotowy do aktywacji.

Korzystanie z generatora motywów potomnych lub wtyczki generatora motywów potomnych to świetne rozwiązania, które są łatwe do wdrożenia i nie wymagają zaawansowanych umiejętności technicznych. Jeśli jednak chcesz wejść pod maskę i odgrywać bardziej aktywną rolę w tworzeniu nowego motywu potomnego, następna metoda jest dla Ciebie.

3. Jak ręcznie utworzyć motyw potomny

Ręczne tworzenie motywu potomnego jest o wiele bardziej angażujące niż dwie poprzednie metody, ale nadal jest stosunkowo proste do wykonania.

Będziesz potrzebować trzech podstawowych komponentów: pliku motywu dla motywu potomnego, a styl.css arkusz stylów i funkcje.php plik.

1. Utwórz plik motywu

Możesz to zrobić w cPanel lub za pomocą FTP. Zalecamy korzystanie z cPanel, jeśli zapewnia to Twoja usługa hostingowa. Zaloguj się do cPanel> Menedżer plików> Pliki> Public_html> wp-content> motywy.

Kliknij na +Folder z górnego menu, aby utworzyć nowy folder. Musisz to nazwać po nazwie motywu nadrzędnego, dodając na końcu "-child". Jeśli na przykład używasz motywu Dwadzieścia dwadzieścia jeden, wyglądałoby to tak: „dwadzieścia dwadzieścia jeden-dziecko”.

2. Utwórz plik Style.css

Style.css to domyślna konwencja nazewnictwa WordPress dla arkuszy stylów CSS. W tym miejscu trafi cały CSS dla motywu potomnego, ale możesz wstrzymać się z tworzeniem CSS, dopóki w pełni nie skonfigurujesz motywu potomnego.

Stworzyć styl.css plik, po prostu kliknij na +Plik opcję z górnego menu. Arkusz stylów musi znajdować się w nowo utworzonym folderze motywu. W nowym pliku wklej następujący komentarz:

/*
Nazwa motywu: Dwadzieścia dwadzieścia jeden dziecko
URI motywu: http://example.com/twenty-twenty-one-child/
Opis: Dwadzieścia dwadzieścia jeden motyw dla dzieci
Autor: Jane Doe
URI autora: http://example.com
Szablon: dwadzieścia dwadzieścia jeden
Wersja: 1.0.0
Licencja: Powszechna Licencja Publiczna GNU v2 lub nowsza
Identyfikator URI licencji: http://www.gnu.org/licenses/gpl-2.0.html
Tagi: jasny, ciemny, dwukolumnowy, prawy pasek boczny, responsywny układ, gotowy do ułatwień dostępu
Domena tekstowa: dwadzieścia dwadzieścia jeden dziecko
*/

To jest komentarz i nie zostanie wykonany w czasie wykonywania, ale bez niego plik arkusza stylów CSS nie będzie działał. Zapisz plik jako styl.css.

3. Utwórz plik Functions.php

Tak jak dodałeś nowy plik i nazwałeś go styl.css, dodaj nowy plik i zadzwoń funkcje.php. Wklej poniższy kod:


php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles');

funkcja enqueue_parent_styles() {

wp_enqueue_style('styl nadrzędny', get_template_directory_uri().'/style.css' );

}

Otóż ​​to! Masz teraz wszystkie trzy składniki wymagane do działania motywu potomnego. Aby go sfinalizować, wróć do swojego zaplecza WordPress i aktywuj motyw, tak jak w przypadku każdego innego motywu.

Pierwsze kroki z motywami potomnymi WordPress

Motywy potomne to przydatny sposób wprowadzania zmian w motywie WordPress bez martwienia się o aktualizacje motywu nadrzędnego. W tym artykule pokazaliśmy trzy różne, łatwe w użyciu metody tworzenia motywu potomnego. Jeśli wszystko, czego szukasz, to tworzenie niestandardowych projektów dla swoich stron internetowych, skuteczną alternatywą jest użycie narzędzia do tworzenia stron WordPress.

Jak zmienić kraj/region w sklepie Google Play

Chcesz zmienić kraj w Sklepie Google Play? Oto jak zmienić kraj w Sklepie Google Play na swoim koncie na telefonie z Androidem.

Czytaj dalej

UdziałĆwierkaćE-mail
Powiązane tematy
  • Programowanie
  • Wordpress
  • Projektowanie stron
  • Tworzenie stron internetowych
  • CSS
O autorze
Dawid Abraham (7 opublikowanych artykułów)

David jest miłośnikiem WordPressa, którego pasją jest pomaganie małym firmom w rozwoju!

Więcej od Dawida Abrahama

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować