Tylko garstka użytkowników WordPressa^(WordPress) używa motywu potomnego, a to dlatego, że wielu użytkowników nie wie, co to jest motyw potomny lub Tworzenie^{(Creating Child Theme)} motywu potomnego w WordPressie^(WordPress) . Cóż^(Well) , większość osób korzystających z WordPressa^(WordPress) ma tendencję do edytowania lub dostosowywania swojego motywu, ale całe to dostosowanie zostaje utracone po zaktualizowaniu motywu i właśnie tam pojawia się użycie motywu potomnego. Gdy użyjesz motywu potomnego, wszystkie Twoje dostosowania zostaną zapisane i możesz łatwo zaktualizować motyw nadrzędny.

Tworzenie motywu potomnego w WordPress

Tworzenie motywu potomnego z niezmodyfikowanego motywu nadrzędnego^{(Creating a Child Theme from an Unmodified Parent Theme)}

Aby utworzyć motyw potomny w WordPress , musisz zalogować się do swojego cPanel i przejść do public_html, a następnie wp-content/themes, gdzie musisz utworzyć nowy folder dla motywu potomnego (na przykład /Twentysixteen-child/). Upewnij się, że w nazwie katalogu motywów potomnych nie ma spacji, które mogą powodować błędy.

Zalecane:^{(Recommended:)} Możesz także użyć wtyczki One-Click Child Theme^{(One-Click Child Theme plugin)} , aby utworzyć motyw potomny (tylko z niezmodyfikowanego motywu nadrzędnego).

Teraz musisz utworzyć plik style.css dla motywu potomnego (wewnątrz właśnie utworzonego katalogu motywu potomnego). Po utworzeniu pliku po prostu skopiuj i wklej następujący kod ( Zmień^(Change) poniższe szczegóły zgodnie ze specyfikacją motywu):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Uwaga: ^(Note: ) Wiersz Szablon^(Template) ( Szablon^(Template) : dwadzieściasixteen) należy zmienić zgodnie z obecną nazwą katalogu motywu (motywu nadrzędnego, którego dziecko tworzymy). Motywem nadrzędnym w naszym przykładzie jest motyw Twenty Sixteen , więc szablonem^(Template) będzie dwadzieścia szesnaście.

Wcześniej @import był używany do ładowania arkusza stylów z motywu nadrzędnego do motywu potomnego, ale teraz nie jest to dobra metoda, ponieważ wydłuża czas ładowania arkusza stylów. Zamiast używania @import najlepiej użyć funkcji PHP w pliku podrzędnym functions.php, aby załadować arkusz stylów.

Aby użyć pliku functions.php, musisz go utworzyć w katalogu motywów potomnych. Użyj następującego kodu w pliku functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

Powyższy kod działa tylko wtedy, gdy motyw nadrzędny używa tylko jednego pliku .css do przechowywania całego kodu CSS .

Jeśli Twój motyw potomny style.css zawiera faktycznie kod CSS (jak zwykle), będziesz musiał umieścić go również w kolejce:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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' );
?>

Czas aktywować motyw potomny, zalogować się do panelu administracyjnego, a następnie przejść do Appearance > Themes i aktywować motyw potomny z dostępnej listy motywów.

Uwaga:^(Note:) może być konieczne ponowne zapisanie menu ( Appearance > Menus ) i opcji motywu (w tym obrazów tła i nagłówka) po aktywacji motywu potomnego.

Teraz, gdy chcesz dokonać zmian w style.css lub functions.php, możesz to łatwo zrobić w motywie potomnym bez wpływu na folder motywu nadrzędnego.

Tworzenie motywu podrzędnego^{(Child Theme)} w WordPress z motywu nadrzędnego, ale większość z was już dostosowała swój motyw, więc powyższa metoda w ogóle ci nie pomoże. W takim przypadku sprawdź, jak zaktualizować motyw WordPress bez utraty dostosowania.

Jeśli masz nadzieję, że ten artykuł był dla Ciebie pomocny, ale jeśli nadal masz jakieś pytania dotyczące tego przewodnika, możesz je zadać w komentarzach.

Creating Child Theme in WordPress

Only a handful of WordPress users uses a child theme and that’s because many of the users don’t know what is a child theme or Creating Chіld Theme in WordPress. Well, moѕt of the people using WordPrеss tend to edit or customize their theme but all that customization is lost when you update your theme and that’s where the use of chіld theme сomes. When you use a child theme then all your customization will be saved and you can easily update the parеnt theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Tymon Laskowski

About the author

Jestem informatykiem z ponad 10-letnim doświadczeniem. W wolnym czasie lubię pomagać przy biurku i uczyć dzieci korzystania z Internetu. Moje umiejętności obejmują wiele rzeczy, ale najważniejsze jest to, że wiem, jak pomagać ludziom w rozwiązywaniu problemów. Jeśli potrzebujesz kogoś, kto pomoże Ci w pilnej sprawie lub po prostu potrzebujesz podstawowych wskazówek, skontaktuj się ze mną!

Tworzenie motywu potomnego w WordPress

Tworzenie motywu potomnego w WordPress

Tworzenie motywu potomnego z niezmodyfikowanego motywu nadrzędnego^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress