Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć motyw potomny WordPress (przewodnik dla początkujących)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz utworzyć motyw potomny w WordPress?

Motyw potomny to motyw WordPress, który dziedziczy funkcjonalność innego motywu WordPress. Wielu klientów tworzy motyw potomny dla swojego obecnego, aktualnego motywu, aby móc bezpiecznie dostosować projekt witryny internetowej bez utraty zmian po wydaniu aktualizacji przez twórcę motywu.

W tym artykule pokażemy, jak utworzyć motyw potomny dla twojej witryny WordPress.

How to Create a WordPress Child Theme

Jak działa motyw potomny i dlaczego jest potrzebny?

Motyw potomny dziedziczy wszystkie funkcje, funkcje i style innego motywu WordPress. Podczas tworzenia motywu potomnego, oryginalny motyw nazywany jest motywem nadrzędnym.

Dziedziczenie obejmuje plik style.css motywu nadrzędnego, który definiuje główny styl motywu. Motyw potomny może zastąpić lub rozszerzyć odziedziczone właściwości, dodając własne pliki lub modyfikując istniejące.

Chociaż możliwe jest dostosowanie własnego motywu WordPress bez instalowania motywu potomnego, istnieje kilka powodów, dla których i tak możesz go potrzebować:

  • Motywy potomne chronią twoje konfiguratory podczas aktualizacji motywu, zabezpieczając je przed nadpisaniem. W przypadku bezpośredniej modyfikacji motywu nadrzędnego, modyfikacje te mogą zniknąć podczas aktualizacji.
  • Motywy potomne pozwalają bezpiecznie wypróbować nowe projekty lub funkcje bez zakłócania oryginalnego motywu witryny, podobnie jak środowisko przejściowe.
  • Jeśli wiesz , jak kodować, motywy potomne mogą usprawnić proces rozwoju. Pliki motywu potomnego są znacznie prostsze niż pliki motywu nadrzędnego. Możesz skupić się na modyfikowaniu tylko tych części motywu nadrzędnego, które chcesz zmienić lub rozszerzyć.

Co należy zrobić przed utworzeniem motywu potomnego WordPress?

Widzieliśmy wielu użytkowników WordPressa, którzy byli podekscytowani zagłębieniem się w kwestie techniczne, ale zniechęcali się, gdy pojawiały się błędy. Rozumiemy to. Dlatego ważne jest, aby wiedzieć, w co się pakujesz przed utworzeniem motywu potomnego.

Oto kilka rzeczy, które zalecamy zrobić w pierwszej kolejności przed kontynuowaniem tego przewodnika krok po kroku:

  1. Pamiętaj, że będziesz pracować z kodem. Będziesz potrzebował przynajmniej podstawowej znajomości HTML, CSS, PHP i opcjonalnie JavaScript, aby zrozumieć, jakie zmiany musisz wprowadzić. Dowiedz się więcej na ten temat w podręczniku motywów WordPress.
  2. Wybierz motyw nadrzędny, który ma twój pożądany wygląd i funkcje witryny internetowej. Jeśli to możliwe, znajdź taki, w którym będziesz musiał wprowadzić tylko kilka zmian.
  3. Do tworzenia motywów używaj witryny regionalnej lub witryny przejściowej. Nie chcesz tworzyć niezamierzonych błędów na twojej witrynie.
  4. Najpierw wykonajkopię zapasową swojej witryny internetowej.

Istnieje kilka sposobów na utworzenie motywu potomnego z twojego istniejącego motywu. Jednym z nich jest ręczne tworzenie kodu, podczas gdy inne wymagają wtyczki, która jest znacznie bardziej przyjazna dla początkujących.

Pierwsza metoda może wydawać się onieśmielająca, jeśli nie masz doświadczenia technicznego. Niemniej jednak, nawet jeśli wybierzesz jedną z metod wtyczek, nadal zalecamy zapoznanie się z metodą ręczną, aby zapoznać się z procesem i biorącymi w nim udział plikami.

Pro Tip: Chcesz dostosować swój motyw bez tworzenia motywu potomnego? Użyj WPCode, aby bezpiecznie włączać nowe funkcje za pomocą własnych fragmentów kodu bez niszczenia twojej witryny internetowej.

Mając to wszystko na uwadze, przejdźmy do tego, jak utworzyć motyw potomny w WordPress. Możesz przejść do preferowanej metody, korzystając z poniższych odnośników:

Metoda 1: Ręczne tworzenie potomnego motywu WordPress

Najpierw musisz otworzyć /wp-content/themes/ w twoim katalogu instalacyjnym WordPress.

Możesz to zrobić za pomocą menedżera plików twojego hostingu WordPress lub klienta FTP. Uważamy, że pierwsza opcja jest znacznie łatwiejsza, więc z niej skorzystamy.

Jeśli jesteś klientem Bluehost, możesz logować się do kokpitu swojego konta hostingowego i przejść do karty „Witryny internetowe”. Następnie kliknij „Ustawienia”.

Bluehost site settings

Na karcie Przegląd przewiń w dół do sekcji „Szybkie odnośniki”.

Następnie wybierz „Menedżer plików”.

Bluehost File Manager button

Na tym etapie musisz przejść do katalogu public_html twojej witryny internetowej i otworzyć ścieżkę /wp-content/themes/.

Tutaj wystarczy kliknąć przycisk „+ Folder” w lewym górnym rogu, aby utworzyć nowy katalog dla twojego motywu potomnego.

Creating a new folder in Bluehost file manager

Katalogowi można nadać dowolną nazwę.

W tym poradniku użyjemy tylko nazwy katalogu twentytwentyone-child, ponieważ użyjemy Twenty Twenty-One jako naszego motywu nadrzędnego. Po zakończeniu kliknij „Utwórz nowy katalog”.

Naming a new child theme file in Bluehost file manager

Następnie musisz otworzyć katalog, który właśnie utworzyłeś i kliknąć „+ Plik”, aby utworzyć pierwszy plik dla twojego motywu potomnego.

Jeśli korzystasz z klienta FTP, możesz użyć edytora tekstu, takiego jak Notatnik, i przesłać plik później.

Creating a new file in Bluehost file manager

Śmiało nazwij ten plik „style.css”, ponieważ jest to główny arkusz stylów twojego dziecka i będzie zawierał informacje o motywie potomnym.

Następnie kliknij „Utwórz nowy plik”.

Creating a new stylesheet file in Bluehost file manager

Teraz wystarczy kliknąć prawym przyciskiem myszy plik style.css.

Następnie kliknij „Edytuj”, aby otworzyć nową kartę, jak na poniższym zrzucie ekranu.

Editing a style.css file in Bluehost file manager

W tej nowej karcie możesz wkleić poniższy tekst i dostosować go do swoich potrzeb:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

Po zakończeniu kliknij „Zapisz zmiany”.

Saving a stylesheet file in Bluehost file manager

Następną rzeczą, którą musisz zrobić, jest utworzenie drugiego pliku i nadanie mu nazwy functions.php. Plik ten będzie importował arkusze stylów z plików motywu nadrzędnego.

Po utworzeniu dokumentu dodaj następujący kod wp_enqueue:

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parenthandle = 'twenty-twenty-one-style'; // This is 'twenty-twenty-one-style' for the Twenty Twenty-one theme.
    $theme = wp_get_theme();
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 
        array(), // if the parent theme code has a dependency, copy it to here
        $theme->parent()->get('Version')
    );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // this only works if you have Version in the style header
    );
}

Po zakończeniu zapisz plik, tak jak w poprzednim kroku.

Uwaga: W przypadku tej metody zalecamy zapoznanie się z oficjalną dokumentacją Child Themes and Including Assets, aby upewnić się, że arkusze stylów twojego motywu potomnego są poprawnie wczytywane.

Stworzyłeś już bardzo podstawowy motyw potomny. Kiedy przejdziesz do Wygląd ” Motywy w twoim panelu administracyjnym WordPress, powinieneś zobaczyć opcję Twenty Twenty-One Child.

Kliknij przycisk „Włącz”, aby rozpocząć korzystanie z motywu potomnego na twojej witrynie.

Activating a child theme in WordPress admin

Metoda 2: Tworzenie klasycznego motywu potomnego za pomocą wtyczki

Kolejna metoda wykorzystuje wtyczkę Child Theme Configurator. Ta łatwa w użyciu wtyczka WordPress pozwala szybko tworzyć i konfigurować motywy potomne WordPress bez użycia kodu, ale działa dobrze tylko z klasycznym (nie-blokowym) motywem.

Pierwszą rzeczą, którą należy zrobić, jest zainstalowanie i włączanie wtyczki WordPress. Po włączeniu należy przejść do Narzędzia ” Motywy potomne w twoim kokpicie WordPress.

Na karcie Parent/Child zostaniesz poproszony o wybranie działania. Aby rozpocząć, wystarczy wybrać opcję „UTWÓRZ nowy motyw potomny”.

Creating a new child theme with Child Theme Configurator

Następnie wybierz motyw nadrzędny z rozwijanego menu. My wybierzemy motyw Hestia.

Następnie wystarczy kliknąć przycisk „Analizuj”, aby upewnić się, że motyw nadaje się do użycia jako motyw nadrzędny.

Choosing a parent theme in Child Theme Configurator

Następnie zostaniesz poproszony o podanie nazwy katalogu, w którym zostanie zapisany motyw potomny. Możesz użyć dowolnej nazwy katalogu.

Poniżej należy wybrać miejsce zapisania nowych stylów: w głównym arkuszu stylów lub w osobnym.

Podstawowy arkusz stylów to domyślny arkusz stylów dostarczany z twoim motywem potomnym. Kiedy zapisujesz nowe konfiguratory do tego pliku, bezpośrednio modyfikujesz główne style twojego motywu potomnego. Każda modyfikacja spowoduje nadpisanie oryginalnego stylu motywu.

Opcja oddzielna umożliwia zapisanie nowego stylu własnego w oddzielnym pliku arkusza stylów. Jest to przydatne, jeśli chcesz zachować oryginalny styl motywu i nie nadpisywać go.

Dla celów demonstracyjnych wybierzemy pierwszą opcję. Ale gdy będziesz bardziej kreatywny w konfigurowaniu swojego motywu potomnego, zawsze możesz powtórzyć ten proces i wybrać drugą opcję.

Choosing where to save the stylesheet in Child Theme Configurator

Przechodząc w dół, należy wybrać sposób dostępu do arkusza stylów motywu nadrzędnego.

Po prostu wybierzemy domyślną opcję „Użyj kolejki stylów WordPress”, ponieważ pozwoli to wtyczce automatycznie określić odpowiednie działania.

Choosing the parent theme stylesheet handling in Child Theme Configurator

Po przejściu do kroku 7 należy kliknąć przycisk „Kliknij, aby edytować atrybuty motywu potomnego”.

Następnie możesz wypełnić szczegóły swojego motywu potomnego.

Filling out the child theme details in Child Theme Configurator

Ręczne utworzenie motywu potomnego powoduje utratę menu i widżetów motywu nadrzędnego. Konfigurator motywu dziecka może skopiować je z motywu nadrzędnego do motywu potomnego. Jeśli chcesz to zrobić, zaznacz pole w kroku 8.

Na koniec kliknij przycisk „Utwórz nowy motyw potomny”, aby utworzyć twój nowy motyw potomny.

Clicking the Create New Child Theme button in Child Theme Configurator

Wtyczka utworzy katalog dla twojego motywu potomnego i doda pliki style.css i functions.php, których użyjesz do późniejszego konfiguratora motywu.

Przed włączaniem motywu należy kliknąć odnośnik w górnej części ekranu, aby wyświetlić podgląd i upewnić się, że wygląda on dobrze i nie zepsuje twojej witryny.

Previewing a child theme in Child Theme Configurator

Jeśli wszystko wydaje się działać, kliknij przycisk „Włączanie i publikowanie”.

Teraz twój motyw potomny zostanie uruchomiony.

Na tym etapie motyw potomny będzie wyglądał i zachowywał się dokładnie tak, jak motyw nadrzędny.

Activating a child theme after it was made with Child Theme Configurator

Metoda 3: Tworzenie motywu potomnego za pomocą wtyczki

Jeśli korzystasz z motywu blokowego, WordPress oferuje łatwy sposób na utworzenie motywu potomnego za pomocą wtyczki Create Block Theme.

Najpierw należy zainstalować i włączyć wtyczkę WordPress. Następnie przejdź do Wygląd ” Utwórz motyw blokowy.

Tutaj wystarczy wybrać opcję „Utwórz element potomny [nazwa motywu]”. W tym przykładzie używamy Twenty Twenty-Four.

Po wybraniu tej opcji wypełnij informacje dotyczące twojego motywu.

Creating a child theme with Create Block Theme

Poniżej możesz zrobić więcej rzeczy, takich jak przesłanie zrzutu ekranu dla motywu, aby odróżnić go od innych motywów, dodanie autorzy obrazków, odnośników do niezbędnych wtyczek WordPress, dodawanie tagów motywu i tak dalej.

Po skonfigurowaniu ustawień wystarczy przewinąć w dół i nacisnąć przycisk „Generuj”.

Generating a child theme with Create Block Theme

Wtyczka utworzy i pobierze nowy plik zip motywu potomnego na twój komputer.

Jeśli go otworzysz, zobaczysz trzy pliki: readme, style.css i motyw.json.

Plik theme.json definiuje różne aspekty motywu blokowego, w tym jego kolory, typografię, układ i inne. Wtyczka domyślnie tworzy ten plik, dzięki czemu można później zastąpić lub rozszerzyć styl motywu nadrzędnego w motywie potomnym.

Na tym etapie wystarczy przejść do sekcji Wygląd ” Motywy.

Następnie kliknij „Utwórz nowy motyw”.

Adding a new theme in WordPress

Następnie wybierz opcję „Prześlij motyw”.

Następnie wybierz plik zip i kliknij „Zainstaluj teraz”, aby zainstalować motyw WordPress.

Uploading a child theme in WordPress

Dodatkowa wskazówka: Sprawdź, czy twój motyw ma generator motywów potomnych

Jeśli masz szczęście, to twój motyw WordPress może już mieć istniejącą funkcję tworzenia motywu potomnego.

Na przykład, jeśli korzystasz z Astry, możesz przejść do witryny internetowej Astra Child Theme Generator. Następnie wystarczy wpisać nazwę twojego motywu potomnego i kliknąć przycisk „Generuj”.

Astra Child Theme Generator website

Przeglądarka automatycznie pobierze wtedy twój motyw potomny na komputer, który możesz następnie samodzielnie zainstalować na WordPressie.

Znaleźliśmy również kilka innych popularnych motywów WordPress, które mają generator motywów potomnych:

Jak dostosować twój klasyczny motyw potomny?

Uwaga: Ta sekcja jest przeznaczona dla użytkowników klasycznych motywów WordPress. Jeśli korzystasz z motywu blokowego, przejdź do następnej sekcji.

Technicznie rzecz biorąc, możesz dostosować swój motyw potomny bez kodu, korzystając z konfiguratora motywu. Wprowadzone tam zmiany nie będą miały wpływu na twój motyw nadrzędny. Jeśli nie masz jeszcze wprawy w kodowaniu, możesz skorzystać z konfiguratora.

To powiedziawszy, zalecamy również dostosowanie motywu potomnego za pomocą kodu.

Oprócz dowiedzenia się więcej na temat tworzenia motywów WordPress, konfigurator kodu pozwala na udokumentowanie zmian w plikach motywu potomnego, co ułatwia ich śledzenie.

Najbardziej podstawowym sposobem dostosowania motywu potomnego jest dodanie własnego kodu CSS do pliku style.css. Aby to zrobić, musisz wiedzieć, jaki kod musisz dostosować.

Możesz uprościć ten proces, kopiując i modyfikując istniejący kod z motywu nadrzędnego. Kod ten można znaleźć za pomocą narzędzia Inspect w przeglądarce Chrome lub Firefox lub kopiując go bezpośrednio z pliku CSS motywu nadrzędnego.

Metoda 1: Kopiowanie kodu z inspektora Chrome lub Firefox

Najłatwiejszym sposobem na znalezienie kodu CSS, który należy zmodyfikować, jest użycie narzędzi inspektora dostarczanych z przeglądarkami Google Chrome i Firefox. Narzędzia te pozwalają zajrzeć do kodu HTML i CSS dowolnego elementu strony internetowej.

Dowiedz się więcej o narzędziu inspektora w naszym przewodniku na temat podstaw elementu inspect: konfigurowanie WordPressa dla majsterkowiczów.

Po kliknięciu prawym przyciskiem myszy na twoją stronę internetową i użyciu elementu inspect, zobaczysz HTML i CSS dla tej strony.

Gdy przesuniesz kursor myszy nad różnymi liniami HTML, inspektor podświetli je w górnym oknie. Pokaże również reguły CSS związane z podświetlonym elementem, na przykład:

Demonstrating how the Chrome inspect tool works

Możesz spróbować edytować CSS właśnie tam, aby zobaczyć, jak to będzie wyglądać. Na przykład, spróbujmy zmienić kolor tła motywu na #fdf8ef. Znajdź linię kodu, która mówi body {, a wewnątrz niej kod, który mówi color:.

Wystarczy kliknąć ikonkę wyboru koloru obok koloru: i wkleić kod HEX w odpowiednie pole, jak poniżej:

Teraz już wiesz, jak zmienić kolor tła za pomocą CSS. Aby zmiany trwały, możesz otworzyć plik style.css w katalogu motywu potomnego (za pomocą menedżera plików lub FTP).

Następnie wklej następujący kod poniżej informacji o motywie potomnym, tak jak poniżej:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

body {
    background-color: #fdf8ef
}

Oto jak to będzie wyglądać, jeśli przejdziesz do panelu administracyjnego WordPress i otworzysz Wygląd Edytor plików motywu:

Adding custom CSS in a child theme's stylesheet in the theme file editor

Jeśli jesteś początkującym i chcesz wprowadzić inne zmiany, zalecamy zapoznanie się z HTML i CSS, aby dokładnie wiedzieć, do jakiego elementu odnosi się każdy kod. W Internecie dostępnych jest wiele ściągawek HTML i CSS, do których można się odwołać.

Oto kompletny arkusz stylów, który stworzyliśmy dla motywu potomnego. Zachęcamy do eksperymentowania i modyfikowania go:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

.site-title {
color: #7d7b77;
}
.site-description {
color: #aba8a2;
}
body {
background-color: #fdf8ef;
color: #7d7b77;
}
.entry-footer {
color: #aba8a2;
}
.entry-title {
color: #aba8a2;
font-weight: bold;
}
.widget-area {
color: #7d7b77;
}

Metoda 2: Kopiowanie kodu z pliku style.css motywu nadrzędnego

Być może w twoim motywie potomnym jest wiele rzeczy, które chcesz dostosować. W takim przypadku szybszym rozwiązaniem może być skopiowanie kodu bezpośrednio z pliku style.css motywu nadrzędnego, wklejenie go do pliku CSS motywu potomnego, a następnie zmodyfikowanie go.

Najtrudniejsze jest to, że plik arkusza stylów motywu może wydawać się naprawdę długi i przytłaczający dla początkujących. Jednak po zrozumieniu podstaw, nie jest to takie trudne.

Posłużmy się prawdziwym przykładem z arkusza stylów motywu nadrzędnego Twenty Twenty-One. Musisz przejść do katalogu /wp-content/themes/twentytwentyone w katalogu instalacyjnym WordPress, a następnie otworzyć plik style.css w menedżerze plików, FTP lub edytorze plików motywu.

Zobaczysz następujące linie kodu:

:root {
/* Colors */
--global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
--global--color-secondary: var(--global--color-gray); /* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green); /* Mint, default body background */
--global--color-border: var(--global--color-primary); /* Used for borders (separators) */
}

Linie od 3 do 15 kontrolują rodzaj kolorów (takich jak żółty, zielony, fioletowy), których cały motyw będzie używał w określonych kodach HEX. W przypadku linii takich jak „global-color-primary” lub „global-color-secondary” oznacza to, że są to podstawowe i drugorzędne kolory tego motywu.

Możesz skopiować te linie kodu do arkusza stylów motywu potomnego, a następnie zmienić kody HEX, aby stworzyć idealny schemat kolorów.

Przewijając w dół arkusz stylów motywu nadrzędnego, można zauważyć, że inne zmienne również mogą mieć te zmienne kolorów, tak jak tutaj:

/* Buttons */
--button--color-text: var(--global--color-background);

Zasadniczo oznacza to, że wszystkie teksty przycisków będą miały ten sam kolor, co zadeklarowany w --global--color-background:, czyli miętowy zielony(--global--color-green: #d1e4dd). Jeśli zmienisz HEX w –global–color-green :, tekst przycisku również będzie wyglądał inaczej.

Uwaga: Jeśli korzystasz z motywu potomnego Twenty Twenty-One i nie widzisz żadnych zmian, może być konieczne zaktualizowanie części „Wersja” informacji o pliku motywu (na przykład z 1.0 do 2.0) za każdym razem, gdy aktualizujesz plik style.css.

Możesz także skorzystać z tych poradników, aby poeksperymentować z własnymi konfiguratorami motywu potomnego:

Jak dostosować swój blokowy motyw potomny?

Jeśli korzystasz z motywu potomnego, większość twoich konfiguratorów zostanie wykonana w pliku theme.json, a nie style.css.

Jednak podczas naszych testów stwierdziliśmy, że proces ten jest skomplikowany. W przeciwieństwie do klasycznych motywów potomnych, istnieje większa luka w wiedzy, którą musisz wypełnić (zwłaszcza na temat JSON i sposobu obsługi CSS), jeśli jesteś nowy w tworzeniu motywów WordPress.

To powiedziawszy, znaleźliśmy znacznie łatwiejszą alternatywę przy użyciu wtyczki Create Block Theme. Narzędzie to może rejestrować wszelkie zmiany wprowadzone w pełnym edytorze witryny WordPress w pliku motywu potomnego.json. Nie będziesz więc musiał w ogóle dotykać żadnego kodu, ponieważ wtyczka zajmie się tym za Ciebie.

Pokażemy to na przykładzie. Najpierw otwórz pełny edytor witryny WordPress, przechodząc do Wygląd ” Edytor.

Selecting the Full-Site Editor from the WordPress admin panel

Pojawi się kilka menu do wyboru.

Tutaj wystarczy wybrać „Style”.

Opening the Styles menu in Full Site Editor

Na następnej stronie zobaczysz kilka wbudowanych kombinacji stylów do wyboru.

Dla naszych celów możesz po prostu pominąć to wszystko i po prostu kliknąć ikonkę ołówka.

Clicking the Edit Styles button in the Full Site Editor

Spróbujmy teraz zmienić niektóre elementy motywu potomnego, takie jak czcionki.

W tym przykładzie kliknij „Typografia” na prawym panelu bocznym.

Clicking the Typography menu in Full Site Editor

Następnie wyświetlone zostaną opcje umożliwiające zmianę globalnego kroju pisma motywu dla tekstu, odnośników, nagłówków, podpisów i przycisków.

Kliknijmy„Nagłówki” dla celów demonstracyjnych.

Clicking Headings in the Full Site Editor

W menu rozwijanym Czcionka zmień oryginalny wybór na dowolną dostępną czcionkę.

W razie potrzeby można zmienić wygląd, wysokość linii, odstępy między literami i wielkość liter.

Styling headings in the Full Site Editor

Po zakończeniu kliknij przycisk „Zapisz”. Następnie możesz kliknąć przycisk Utwórz motyw blokowy (ikonka klucza) obok „Zapisz”.

Następnie kliknij „Zapisz zmiany”. Spowoduje to zapisanie wszystkich twoich zmian w pliku child.json motywu potomnego.

Saving a child block theme's changes using the Create Block Theme plugin

Jeśli otworzysz twój plik theme.json, zobaczysz zmiany mające wpływ na kod.

Oto, co zobaczyliśmy po aktualizacji naszego motywu potomnego:

A child block theme.json file after changes were made to it using the Create Block Theme plugin

Jak widać, teraz plik zawiera kod, który wskazuje, że tagi nagłówków będą używać czcionki Inter o wyglądzie półgrubym, wysokości wiersza 1,2, odstępie między wierszami 1 piksel i małymi literami.

Dlatego za każdym razem, gdy edytujesz swój motyw potomny, upewnij się, że kliknąłeś ikonkę klucza i zapisałeś zmiany, aby były dobrze udokumentowane.

Jak edytować pliki szablonów motywu potomnego?

Większość motywów WordPress ma szablony, które są plikami motywu kontrolującymi projekt i układ określonego obszaru wewnątrz motywu. Na przykład sekcja stopki jest zwykle obsługiwana przez plik footer.php, a nagłówek jest obsługiwany przez plik header.php.

Każdy motyw WordPress ma również inny układ. Na przykład motyw Twenty Twenty-One ma nagłówek, pętlę treści, obszar widżetów stopki i stopkę.

Jeśli chcesz zmodyfikować szablon, musisz znaleźć plik w katalogu motywu nadrzędnego i skopiować go do katalogu motywu potomnego. Następnie należy otworzyć plik i wprowadzić żądane modyfikacje.

Na przykład, jeśli korzystasz z Bluehost, a twoim motywem nadrzędnym jest Twenty Twenty-One, możesz przejść do /wp-content/themes/twentytwentyone w menedżerze plików. Następnie kliknij prawym przyciskiem myszy plik szablonu, taki jak footer.php i wybierz „Kopiuj”.

Copying footer.php in Bluehost file manager

Następnie wpisz ścieżkę do pliku twojego motywu potomnego.

Gdy skończysz, po prostu kliknij „Kopiuj pliki”.

Entering the child theme's file path to copy and paste the footer.php into inside Bluehost file manager

Nastąpi przekierowanie do ścieżki pliku.

Aby edytować plik footer.php, wystarczy kliknąć go prawym przyciskiem myszy i wybrać opcję „Edytuj”.

Editing footer.php in Bluehost file manager

Jako przykład usuniemy odnośnik „Proudly powered by WordPress” z obszaru stopki i dodamy tam powiadomienie o prawach autorskich.

W tym celu należy usunąć wszystko pomiędzy tagami <div class="powered-by">:

<div class="powered-by">
				<?php
				printf(
					/* translators: %s: WordPress. */
					esc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),
					'<a href="' . esc_url( __( 'https://wordpress.org/', 'twentytwentyone' ) ) . '">WordPress</a>'
				);
				?>
			</div><!-- .powered-by -->

Następnie należy wkleić kod, który znajduje się pod tymi tagami w poniższym przykładzie:

<div class="powered-by">
<p>© Copyright <?php echo date("Y"); ?>. All rights reserved.</p>
</div><!-- .powered-by -->

Oto, co powinieneś teraz zobaczyć w edytorze tekstu:

Replacing the WordPress footer links in footer.php inside Bluehost file manager

Śmiało zapisz plik, aby zmiany stały się oficjalne.

Następnie przejdź na twoją witrynę internetową, aby zobaczyć nowe powiadomienie o prawach autorskich.

Adding a dynamic copyright notice in footer.php

Jak utworzyć nową funkcjonalność w twoim motywie potomnym?

Plik functions.php w motywie wykorzystuje kod PHP do dodawania funkcji lub zmiany domyślnych funkcji witryny WordPress. Działa jak wtyczka dla twojej witryny WordPress, która jest automatycznie włączana z twoim obecnym, aktualnym motywem.

Znajdziesz wiele poradników WordPress, które proszą o skopiowanie i wklejenie fragmentów kodu do functions.php. Jeśli jednak dodasz swoje modyfikacje do motywu nadrzędnego, zostaną one nadpisane za każdym razem, gdy zainstalujesz nową aktualizację motywu.

Dlatego zalecamy korzystanie z motywu potomnego podczas dodawania własnych fragmentów kodu. W tym poradniku dodamy nowy obszar widżetów do naszego motywu.

Możemy to zrobić, dodając ten fragment kodu do pliku functions.php naszego motywu potomnego. Aby uczynić ten proces jeszcze bezpieczniejszym, zalecamy użycie wtyczki WPCode, aby nie edytować bezpośrednio pliku functions.php, zmniejszając ryzyko błędów.

Więcej informacji można znaleźć w naszym przewodniku na temat dodawania własnych fragmentów kodu.

Oto kod, który musisz dodać do twojego pliku functions.php:

// Register Sidebars
function custom_sidebars() {

$args = array(
'id'            => 'custom_sidebar',
'name'          => __( 'Custom Widget Area', 'text_domain' ),
'description'   => __( 'A custom widget area', 'text_domain' ),
'before_title'  => '<h3 class="widget-title">',
'after_title'   => '</h3>',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget'  => '</aside>',
);
register_sidebar( $args );

}
add_action( 'widgets_init', 'custom_sidebars' );

Po zapisaniu pliku możesz przejść na stronę Wygląd ” Widżety w twoim kokpicie WordPress.

W tym miejscu zobaczysz swój nowy konfigurator widżetów, do którego możesz dodawać widżety.

Creating a custom widget area for a child theme

Istnieje wiele innych funkcji, które można dodać do twojego motywu za pomocą własnych fragmentów kodu. Sprawdź te niezwykle przydatne sztuczki dla pliku functions.php WordPress i przydatne fragmenty kodu WordPress dla początkujących.

Jak rozwiązać problemy z motywem potomnym WordPressa?

Jeśli nigdy wcześniej nie tworzyłeś motywu potomnego, istnieje duża szansa, że popełnisz kilka błędów i jest to normalne. Dlatego zalecamy korzystanie z wtyczki do tworzenia kopii zapasowych i utworzenie witryny regionalnej lub środowiska przejściowego, aby uniknąć błędów krytycznych.

Biorąc to wszystko pod uwagę, nie poddawaj się zbyt szybko. Społeczność WordPress jest bardzo zasobna, więc niezależnie od tego, jaki masz problem, rozwiązanie prawdopodobnie już istnieje.

Na początek możesz sprawdzić nasze najczęstsze błędy WordPress, aby znaleźć rozwiązanie.

Najczęstszymi błędami, które prawdopodobnie zobaczysz, są błędy składni spowodowane przez coś, co przeoczyłeś w kodzie. Pomoc w rozwiązaniu tych problemów znajdziesz w naszym krótkim przewodniku, jak znaleźć i poprawić błąd składni w WordPress.

Ponadto zawsze możesz zacząć od nowa, jeśli coś pójdzie nie tak. Na przykład, jeśli przypadkowo usuniesz coś, czego wymagał twój nadrzędny motyw, możesz po prostu usunąć plik z motywu potomnego i zacząć od nowa.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć motyw potomny WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat zwiększania szybkości i wydajności WordPress a oraz wyborem najlepszych kreatorów stron typu „przeciągnij i upuść „, dzięki którym z łatwością zaprojektujesz swoją witrynę internetową.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

101 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Hajjalah says

    Thanks for this comprehensive guide. I would like to create a child theme using the plugin method but still have some not sure about some issues.
    Will the codes in the WPCode plugin take effect on the child theme? If the parent theme is updated but the child theme is not updated, Can’t they conflict to cause an error?

    • WPBeginner Support says

      Yes the code in WPCode will appear on your child theme and if you update the parent theme there is a chance of conflict but it is not a guarantee.

      Administrator

  3. Jiří Vaněk says

    A child theme is always the first thing I create on a newly installed site. Although I try to use WP Code a lot and avoid problems, but the child theme is an absolutely brilliant thing when updating a template and can save a lot of trouble with lost code that disappears from the main template after an update.

    • WPBeginner Support says

      You would want to use the code from our article below the text /* enqueue scripts and style from parent theme */ :)

      Administrator

  4. Yogesh Sambare says

    Hi, Team wpbeginner,
    Thanks for this awesome guide, now I think I’m able to make my themes child theme, and it’s really helpful for me .

  5. Ricardo says

    The line:
    „wp_get_theme()->get(’Version’) )”

    Should be:
    „wp_get_theme()->get(’Version’) )”

    cheers!

    • WPBeginner Support says

      While our comments automatically changed that in your message, we see the issue, thank you for letting us know :)

      Administrator

  6. Eitan says

    You need to add quotation marks to the Y = („Y”) at the echo date, or you’ll get an error. – echo date(„Y”)

  7. Bomo says

    So now that we have created a child theme, how do we update the parent theme when the child theme is activated?

    • WPBeginner Support says

      You would update the parent theme as you normally would. For safety, you may want to create a backup before you update the parent theme in case there is a conflict somewhere.

      Administrator

  8. Mahesh Yadav says

    One thing I want to know, if we make a child theme then we have 2 CSS files to load one parent theme CSS and second child them CSS. Wouldn’t it increase the site load time and It added one more CSS to load?

    • WPBeginner Support says

      While the load time would technically increase, it shouldn’t be by a noticeable amount.

      Administrator

  9. Daniel Waduka says

    I am just starting to use child themes, and this article has been of so much help to me.

    Thanks so much.

  10. Marcos Flores says

    Hi! i’ve been reading this article and it works! but i also read wordpress documentation about this and they say this

    „Note that the previous method was to import the parent theme stylesheet using @import: this is no longer best practice, as it increases the amount of time it takes style sheets to load. The correct method of enqueuing the parent theme stylesheet is to add a wp_enqueue_scripts action and use wp_enqueue_style() in your child theme’s functions.php ”

    Should i use both method? or if i user the function.php i dont need to write import function inside style.css (located in my child-theme folder)

  11. Khema says

    Your instructions are missing a step with the functions.php creation. It should mention that needs to wrap the whole file. In this case I didn’t want to add the example you used and to another piece of code from the article you linked to. Naturally those codes didn’t include the php tag.

    Thanks for the article. It’s very very helpful.

  12. rReons says

    So question. I was using my wordpress theme without any child theme and was doing all the changes in to it. I have created a child theme thanks to your guide and I’m using that now as the website theme.

    My question is both themes have the same modifications changes. If I update the main theme from now on, will the changes affect the child theme also?

  13. balu says

    He! wpbeginner. WordPress official site saying this. You need to update the post. Thank You!

    Note that the previous method was to import the parent theme stylesheet using @import: this is no longer best practice, as it increases the amount of time it takes style sheets to load. The correct method of enqueuing the parent theme stylesheet is to add a wp_enqueue_scripts action and use wp_enqueue_style() in your child theme’s functions.php. You will therefore need to create a functions.php in your child theme directory. The first line of your child theme’s functions.php will be an opening PHP tag (<?php), after which you can enqueue your parent and child theme stylesheets. The following example function will only work if your Parent Theme uses only one main style.css to hold all of the css. If your child theme has more than one .css file (eg. ie.css, style.css, main.css) then you will have to make sure to maintain all of the Parent Theme dependencies.

  14. Alfonso de Garay says

    I have a Child theme with the theme latest version installed in my site. WP version 4.7.5. Received a notice that says WP version is available please update now.
    1. Do I have to backup my site again before updating?
    2. Do I have to create another Child theme using Child version 1 one?
    2. How can I change the Name, email and URL to Chile version 1

    • WPBeginner Support says

      Hi Alfonso,

      WordPress updates normally do not affect your themes so you do not need to create another child theme. You should always backup your website before updating WordPress.

      Administrator

  15. Lisa Bruce says

    Hi, I can see that this video/post is a few years old, so I’m a little late to the party, but I have a questions I was hoping you could help me with.
    I am a relatively new to WP and just came to realize the importance of child themes. I have been working on developing a site for a friend and have made several changes to the theme that I am using. I found a bug in the theme and contacted the theme developer and they said that the bug had been fixed in a recent update.
    If I install the update I believe I will loose all my customizations. Is it too late to create a child them? Is it possible to do it now and then install the update? I prefer not to have to start from scratch.

    • WPBeginner Support says

      Hi Lisa,

      If you know what changes you made and to which files, then first download a backup of your existing theme to your computer. After that, install the updated version. You can now create a child theme and then copy and paste the code from your customized version to the child theme.

      Administrator

  16. Nell Yang says

    Thank you for this helpful post. I have always been looking for a video to show me how exactly should I use child theme. It is quite time consuming that each time after I updated my theme, all my styles just went away. It is frustrating to do everything over again. I tried to read the documents from wordpress but still don’t know how to proceed after activate the child theme. Keep up the good work! Thank you again!

  17. Tony Agee says

    Good instructional video. Most tutorials I have watched tell you to paste the code in the file but they neglect to tell you what medium to paste the code to. I was going to use Notepad++ but I guess you can use regular notepad.

  18. JP says

    Hello, i just want to say that you are a very good writer, very clear and simple. I past a long time on your article for learn WP.

    Thank you!

  19. Rob Brooks says

    Hi. Thank you for being a great WP resource. I am new to WP and really appreciate your guidance. I have followed the article to the letter but when I go to enable the child template on the site, I get the error „The parent theme is missing. Please install the „Real Estate Lite” parent theme. As you see I am using a free template called Real Estate light. it is located in the ../real-estate-lite/ directory of wp-content/themes. My code is below… did I do something wrong?

    Theme Name:   Real Estate Lite Child Theme
    Theme URI:    http://www.example.com/
    Description:  Real Estate Lite child theme
    Author:       me
    Author URI:   http://www.example.com
    Template:     Real Estate Lite
    Version:      1.0.0
    */
    @import url("../real-estate-lite/style.css");
    

    In addition, I will mention the theme was free and is running on WP version 4.7.2 (Running on Plesk). I created style.css file directly on the server so no FTP issues.

    I have already made significant changes to the parent style.css file as well as functions.php … I am not sure if this would affect this, but going to test on an unedited dummy domain to see if I get the same results

    Any guidance/assistance you can provide would be greatly appreciated.

  20. Carrie says

    Hi! Great article! I am finally starting to understand how to edit css so that I get the result I want, thanks to this article.

    Thanks much for the simplified explanation!

  21. Nalin says

    I created a child theme & Using @import for the “style.css” on a child theme. Now I want to change in another css file of parent theme’s folder ….. /font_awesome/css/fontawesome.css
    Now, I want to know that where I will put my new fontawesome.css in child theme & how to use @import command.
    or any other process to use more css file in child theme.

  22. Rebecca says

    So, I don’t have the wp content folder on my computer. What should I do?
    Should I have downloaded this at some point?

  23. Jean-philippe says

    I am learning so much since a few hours on your website. Everytime I search something in google related to „how to” in wordpress I find that the best information is here at WPbeginner. It is always well explained and easy to understand. I will always come back for information here without a doubt.

  24. Kevin says

    I know this will be a stupid question. I’m so new to this and have no skills at all. If I am creating a file, style sheet, etc. on my wp installation file on my local pc, how does that get onto my website? I guess I’m missing that? I use like 3 different PCs to work on my website and those local files aren’t on all of them. Again, I am sure I am missing something really dumb. Not seeing the connection.

  25. Francesco says

    Hi there,
    I’m following your tutorial but WordPress (4.5.3) doesn’t recognise the new folder on my online server. How can I work around this?
    Thanks,
    F.

  26. Carolina says

    Hi, thanks for the tutorial, very helpfull. But I have a question. Can I create a child theme from an already established website? I have a client who designed his own website but did not create a child theme. How to go about it?

  27. Mike says

    Thank you so much for the article and video. Apparently since these were created WordPress has new best practices listed in their codex which is confusing me.

    „The final step is to enqueue the parent and child theme stylesheets. Note that the previous method was to import the parent theme stylesheet using @import: this is no longer best practice.”

    Do I stick with the steps you outlined herein verbosely, or do I omit the import function and create the PHP file, or do I implement both?

    My theme’s style.css file only contains a header so importing that file seems irrelevant, and there are multiple CSS files like main.css located elsewhere in the parent’s file structure. Not knowing any better as a beginner I have already made changes to main.css to achieve some of my goals and only now I realize the child theme is necessary.

    Any advice is greatly appreciated.

    Best regards,

    Mike

  28. Olamide says

    Good day. When I did a live preview of the child theme, I noticed that it didn’t have the css of the parent theme. Maybe this is as a result of an error in the way I inserted the code?
    This is the code that I inserted:
    /*
    Theme Name: sparkling child
    Theme URI: https://www.wpbeginner.com/
    Description: sparkling child theme
    Author: djetlawyer
    Author URI: http://www.example.com
    Template: sparkling
    Version: 1.0.0
    */
    @import url(„../sparkling/style.css”);

    The parent theme is „sparkling”. If there is any error, please correct me.
    Thank you.

  29. lucia says

    Hi there,
    I am trying to set up a child theme to activate my footer on twenty twelve, but I don’t know what code to use to set it up.
    I tried this webpage

    with various suggestions , and I have tried to change your suggestion as given on twenty thirteen , but I don’t succeed.
    Could you please give me the right working code for setting up a child them for twelve twelve.

  30. Leigh says

    This was incredibly helpful – especially your HTML for us to copy. I’ve never been so excited to see colors change on a website before. This is easily the best „how-to” out there for this theme!

  31. Bhautik Andhariya says

    Hello, I have tried same example that you shown. But my child theme is replacing all the style of its parent theme.
    It doesn’t have any style of it’s parent. What is the solution? Can you please help me? I am new in wordpress and i am learning it.

  32. Angelo says

    Hi there!

    I’ve just installed the Bose template and also created a child theme for it. However, the following error message appears on the center of my website:

    Warning: implode(): Invalid arguments passed in /home/hello582/public_html/teste/wp-content/themes/bose/featured.php on line 12

    I’m a very beginner at websites creation, so I haven’t got any clue about what the problem is. Could anyone help me?

    Thanks a lot!

  33. Djamila says

    Hi,

    Thanks for the article! I could not get my child theme to 'appear’ in the template section and it turned out I indeed misspelled the way the original template was named. What a difference a capital makes, huh?
    However, now that I have my child theme I was able to update the parent theme and when I did all of a sudden I got an issue with a super important plugin ( I am building a review blog on a local database, for now and it’s the wrap up/grading plugin belong to the template designers).
    In the parent template they 'upgraded’ this plugin. I personally prefer the old one, but okay…anyway…underneath my review you now see *both*, the old wrap up with grades and the new one, which looks out of whack too. I have de-activated and re-activated but it stays like that. Super annoying and I don’t know where to look to either keep the old one (prettier) or only the new one and outlines as should.

    Where should I start? Thanks for any help you can give me.

  34. Amanda says

    Thanks for a great article!

    If I use a child theme, will I still be able to customize it using the Appearance> Theme Options that comes with my theme in the admin panel such as font size, background colors etc. or do I have to go the code route?

    If I have activated the Child theme and I use the Appearance tab to update the styling instead of using code, is it essentially still updating the parent theme because the related files are not in the child theme folder?

      • Amanda says

        Thanks for your reply.

        So if I activate the Child Theme and use the settings in the Appearance tab of my admin panel to change the styling (instead of writing css code), my changes won’t be overwritten when I do a theme or WordPress update on the parent theme?

        Would I still need to copy the stylesheet, header, footer files etc. to the child theme folder to make the scenario above work?

  35. Laura says

    I’ve been following these (and other) steps to create a child theme based on twentytwelve. The issue I’m running into is that wordpress seems to ignore only some of the css I’ve changed from the original theme and it’s driving me nuts. For example, I’ve successfully changed the background colour of the menu, but it simply won’t let me change the text colours of anything. I’ve used your approach of editing it in chrome’s code inspector thing (which worked great, the colour got changed, suggesting my code was correct) and pasting the changed code into the style.css of the child theme, but it doesn’t seem to get picked up at all. I don’t know what to do about this, any insights would be very welcome!

  36. Boyet says

    Thank you very much for this tutorial. I don’t have problem editing my child theme’s stylesheet, header, and footer files.

    My question is, what will I do if I wanted to change something in a file located in my mother theme’s folder like: public_html/wp-content/themes/shopera/woocommerce?

    Do I need to create the same path in my child theme?

    Thanks in advance…

  37. Tony Arnold says

    Very helpful and largely understood and executed.
    I am trying to make my header image full width.My theme doesn’t 'allow’ this as standard so do i change the file?
    Thank you

  38. Xander says

    Hi, there!

    It seems I have got stuck a little bit. I have already made some changes in the some .php-files (e.g. header.php, footer.php and so on) of my parent theme without having a child theme installed.
    Now I want to create a child theme because updates of the parent one have been coming. What should I do with all those already modified files? Should I copy them in the child theme’s directory? What are folder I need to have it it? Should I create the same folders that the parent theme has got for the child theme?

    Thank you,

    • WPBeginner Support says

      You don’t need all the folders of your parent theme. You just need to recreate the files where you have made changes. We have a tutorial on how update themes without losing changes. It has a section where you can find out which files you have modified in your theme and what changes you have made to them.

      Download a fresh copy of your parent theme on your computer. Download the old theme to your computer and then upload the fresh copy. After that create a new child theme. Copy the files where you have made changes from the fresh theme to your child theme. Copy the changes you have made in the old theme files into the files of your new child theme.

      It would take some troubleshooting before you get it right. So we strongly recommend you to backup your site first. If possible test your changes on a local WordPress install first.

      Administrator

      • Xander says

        Thank you. Could you please give me a link on the tutorial mentioned?
        There is another obstacle – I have changed functions.php file, how can I reconcile both of them in the parent and child themes?

    • WPBeginner Support says

      Download your child theme to your computer. Create a zip file containing the theme folder. Go to the admin area of another site and then visit Appearance » Themes. Click on the add new theme button and then click on the upload button. Upload the zip file you created earlier. WordPress will extract and install your child theme.

      You will also need to install the parent theme as well.

      Administrator

  39. Daniel Garneau says

    Hello,

    I find this tutorial very useful to learn how to create a child theme. But in the process I made the following ajustments. There needs to be two files in the child-theme directory. They have to be named style.css and functions.php.

    style.css must contain at least (supposing one is using the TwentyTen theme):
    @import url(„../twentyten/style.css”);
    Template: twentyten

    When I consulted the turorial on 2015-05-12, the „template: twentyten” line was in the comment block. It must be a command that can be read by WordPress.

    Also, there must be a functions.php file, and it has to have minimally the following line of command :
    <?php

    Your tutorial along with the wp codex, helped me creating my first child theme. Thank you.

  40. Maria says

    Is it safe to say that the changes I made in the custom css field can be placed into my child’s theme style.css?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.