Jak stworzyć podstawowy motyw potomny dla witryny WordPress?

Opublikowany: 2022-10-19

Każdy dobry programista WordPress powie Ci, że motyw potomny to najlepszy sposób na zmodyfikowanie istniejącego motywu WordPress. Czemu? Ponieważ motyw potomny dziedziczy wszystkie funkcje motywu nadrzędnego i umożliwia wprowadzanie zmian bez dotykania kodu motywu nadrzędnego. Dzięki temu po zaktualizowaniu motywu nadrzędnego Twoje zmiany zostaną zachowane. Budowanie motywu potomnego to stosunkowo prosty proces. W tym artykule pokażemy, jak utworzyć podstawowy motyw podrzędny dla witryny WordPress.

W tym samouczku omówimy, jak stworzyć responsywny motyw WordPress za pomocą CSS3 i HTML5. Kiedy dopiero zaczynasz korzystać z WordPressa, tworzenie motywu od podstaw jest całkiem proste. Twój motyw musi być responsywny, aby był funkcjonalny, więc upewnij się, że podczas tworzenia go przestrzegasz kilku wskazówek. W tym samouczku użyjemy HTML5 i CSS3 do zbudowania naszego pierwszego niestandardowego motywu WordPress. HTML5, najnowsza wersja języka znaczników internetowych HTML, jest piątą i najbardziej zaawansowaną wersją. Kaskadowe arkusze stylów (CSS) to zestaw arkuszy, które można przeglądać i edytować za pomocą komputera. Dostępne są narzędzia, które pozwalają ustawić zachowanie Twojej witryny w różnych rozmiarach ekranu.

Jeśli chcesz przetestować motyw/y przed przesłaniem go na działający serwer, upewnij się, że testujesz go w środowisku lokalnym. WordPress jest dostępny zarówno dla serwera stacjonarnego, jak i serwera WAMP. Zarówno WAMP, jak i Desktop Server są przeznaczone do działania zarówno w systemie Windows, jak i Mac, ale WAMP jest przeznaczony dla systemu Windows, a Desktop Server jest przeznaczony dla komputerów Mac. Trzeci krok polega na dodaniu następującego kodu: sidebar.php i function.php. Te kody są wstawiane, aby zapewnić możliwość dostosowania motywu. W kroku 4 utworzysz układ dla swojego motywu. Za pomocą zapytań o media możemy modyfikować nagłówek, stopkę, index.html, style.html i inne części strony internetowej.

Ta strona wymaga plików PHP. Jeśli wykonałeś te kroki, Twój nowy motyw WordPress najprawdopodobniej będzie gotowy, ze wszystkimi wymaganymi szablonami i arkuszami stylów. Plik footer.php definiuje niższy poziom Twojej witryny, w tym znaczniki <html> i >body. Ponadto musisz dołączyć szereg elementów semantycznych HTML5, takich jak główna treść HTML5, nagłówek HTML5, sekcja HTML5 i artykuł HTML5. Aby wyświetlić treść posta, musisz użyć pętli WordPress, która jest niezbędnym elementem. Nie jest łatwo stworzyć motyw WordPress od podstaw, zwłaszcza jeśli jesteś początkującym. Jeśli chcesz responsywny motyw WordPress, musisz wiedzieć, jakie kroki musisz podjąć.

Jak stworzyć motyw potomny

Źródło: TemplateToaster

Aby utworzyć motyw potomny, musisz utworzyć nowy folder dla motywu potomnego i plik style.css . Plik style.css powinien zawierać: /* Nazwa motywu: Mój szablon motywu podrzędnego: parent-theme-folder */ @import url(„../parent-theme-folder/style.css”); Następnie możesz dodać niestandardowy kod CSS poniżej reguły @import.

Chociaż funkcjonalność motywu potomnego jest taka sama jak motywu nadrzędnego, możesz dodawać nowe funkcje i dostosowywać je. Motywy dla dzieci są oddzielone od motywów rodziców i żaden rodzic nie ma do nich dostępu. Posiadanie motywu potomnego ułatwia aktualizację i utrzymanie witryny. Ponadto uchroni Cię przed nadpisaniem i utratą wyglądu Twojej witryny. Wszystko, co robisz z motywem potomnym, jest kopiowane z motywu nadrzędnego. Obejmują one wszystkie pliki szablonów , funkcje i zasoby, a także zasoby JavaScript. W większości przypadków wystarczy dodać kilka linijek kodu do pliku style.html.

Jednym z najszybszych sposobów tworzenia motywu potomnego WordPress jest użycie wtyczki. Aby wybrać motyw nadrzędny, kliknij menu rozwijane. Jeśli masz w swojej witrynie wiele motywów , wybierz ten, który chcesz dostosować. Następnie powinieneś zakończyć proces nazywania tematu swojego dziecka i pisania opisu. Ta strona umożliwia również przesłanie prośby o pomoc lub analizy surowych danych do twórcy wtyczki. Poniższe kroki mogą nie zostać wykonane, jeśli motyw, którego używasz jako rodzica, jest premium lub ograniczony. Jeśli chcesz wprowadzić zmiany w swojej witrynie, upewnij się, że utworzono kopię zapasową wszystkich ustawień.

Aby utworzyć motyw potomny WordPress, możesz wprowadzić wszystkie potrzebne zmiany na bardziej spersonalizowanym poziomie. Najpierw utwórz folder dla motywu podrzędnego. Drugim krokiem jest utworzenie arkusza stylów dla motywu Twojego dziecka. Prześlij arkusze stylów motywu nadrzędnego i podrzędnego . Plik style.css, który aktualnie znajduje się w folderze, który właśnie utworzyłeś, musi zostać umieszczony w następnym kroku. Konieczne jest włączenie motywu potomnego w kroku 5, przechodząc do Wygląd. Używanie motywu potomnego to skuteczny sposób na uniknięcie bezpośredniej edycji motywu nadrzędnego.

Dzięki motywom podrzędnym możesz wprowadzać różne zmiany w swojej istniejącej witrynie internetowej bez konieczności nauki języków programowania. Oprócz odpowiedniej usługi hostingowej będziesz potrzebować takiej, która odpowiada Twoim potrzebom. W przypadku tanich współdzielonych planów hostingowych, które traktują priorytetowo wydajność witryny, nie szukaj dalej niż DreamHost.

Plusy i minusy korzystania z motywów potomnych

Korzystanie z motywów potomnych ma wiele zalet. Jeśli wolisz szablon, możesz dostosować go do swoich konkretnych wymagań lub uzyskać wstępnie zaprojektowany motyw. Ponadto mogą pomóc w utrzymaniu porządku w witrynie, przechowując wszystkie zmiany wprowadzone w motywie w jednym miejscu.
Pomimo tego, że WordPress może nie wspierać motywów potomnych, są one z pewnością potężnym i oszczędzającym czas narzędziem.

Co to jest motyw potomny

Motyw potomny to motyw, który dziedziczy funkcjonalność i styl innego motywu, zwanego motywem nadrzędnym. Motywy potomne są często używane, gdy chcesz wprowadzić zmiany w istniejącym motywie, nie tracąc możliwości aktualizacji motywu nadrzędnego.

Dlaczego powinieneś używać motywu potomnego

Jedną z zalet korzystania z motywu potomnego jest to, że Twoje dziecko będzie mogło poruszać się znacznie szybciej. Zamiast pisać wszystko samemu, polegasz na rodzicu, który służy jako kręgosłup i w razie potrzeby wprowadza niezbędne zmiany. Może to również pomóc w utrzymaniu spójności i uporządkowania motywu, umożliwiając łatwiejsze dodawanie nowych funkcji lub wprowadzanie zmian w istniejącym motywie.