تنها تعداد معدودی از کاربران وردپرس^(WordPress) از تم کودک استفاده می کنند و این به این دلیل است که بسیاری از کاربران نمی دانند تم کودک یا ایجاد تم کودک^{(Creating Child Theme)} در وردپرس^(WordPress) چیست . خب^(Well) ، بیشتر افرادی که از وردپرس^(WordPress) استفاده می‌کنند تمایل به ویرایش یا سفارشی‌سازی تم خود دارند، اما تمام این سفارشی‌سازی زمانی که تم خود را به‌روزرسانی می‌کنید از بین می‌رود و اینجاست که استفاده از تم کودک آغاز می‌شود. وقتی از یک طرح زمینه فرزند استفاده می کنید، تمام سفارشی سازی شما ذخیره می شود و می توانید به راحتی تم والد را به روز کنید.

ایجاد تم کودک در وردپرس

ایجاد یک تم کودک از یک تم والدین اصلاح نشده^{(Creating a Child Theme from an Unmodified Parent Theme)}

برای ایجاد یک تم فرزند در وردپرس^(WordPress) ، باید وارد cPanel خود شوید و به public_html سپس wp-content/themes بروید که در آن باید یک پوشه جدید برای تم فرزند خود ایجاد کنید (مثال /Twentysixteen-child/). اطمینان حاصل کنید که هیچ فاصله ای در نام دایرکتوری تم فرزند ندارید که ممکن است منجر به خطا شود.

توصیه می‌شود:^{(Recommended:)} همچنین می‌توانید از پلاگین One-Click Child Theme^{(One-Click Child Theme plugin)} برای ایجاد یک تم فرزند (فقط از یک تم والد اصلاح نشده) استفاده کنید.

اکنون باید یک فایل style.css برای تم فرزند خود بسازید (داخل دایرکتوری تم فرزند که به تازگی ایجاد کرده اید). پس از ایجاد فایل کافی است کد زیر را کپی و جایگذاری کنید ( جزئیات زیر را با توجه به مشخصات تم خود تغییر دهید):^(Change)

/*
 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: ) خط الگو^(Template) ( الگو^(Template) : twentysixteen) باید با توجه به نام فعلی فهرست تم (طرح اصلی که فرزند آن را ایجاد می کنیم) تغییر کند. تم والد در مثال ما تم بیست شانزده^{(Twenty Sixteen)} است، بنابراین قالب^(Template) بیست و شانزده خواهد بود.

قبلاً از @import برای بارگیری شیوه نامه از والد به موضوع فرزند استفاده می شد، اما اکنون روش خوبی نیست زیرا زمان بارگذاری شیوه نامه را افزایش می دهد. به جای استفاده از @import بهتر است از توابع PHP در فایل functions.php تم فرزند خود برای بارگیری شیوه نامه استفاده کنید.

برای استفاده از فایل functions.php باید در پوشه تم فرزند خود یکی ایجاد کنید. از کد زیر در فایل 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' );

}
?>

کد بالا فقط در صورتی کار می کند که طرح زمینه والد شما فقط از یک فایل .css برای نگهداری همه کدهای CSS^(CSS) استفاده کند.

اگر theme child شما style.css واقعاً حاوی کد CSS است (همانطور که معمولاً انجام می‌شود)، باید آن را نیز در صف قرار دهید:

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

زمان آن است که تم فرزند خود را فعال کنید، وارد پنل مدیریت خود شوید سپس به Appearance > Themes بروید و تم فرزند خود را از لیست تم های موجود فعال کنید.

توجه:^(Note:) ممکن است لازم باشد پس از فعال کردن تم کودک، منو ( Appearance > Menus ) و گزینه های طرح زمینه (از جمله تصاویر پس زمینه و سرصفحه) را دوباره ذخیره کنید .

اکنون هر زمان که بخواهید تغییراتی در style.css یا functions.php خود ایجاد کنید، می‌توانید به راحتی این کار را در پوسته فرزند خود بدون تأثیر بر پوشه تم والد انجام دهید.

ایجاد تم کودک^{(Child Theme)} در وردپرس^(WordPress) از قالب اصلی خود، اما اکثر شما قبلاً تم خود را سفارشی کرده اید، پس روش فوق به هیچ وجه به شما کمکی نمی کند. در این صورت، نحوه به روز رسانی یک پوسته وردپرس^(WordPress) را بدون از دست دادن سفارشی سازی بررسی کنید.

اگر امیدواریم این مقاله برای شما مفید بوده باشد، اما اگر هنوز سوالی در مورد این راهنما دارید، لطفاً در نظرات از آنها بپرسید.

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 Child Theme in WordPress. Well, moѕt of the peоple υsing WоrdPress tend to edit or сυstomize their theme but all that cuѕtomization iѕ lost when you update уоur theme and thаt’s where the use of child theme comеs. When you use a child theme then all your customization will be saved and уou can easily uрdate 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.

فرتاش ملک

About the author

من یک مهندس نرم افزار با بیش از 10 سال تجربه در ساخت و نگهداری از Apple Mac، دستگاه های iOS و مرورگرهای Google Chrome هستم. تجربه من شامل توسعه، نگهداری و بهره برداری از محصولات نرم افزاری از ابتدا یا مشارکت در پروژه های منبع باز است. من همچنین این فرصت را داشته ام که روی پروژه های سخت افزاری متنوعی کار کنم - از تعمیر صفحه نمایش شکسته در بیمارستان ها تا طراحی و اجرای ویژگی های جدید برای آیفون. در اوقات فراغت از انجام بازی های ویدیویی مورد علاقه، خواندن کتاب، پختن شام با خانواده یا گذراندن وقت با دوستان لذت می برم.

ایجاد تم کودک در وردپرس

ایجاد تم کودک در وردپرس

ایجاد یک تم کودک از یک تم والدین اصلاح نشده^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress