Kaliya in yar oo ka mid ah isticmaalayaasha WordPress ayaa isticmaala mawduuca ilmaha taasina waa sababta oo ah qaar badan oo ka mid ah isticmaalayaashu ma yaqaanaan waxa uu yahay mawduuca ilmaha ama Abuuritaanka Mawduuca Ilmaha^{(Creating Child Theme)} ee WordPress . Hagaag^(Well) , inta badan dadka isticmaala WordPress waxay u janjeeraan inay wax ka beddelaan ama habeeyaan mawduucooda laakiin dhammaan wax ka beddelistaas ayaa lumaya markaad mawduucaaga cusbooneysiiso waana meesha isticmaalka mawduuca carruurtu yimaado. Markaad isticmaasho mawduuca ubadka markaa dhamaan habayntaada waa la keydin doonaa oo si fudud ayaad u cusboonaysiin kartaa dulucda waalidka.

Abuuritaanka Mawduuca Ilmaha ee WordPress

Abuuritaanka Mawduuca Ilmaha ee Mawduuca Waalidka oo Aan La beddelin^{(Creating a Child Theme from an Unmodified Parent Theme)}

Si aad mawduuc ilmo ugu abuurto WordPress waxaad u baahan tahay inaad gasho cPanel-kaaga oo aad u gudubto public_html ka dib wp-content/themes halkaas oo aad u samaynayso gal cusub mawduuca ilmahaaga (tusaale /Labaatan iyo lix iyo toban-ilmo/). Hubi inaadan wax boosas ah ku haysan magaca buugga mawduuca ilmaha taasoo keeni karta khaladaad.

Lagu taliyay:^{(Recommended:)} Waxa kale oo aad isticmaali kartaa Hal-guji mawduuca Ilmaha^{(One-Click Child Theme plugin)} si aad u abuurto mawduuc ilmo (kaliya mawduuca waalidka aan la bedelin).

Hadda waxaad u baahan tahay inaad u abuurto feyl style.css mawduuca ilmahaaga (gudaha buugga mawduuca ilmaha ee aad hadda abuurtay). Markaad abuurto faylka kaliya nuqul ka bixi oo dheji koodka soo^(Change) socda

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

Fiiro gaar ah: ^(Note: ) Khadka Template ( Template : labaatan iyo sixteen) waa in la beddelaa iyadoo loo eegayo magacaaga hadda ee hagaha mawduuca (mawduuca waalidka ee ilmahooda aanu abuurayno). Mawduuca waalidka ee tusaalaheennu waa mawduuca lix iyo labaatanka , marka ^{(Twenty Sixteen)}Template - ku waxa uu noqonayaa lix iyo labaatan.

Horay @import waxa loo isticmaalay in lagu shubo qaabka xaashida laga soo bilaabo waalidka loona gudbiyo mawduuca ubadka, laakiin hadda ma aha hab wanaagsan maadaama ay kordhinayso wakhtiga lagu shubayo qaabka xaashida. Halkii aad isticmaali lahayd @import sida ugu fiican si aad u isticmaasho hawlaha PHP ee mawduuca ilmahaaga.

Si aad u isticmaasho faylka functional.php waxaad u baahan tahay inaad mid ka dhex abuurto buugga mawduuca ilmahaaga. Isticmaal koodka soo socda faylkaaga functional.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' );

}
?>

Koodhka kore wuxuu shaqeeyaa kaliya haddii mawduuca waalidka uu isticmaalo hal fayl oo .css ah si uu u hayo dhammaan koodka CSS .

Haddii mawduuca ilmahaaga style.css uu ka kooban yahay koodka CSS (sida caadiga ah), waxaad u baahan doontaa inaad sidoo kale safto:

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

Waa waqtigii la dhaqaajin lahaa mawduuca ilmahaaga, gal guddiga maamulkaaga ka dibna tag Appearance > Themes oo ka dhaqaaji mawduuca ilmahaaga liiska mawduucyada jira.

Fiiro gaar ah:^(Note:) Waxaa laga yaabaa inaad u baahato inaad dib u kaydiso liiskaaga ( Appearance > Menus ) iyo xulashooyinka mawduucyada (ay ku jiraan asalka iyo sawirada madaxa) ka dib markaad dhaqaajiso mawduuca ilmaha.

Hadda mar kasta oo aad rabto inaad wax ka beddesho style.css ama functionals.php waxaad si fudud taas ugu samayn kartaa mawduuca ilmahaaga adoon saamaynayn galka mawduuca waalidka.

Abuuritaanka Mawduuca Ilmaha^{(Child Theme)} ee WordPress ee mawduucaaga waalidka, laakiin badidiinna waxaad hore u habaysay mawduucaaga markaa habka kor ku xusan kuma caawin doono haba yaraatee. Xaaladdaas, hubi sida loo cusboonaysiiyo Mawduuca WordPress adoon lumin is-beddelka.

Haddii aad rajaynayso in maqaalkani uu waxtar kuu lahaa laakiin haddii aad wali hayso wax su'aal ah oo ku saabsan hagahan fadlan xor u noqo inaad ku waydiiso faallooyinka.

Creating Child Theme in WordPress

Only a handful of WordPress users υѕes a child theme and that’s becаuse many of the uѕers don’t know what is a child theme or Crеating Child Theme in WordPress. Well, most of the peоple using WordPress tend to edit or customizе 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 uѕe a child theme then all your cuѕtomization will be saved and you can eаsily 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.

Riley Norman

About the author

Waxaan ahay xamaasad Windows Phone ah, oo waxaan ka shaqaynayey horumarinta habab cusub oo loo isticmaalo nidaamka qalliinka in ka badan 10 sano hadda. Waxaan si qoto dheer u fahmay sida Microsoft Office u shaqeeyo, iyo sidoo kale sida ugu badan ee looga faa'iidaysto Edge. Khibradayda taleefannada casriga ah waxay sidoo kale ii ogolaataa inaan horumariyo xiriir adag oo aan la yeesho macaamiisha iyo shaqaalaha aan wada-shaqeynta, taas oo muhiim u ah xirfad kasta.

Abuuritaanka Mawduuca Ilmaha ee WordPress

Abuuritaanka Mawduuca Ilmaha ee WordPress

Abuuritaanka Mawduuca Ilmaha ee Mawduuca Waalidka oo Aan La beddelin^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress