Child Theme چیست؟! آموزش استفاده از چایلد تم در وردپرس و ایجاد آن

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

تغییرات در قالب با Child Theme

شاید بخواهید در کدهای functions.php یا فایل‌های دیگر قالب وردپرس وبسایت‌تان تغییراتی اعمال کنید.

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

چایلد تم چطور عمل می‌کند؟!

وقتی یک Child Theme برای قالب وردپرس وبسایت‌تان ایجاد می‌کنید و آن را فعال می‌کنید:

فایل‌های قالب چایلد تم، به جای فایل‌های قالب وردپرس اصلی سایت شما لود می‌شوند.

یعنی برای مثال اگر فایل header.php قالب اصلی سایت‌تان را در قالب چایلد تم کپی کنید و تغییراتی روی آن فایل اعمال کنید، دیگر فایل header.php قالب اصلی لود نمی‌شود و فایل header.php در چایلد تم لود می‌شود.

نحوه‌ی قرار دادن فایل در Child Theme

برای درک بهتر، در تصویر زیر یک نمونه چایلد تم ایجاد شده را می‌توانید مشاهده کنید:

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

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

برای ایجاد یک چایلد تم برای سایت وردپرس‌تان، باید مراحل زیر را طی کنید:

• ایجاد دایرکتوری برای Child Theme
• ایجاد فایل style.css
• فعال کردن چایلد تم در وردپرس

ایجاد دایرکتوری برای Child Theme

در قدم اول، وارد کنترل پنل هاست خود بشوید و از بخش File Manager ، به پوشه‌ای که وردپرس در آن نصب هست بروید. سپس به مسیر wp-content/themes بروید.

یعنی ابتدا وارد پوشه‌ی wp-content و سپس وارد پوشه‌ی themes شوید.

در این پوشه می‌توانیم قالب اصلی سایت‌مان را مشاهده بکنیم. مثلا در تصویر زیر، نام قالب آن وبسایت، hamyarlearn است:

در اینجا، یک دایرکتوری (پوشه، فولدر) جدید ایجاد می‌کنیم و نام آن را نام قالب وردپرس کنونی‌مان قرار می‌دهیم که در آخرش -child است.

برای مثال در تصویر بالا، ما باید پوشه‌ای با نام hamyarlearn-child ایجاد کنیم.

ایجاد فایل style.css

در قدم بعدی، فولدر Child Theme ای که ساختیم را باز می‌کنیم و یک فایل با نام style.css ایجاد می‌کنیم. در فایل style.css محتویات زیر را قرار می‌دهیم:

/*
Theme Name: HamyarLearn Child
Template: hamyarlearn
Theme URI: https://shayanweb.com
Author: ShayanWeb
Author URI: https://shayanweb.com
Description: HamyarLearn WordPress ChildTheme - Just active this theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hamyarlearnchild
Tags: HamyarLearn, LMS, Learning, Online Learn
This theme, like WordPress, is licensed under the GPL.
*/

توجه داشته باشید که حتما در جلوی بخش Template یعنی به جای عبارت hamyarlearn ، نام پوشه‌ی قالب وردپرس اصلی را وارد کنید.

در ادامه‌ی این فایل هم می‌توانید کدهای css دلخواه خود را وارد کنید و این کدهای css دلخواه شما هم در سایت اعمال می‌شوند.

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

فعال کردن چایلد تم در وردپرس

در قدم آخر هم باید Child Theme تان را فعال کنید!

برای این کار به پیشخوان وردپرس بروید و در منوی سمت راست، روی گزینه‌ی پوسته‌ها کلیک کنید.

در اینجا باید تمامی پوسته‌های وبسایت تان را ببینید، یعنی تصویر زیر:

و در حال حاضر قالب وردپرس اصلی سایت فعال است.

• هر دو قالب چایلد تم و قالب وردپرس اصلی باید نصب باشند. ولی قالب چایلد تم فعال باشد.
• قالب وردپرس اصلی را پاک نکنید و بگذارید نصب باشد، ولی Child Theme فعال باشد.

پس Child Theme را در سایت‌تان فعال کنید.

نحوه‌ی استفاده

برای استفاده از این پوسته‌ی فرزند، همان طور که در ابتدای آموزش هم اشاره شد باید فایل را کپی کنید.

یعنی برای مثال فایل header.php (یا هر فایل دیگری را) کپی کرده و به پوشه‌ی قالب فرزندتان منتقل کنید.

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

جمع بندی و نتیجه گیری

در این مقاله متوجه شدیم Child Themes برای چیست و چرا باید از چایلد تم استفاده کنیم. در مورد نحوه‌ی استفاده از Child Theme هم مواردی را یاد گرفتیم. امیدوارم برایتان مفید بوده باشد.