Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Ekspert ds. bezpieczeństwa stron internetowych. Skuteczny Marketing Online
Ekspert ds. bezpieczeństwa stron internetowych. Skuteczny Marketing Online
Cześć! Jestem blogerem, który specjalizuje się w tworzeniu stron internetowych. Dziś, pragnę zabrać was w podróż przez świat WordPressa i opisać proces tworzenia motywu potomnego, znanego również jako child theme.
Z pewnością zastanawiasz się, skąd wziął się ten pomysł na stworzenie motywu potomnego. Odpowiedź jest prosta: aby zabezpieczyć nasze indywidualne zmiany podczas aktualizacji motywu głównego. Gdy wprowadzamy zmiany bezpośrednio w motywie głównym, ryzykujemy ich utratę podczas każdej aktualizacji. Czyż nie brzmi to przerażająco?
Motyw potomny, to zestaw plików, które dziedziczą funkcjonalność i wygląd motywu nadrzędnego. Pozwalają nam wprowadzać własne zmiany bez konieczności ingerowania w oryginalny motyw.
Kiedy WordPress nie może znaleźć pewnych plików w motywie potomnym, szuka ich w motywie nadrzędnym. To dziedziczenie sprawia, że możemy modyfikować oryginalny motyw, nie ingerując bezpośrednio w jego pliki.
Tworzenie motywu potomnego zaczynamy od utworzenia nowego folderu w katalogu motywów WordPressa. Nazwa folderu jest dowolna, ale dobrą praktyką jest dodanie „-child” do nazwy motywu nadrzędnego.
Następnie musimy utworzyć plik style.css. Ten plik jest kluczowy dla naszego motywu potomnego.
W pliku style.css musimy wprowadzić kilka niezbędnych informacji, takich jak nazwa motywu potomnego, nazwa motywu nadrzędnego, wersja i autor.
/*
Theme Name: Twenty Twenty-One Child
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Motyw potomny dla Twenty Twenty-One
Author: Twoje Imię
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
*/
@import url("../twentytwentyone/style.css");
Teraz omówmy każdą linijkę tego pliku:
twentytwentyone
.Następnie, używamy dyrektywy @import
do zaimportowania pliku style.css
z motywu nadrzędnego. Dzięki temu, nasz motyw potomny dziedziczy wszystkie style CSS z motywu nadrzędnego.
Kolejnym krokiem jest stworzenie pliku functions.php. Pozwala on na dodanie własnych funkcji do naszego motywu potomnego.
<?php
function my_theme_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css');
wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array($parent_style), wp_get_theme()->get('Version'));
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
?>
Omówmy teraz poszczególne linie kodu:
my_theme_enqueue_styles
do akcji wp_enqueue_scripts
. Dzięki temu, nasze style CSS zostaną dodane do strony w odpowiednim momencie.Wszystko razem umożliwia nam to załadowanie pliku style.css
z motywu nadrzędnego, a następnie załadować plik style.css
z naszego motywu potomnego, nadpisując tym samym style nadrzędne.
Po przygotowaniu wszystkich niezbędnych plików, możemy aktywować nasz motyw potomny. Robimy to w panelu administracyjnym WordPressa, tak jak każdy inny motyw.
Tworzenie motywu potomnego to proces, który może wydawać się skomplikowany, ale z moim przewodnikiem jestem pewien, że poradzisz sobie bez problemu. Pamiętaj, że dzięki motywowi potomnemu, twoje zmiany będą bezpieczne nawet po aktualizacji motywu głównego. Powodzenia!Szukasz tańszej usługi lub usług SEO dla swojej strony internetowej? Zatrudnij mnie na Useme.com
Nie, nie musisz znać języków programowania. Jednakże, podstawowa wiedza na temat HTML i CSS może być pomocna.
Tak, WordPress pozwala na użycie różnych motywów dla różnych stron.
Tak, jest to jeden z najbezpieczniejszych sposobów na modyfikowanie motywu w WordPressie.
Tak, możesz sprzedać stworzony przez siebie motyw potomny, ale musisz się upewnić, że masz do tego prawa.
Motyw potomny aktualizuje się automatycznie razem z motywem nadrzędnym. Jeśli chcesz wprowadzić do niego własne zmiany, musisz to zrobić manualnie.