آموزش ساخت Child Theme یا چایلدتم برای قالب وردپرس

آموزش وردپرس ۱۸ فروردین ۱۳۹۹ 961 بازدید

سلام خدمت همراهان و کاربران ایران وردپرس,

در ابتدای بحث میخواهیم به شما توضیح دهیم چایلدتم چیست؟ همراه ما باشید تا ببینیم چایلدتم چیست و همچنین آموزش ساخت Child Theme یا چایلدتم برای قالب وردپرس با یکدیگر مرور کنیم.

قالب‌های وردپرس در اثر گذشت زمان به‌روزرسانی شده و نسخه‌های جدید در جهت بهبود نسخه پیشین و در راستای تقویت آن عرضه می‌شوند. به‌عنوان‌مثال ممکن است قالب عرضه‌شده با یک پلاگین سازگاری نداشته باشد. در این صورت در ورژن جدید، این عیب و ایرادها رفع می‌شود و شما می‌توانید از آن پوسته بهره بیشتری ببرید. همچنین در آپدیت جدید ممکن است قابلیت‌های بیشتری را به شما ارائه دهد. از طرف دیگر به‌دلیل مسائل امنیتی و امنیت سایت خود امکان به‌روزرسانی نکردن قالب سایت وجود ندارد و شما باید حتماً قالب سایت خود را آپدیت کنید. و بدین ترتیب مانع هک شدن سایت خود شوید. چایلد تم در این موارد می‌تواند کمک بسیار خوبی به ما کند.

چایلدتم چیست؟

شما با استفاده از چایلد تم در وردپرس می‌توانید یک قالب فرزند و اصلی در سایت خود داشته باشید؛ این قالب می‌تواند یک سری امکانات را حفظ کرده و شما با توجه به نظر و سلیقه خود در آینده هرگونه تغییری که خواستید را به آن اضافه کنید. درنتیجه برای اینکه تنظیمات و تغییرات ایجادشده در سایت را ذخیره کنید نیاز به چایلد تم دارید.

با استفاده از این قابلیت زمانی که شما یک قالب حرفه‌ای خریداری می‌کنید و مطابق با سلیقه خود در آن تغییراتی ایجاد می‌کنید در آپدیت‌های بعدی این تغییرات از بین نخواهد رفت و شما می‌توانید تغییرات سفارشی‌سازی که برای سایت خود انجام داده‌اید را در آپدیت‌های جدید حفظ کنید.

درگذشته هنگام به‌روزرسانی قالب‌ها این امکان وجود نداشت و تغییرات شما در آپدیت بعدی ذخیره نمی‌شد و به‌روزرسانی پوسته سبب از دست رفتن تغییرات سفارشی‌سازی شده شما می‌شد. امروزه با استفاده از این قابلیت شما می‌توانید تغییرات دلخواه خود را ایجاد و ذخیره کنید.

مزایای استفاده از چایلد تم

شما به‌راحتی می‌توانید قالب فرزند خود را بسازید و از قابلیت‌های آن کمال استفاده را ببرید. با این کار شما کلیت قالب موردنظرتان را سفارشی‌سازی می‌کنید و فقط نیاز به تغییرات جزئی جهت رفع مشکلات در آن است.با استفاده از قالب فرزند شما می‌توانید با خیال راحت تغییرات لازم را ایجاد کنید به‌گونه‌ای که قالب اصلی و والد شما دچار تغییر نشود.

آموزش ساخت Child Theme یا چایلدتم

در ابتدا برای ساخت پوشه وارد پوشه wp-content/themes در فایل منیجر هاست شوید. بعدازآن شما باید نام پوشه قالب سایت‌تان را پیدا کنید. مثلاً نام پوشه قالب ما در اینجا iranwp است. پس یک پوشه جدید در پوشه Themes به نام iranwp-child ایجاد می‌کنیم. یعنی نام پوشه قالب و در انتهای آن -child را اضافه می‌کنیم.

آموزش ساخت چایلدتم

اکنون وارد پوشه iranwp-child می‌شویم و یک فایل به نام Style.css در این پوشه ایجاد می‌کنیم. سپس کدهای زیر را در آن کپی می‌کنیم:

/*
 Theme Name:   IranWP Child
 Theme URI:    https://iranwp.net
 Description:  IranWP Child Theme
 Author:       IranWP
 Author URI:   https://iranwp.net
 Template:     iranwp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/

Theme Name: IranWP Child

Theme URI: https://iranwp.net

Description: IranWP Child Theme

Author: IranWP

Author URI: https://iranwp.net

Template: iranwp

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

Text Domain: twentyfifteenchild

کدهای بالا درواقع چایلد تم را به وردپرس معرفی می‌کنند. که شامل اطلاعاتی همچون نام سازنده و … می‌باشند.

مهم‌ترین مورد در کد بالا عبارت Template: iranwp هست که باید نام قالب اصلی خود را به جای iranwp در آن قرار دهید.

اکنون می‌توانید بعدازاین کد، کدهای سی اس اس سفارشی خود را وارد کنید. اگر بیش از یک فایل سی اس اس در قالب اصلی و چایلد تم دارید، حالا باید این فایل را در سایت و قالب اصلی (قالب مادر) فراخوانی کنید. برای این کار باید یک فایل Functions.php در پوشه چایلد تم بسازید، و کد زیر را در آن قرار دهید تا فایل Style.css فراخوانی شود.

 		add_action( 'wp_enqueue_scripts', 'iranwp_theme_enqueue_styles' );
function iranwp_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')
    );
}