Csak néhány WordPress -felhasználó használ gyermektémát, és ennek az az oka, hogy sok felhasználó nem tudja, mi az a gyermektéma vagy a Gyermektéma létrehozása^{(Creating Child Theme)} a WordPressben^(WordPress) . Nos , a ^(Well)WordPress -t használók többsége hajlamos szerkeszteni vagy személyre szabni a témáját, de ez a testreszabás elveszik, amikor frissíti a témát, és itt jön a gyermektéma használata. Ha gyermektémát használ, akkor az összes testreszabás mentésre kerül, és könnyedén frissítheti a szülőtémát.

Gyermektéma létrehozása a WordPressben

Gyermektéma létrehozása módosítatlan szülőtémából^{(Creating a Child Theme from an Unmodified Parent Theme)}

Ha gyermektémát szeretne létrehozni a WordPressben^(WordPress) , be kell jelentkeznie a cPanelbe, és navigálnia kell a public_html oldalra, majd a wp-content/themes oldalra, ahol létre kell hoznia egy új mappát a gyermektémához (például /Twentysixteen-child/). Győződjön meg arról, hogy nincs szóköz a gyermektéma-könyvtár nevében, ami hibákhoz vezethet.

Javasolt: Az ^{(Recommended:)}Egykattintásos Gyermektéma beépülő modult^{(One-Click Child Theme plugin)} is használhatja gyermektéma létrehozásához (csak módosítatlan szülőtémából).

Most létre kell hoznia egy style.css fájlt a gyermektémához (az imént létrehozott gyermektéma könyvtárban). Miután létrehozta a fájlt, másolja és illessze be a következő kódot ( Módosítsa^(Change) az alábbi részleteket a téma specifikációinak megfelelően):

/*
 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
*/

Megjegyzés: ^(Note: ) A Sablon^(Template) sort ( Sablon^(Template) : 266) a témakönyvtár aktuális nevének megfelelően módosítani kell (a szülőtéma, amelynek gyermekét létrehozzuk). Példánkban a szülőtéma a Twenty Sixteen téma, így a sablon^(Template) huszonhathat lesz.

Korábban az @import-ot használták a stíluslap betöltésére a szülőről a gyermektémára, de most ez nem jó módszer, mivel megnöveli a stíluslap betöltésének idejét. Az @import használata helyett a legjobb, ha PHP függvényeket használ a gyermektéma functions.php fájljában a stíluslap betöltéséhez.

A functions.php fájl használatához létre kell hoznia egyet a gyermektéma könyvtárában. Használja a következő kódot a functions.php fájlban:

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

}
?>

A fenti kód csak akkor működik, ha a szülőtéma csak egy .css fájlt használ az összes CSS -kód tárolására.

Ha a gyermektéma style.css valóban CSS -kódot tartalmaz (ahogyan általában), akkor azt is sorba kell helyeznie:

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

Itt az ideje, hogy aktiválja a gyermektémát, jelentkezzen be az adminisztrációs panelbe, majd lépjen a Appearance > Themes , és aktiválja a gyermektémát a rendelkezésre álló témák listájából.

Megjegyzés:^(Note:) Lehet, hogy a gyermektéma aktiválása után újra el kell mentenie a menüt ( Appearance > Menus ) és a témabeállításokat (beleértve a háttér- és fejlécképeket).

Mostantól bármikor, amikor módosítani szeretné a style.css vagy functions.php fájlt, ezt könnyedén megteheti a gyermektémában anélkül, hogy ez befolyásolná a szülőtéma mappát.

Gyerektéma^{(Child Theme)} létrehozása a WordPress -ben a szülőtémából, de a legtöbben már testre szabták a témát, akkor a fenti módszer egyáltalán nem fog segíteni. Ebben az esetben nézze meg, hogyan frissíthet egy WordPress - témát a testreszabás elvesztése nélkül.

Ha reméli, hogy ez a cikk hasznos volt az Ön számára, de ha továbbra is kérdései vannak ezzel az útmutatóval kapcsolatban, kérjük, tegye fel őket megjegyzésekben.

Creating Child Theme in WordPress

Only a handful of WordPress uѕers usеs a child theme and that’s bеcaυse many of the users don’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the people using WordPress tend to edіt or сustomize their theme but all that customization is lost when you update your theme and that’s where the use of child theme comes. When you use а child theme then all your customization will be sаvеd and you can easily update the parent 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.

Kornél Tamás

About the author

Szakképzett iOS fejlesztő vagyok, több mint tizenkét éves tapasztalattal. Dolgoztam iPhone és iPad platformon is, és tudom, hogyan hozhatok létre és szabhatok testre alkalmazásokat a legújabb Apple technológiák segítségével. Az aiOS fejlesztői készségeim mellett komoly tapasztalattal rendelkezem az Adobe Photoshop és az Illustrator használatában, valamint webfejlesztésben olyan keretrendszereken keresztül, mint a WordPress és a Laravel.

Gyermektéma létrehozása a WordPressben

Gyermektéma létrehozása a WordPressben

Gyermektéma létrehozása módosítatlan szülőtémából^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress