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

قبلاً به شما توضیح دادیم که چایلد تم چیست و چرا استفاده می‌شود اما در این پست قصد داریم در مورد آموزش ساخت Child Theme توضیح دهیم و اینکه چگونه می‌توان یک چایلد تم ایجاد کرد؟

درواقع یک چایلد تم حداقل از یک پوشه و دو فایل تشکیل می‌شود. که آن‌ها شامل پوشه اصلی چایلد تم، فایل style.css و فایل functions.php می‌شوند.

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

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

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

/*
 Theme Name:   MihanWP Child
 Theme URI:    https://mihanwp.com
 Description:  MihanWP Child Theme
 Author:       MihanWP
 Author URI:   https://mihanwp.com
 Template:     mihanwp
 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: mihanwp است که باید نام قالب اصلی خود را به جای mihanwp در آن قرار دهید.

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

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

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

برای فعال‌کردن چایلدتم حالا کافیست وارد پنل مدیریت وردپرس خود شوید. سپس از بخش نمایش > پوسته‌ها را کلیک کنید.

حالا چایلدتم وردپرس را مشاهده می‌کنید که باید فعالش کنید. به همین راحتی!

برای توضیحات بیشتر آموزش نصب چایلدتم وردپرس را ببینید.

اضافه کردن فایل استایل راست‌چین به قالب

همچنین اگر قالب شما راست‌چین است، می‌توانید جهت تغییرات در زبان‌های راست به چپ مثل فارسی فایل rtl.css را به چایلد تم اضافه کنید، سپس کدهای دلخواه را داخل آن قرار دهید. به‌این‌ترتیب فقط این کدهای سی اس اس در زبان فارسی اعمال می‌شوند.

اکنون شما می‌توانید هر فایلی که دوست دارید را در چایلد تم خود قرار دهید. به‌عنوان‌مثال فایل Header.php و Footer.php و خلاصه هر فایلی که نیاز به تغییر آن دارید را در چایلد تم خود کپی کنید، و تغییراتی که می‌خواهید را روی آن اعمال کنید.

موفق باشید.

رضا راد

میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...