چایلد تم (Child Theme) چیست؟ آموزش ساخت قالب فرزند وردپرس

چایلد تم (Child Theme) یا قالب فرزند وردپرس نسخه ‌ای از قالب وردپرس است که امکانات قالب اصلی را به ارث می ‌برد اما تغییرات سفارشی شما را هنگام بروزرسانی قالب حفظ می‌ کند.

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

نکات مهم:

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

Child Theme چیست؟

چایلد تم یا قالب فرزند، پوسته یا قالبی است که همه ویژگی ها و قابلیت های پوسته اصلی یا همان قالب والد را در خودش دارد. بعلاوه اینکه می تواند سفارشی سازی های شما را نیز از پاک شدن در اثر آپدیت های دوره ای قالب اصلی حفظ کند.

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

با استفاده از child theme شما می توانید کدها و استایل های خود را برای شخصی سازی به قالب فرزند اضافه کنید و با خیال راحت قالب اصلی را آپدیت کنید. و خیالتان هم راحت است که هم سایت شما بروز و ایمن است و هم اینکه کدها و تغییرات شما دست نخورده باقی می ماند.

مزایای استفاده از Child Theme

• حفظ تغییرات پس از به‌روزرسانی قالب: مهمترین مزیت قالب چایلد؛ می توانید با خیال راحت قالب اصلی را آپدیت کنید و مطمئن باشید که سفارسی سازی ها از بین نمی روند.
• افزایش امنیت و پایداری سایت: چون در محیط جداگانه ای از قالب اصلی تغییرات را انجام می دهید؛ فایل های قالب اصلی از بروز هرگونه خطا و آسیب محافظت می شوند.
• مدیریت آسان سفارشی‌سازی‌ها: تمامی تغییرات به جای قالب والد در قالب چایلد انجام می شود و این مسئله مدیریت و ویرایش را ساده تر می کند.
• امکان توسعه و شخصی‌سازی پیشرفته: با استفاده از Child theme علاوه بر اضافه کردن فایل های css و php امکان شخصی سازی قالب های ووکامرس نیز وجود دارد. و این مزیت برای توسعه وردپرس بسیار کاربردی ست.
• عیب ‌یابی و نگهداری راحت‌ تر: با قالب فرزند، شناسایی خطاها و بازگرداندن تنظیمات به حالت قبل بسیار آسان ‌تر می شود. و در پروژه‌های تیمی، نگهداری و توسعه سایت با نظم بیشتری انجام می گیرد.

تفاوت Parent Theme و Child Theme

برای درک بهتر تفاوت بین قالب اصلی و قالب فرزند وردپرس به جدول زیر دقت کنید:

تفاوت اصلی Parent Theme و Child Theme در نحوه نگهداری تغییرات است. هرگونه ویرایش مستقیم (کدنویسی اضافی) روی قالب والد با بروزرسانی حذف می‌شود، اما تغییرات اعمال‌ شده در قالب فرزند (Child Theme) پس از بروزرسانی قالب اصلی حفظ خواهند شد. به همین دلیل برای سفارشی‌سازی قالب‌های وردپرس، استفاده از Child Theme روش استاندارد و توصیه ‌شده می باشد.

آیا حتما باید از چایلد تم استفاده کرد؟

باید بگوییم که خیر، استفاده از Child Theme همیشه ضروری نیست اما برای پروژه‌هایی که سفارشی‌سازی کدنویسی دارند توصیه می‌شود.

درواقع، نصب و استفاده از قالب فرزند یک ضرورت و قانون ثابت در همه وبسایت ها نیست و باید بسته به نوع پروژه انجام شود. چایلد تم می تواند باعث سرعت بخشیدن و سهولت در انجام شخصی سازی وبسایت ها شود. اما استفاده از آن بستگی به سبک شما در طراحی سایت و نوع پروژه دارد. در پروژه های پیچیده که نیاز به تغییرات زیادی روی قالب اصلی وجود دارد. و همچنین زمانی که قصد دارید برای اضافه کردن کدهای مختلف بجای افزونه ها از فایل functions.php و style.css کمک بگیرید استفاده از    child theme پیشنهاد می شود.

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

نحوه ایجاد چایلد تم به صورت دستی

برای اینجاد child theme برای قالب والد سایت خود از طریق بخش مدیریت فایل یا فایل منیجر هاست وارد پوشه wp-content و زیر پوشه theme شوید. و یک پوشه جدید همنام با قالب اصلی بسازید و به انتهای نام قالب child اضافه کنید. مثلا در اینجا ما می خواهیم برای قالب هلو المنتور چایلد تم بسازیم.

حالا داخل پوشه قالب چایلد، یک فایل style.css بسازید و کدهای زیر را داخل آن قرار دهید:

/*

Theme Name: Hello Child

Theme URI: https://elementor-site.ir/

 Description: Elementor-site

Author: Elementor Site

Author URI: https://elementor-site.ir/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

*/

این کدها برای معرفی نام قالب، آدرس وبسایت، ورژن، نام سازنده و سایر مشخصات قالب به وردپرس می باشد.

نکته مهم: در کد بالا مقابل Template: باید نام قالب والد خود را جایگزین کنید. (مهم ترین بخش)

در ادامه کدهای بالا هم می توانید کدهای css مورد نیاز برای سفارشی سازی قالب را اضافه کنید.

حالا نوبت به ایجاد فایل functions.php می رسد. فایلی به همین نام داخل پوشه قالب چایلد بسازید و کدهای زیر را به ابتدای فایل اضافه کنید. این کد باعث فراخوانی فایل style.css چایلد تم می شود.

در ادامه این کدها امکان درج کدهای php دلخواه وجود دارد.

function hello_elementor_child_enqueue_scripts() {

            wp_enqueue_style(

                        ‘hello-elementor-child-style’,

                        get_stylesheet_directory_uri() . ‘/style.css’,

                        [

                                    ‘hello-elementor-theme-style’,

                        ],

                        ‘1.0.0’

            );

}

add_action( ‘wp_enqueue_scripts’, ‘hello_elementor_child_enqueue_scripts’ );

نحوه ایجاد چایلد تم با افزونه

در این روش نیازی نیست فایل های style.css و function.php را خودتان دستی ایجاد کنید. برای کاربران مبتدی هم ساده تر است و احتمال خطا کمتر می شود. با کمک افزونه رایگان Child Theme Configurator می توانید برای اکثر پوسته های وردپرسی، قالب فرزند یا چایلد تم ایجاد کنید.

فقط کافیست از بخش افزودن افزونه نام این پلاگین را سرچ کرده و از مخزن نصب و فعالسازی را انجام دهید.

بعد از فعالسازی افزونه نام قالب والد را انتخاب کرده و روی دکمه Analyze   بزنید تا سازگاری قالب بررسی شود. و با انتخاب Create New Child Theme قالب فرزند ساخته می شود. درنهایت هم میتونید قالب چایلد را در قسمت پوسته ها فعال کنید.

نحوه نصب و فعالسازی چایلد تم child theme

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

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

خطاهای رایج هنگام ساخت چایلد تم

هنگام نصب و استفاده از قالب چایلد ممکن است با خطاهای وردپرس مواجه شوید.

حذف قالب اصلی یا والد (parent theme)

اگر بعد از نصب و فعالسازی قالب چایلد قالب اصلی یا والد رو حذف کنید؛ با خطا مواجه می شوید. هر دو قالب والد و فرزند باید روی سایت در بخش پوسته ها نصب باشند ولی قالب چایلد فعال باشد.

فراموش کردن فایل  functions.php

برخی  از کاربران تنها فایل style.css  را ایجاد می‌کنند و فایل functions.php را فراموش می ‌کنند. حتی اگر نخواهید کدهای php به قالب اضافه کنید ؛ فایل functions. برای بارگذاری صحیح استایل‌های قالب اصلی ضروری است و حتما باید اضافه شود.

بروز اشتباه در وارد کردن نام قالب والد در فایل  style.css

در فایل style.css باید مقدار Template دقیقاً با نام پوشه قالب اصلی یکسان باشد. کوچک ‌ترین تفاوت یا اشتباه تایپی در نام پوشه باعث می ‌شود وردپرس نتواند قالب والد را شناسایی کند.

عدم اعمال تغییرات یا کدهای وارد شده در فایل style.css

برخی از کاربران گزارش می کنند که وقتی کدهای css را در فایل style.css قالب چایلد قرار می دهند کدها اعمال نمی شود. این مشکل معمولا به دلیل حافظه کش سایت یا مرورگر می باشد.  با پاک کردن کش مرورگر مشکل حل خواهدشد.

سوالات متداول

Child Theme چیست؟

Child Theme  یا قالب فرزند در وردپرس، قالبی است که از یک قالب اصلی (Parent Theme) ارث ‌بری می ‌کند. و با نصب آن می توانید بدون تغییر فایل‌های قالب اصلی، ظاهر و عملکرد سایت را سفارشی ‌سازی کنید.

آیا برای المنتور به Child Theme نیاز داریم؟

در سایت‌ های المنتوری که از قالب‌هایی مانند Woodmart ، Astra، Hello Elementor  استفاده می ‌کنند، هر زمان قرار باشد فایل‌های قالب تغییر کنند، استفاده از Child Theme بهترین روش است.

آیا حذف قالب والد باعث خرابی قالب فرزند می ‌شود؟

بله قالب چایلد فایل ها و قابلیت های اصلی را از قالب والد دریافت میکند و با حذف قالب والد قالب چایلد نیز از کار میفتد.

تفاوت Parent Theme و Child Theme چیست؟

Parent Theme  یا قالب والد ، قالب اصلی وردپرس است که تمامی فایل‌ها، قابلیت‌ها و طراحی پایه سایت را در خود دارد. و به طور مستقل می تواند فعال شود. اما در مقابل، Child Theme  یا قالب فرزند به قالب والد وابسته است. برای فعالسازی چایلد تم حتما باید قالب والد نصب باشد.

آیا قالب فرزند سرعت سایت را کاهش می‌دهد؟

در حالت عادی خیر، از لحاظ سرعت تفاوتی در عملکرد قالب چایلد و قالب اصلی نیست چون قالب چایلد از همان فایل های قالب اصلی استفاده میکند. با این حال اگر کدهای غیربهینه در child theme اضافه شده باشد؛ افت سرعت رخ میدهد که این هم به دلیل عدم استاندارد بودن کدهاست نه ماهیت خود چایلد تم.

جمع بندی

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