آموزش ساخت چایلد تم در وردپرس و سفارشی کردن آن

در آموزش های قبلی در خصوص چایلد تم چیست؟ صحبت کردیم،در این آموزش هم قصد داریم در خصوص آموزش آموزش ساخت چایلد تم در وردپرس و سفارشی کردن آن صحبت کنیم.به طور کلی یک چایلد تم حداقل از یک پوشه و دو فایل style.css و فایل functions.php ساخته می شود که در ادامه بیشتر در خصوص ساختار آن توضیح خواهیم داد.

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

در مرحله اول برای ساخت Child Theme در وردپرس باید به مسیر  wp-content/themes موجود در فایل منیجر هاست خود شویم و نام پوشه قالب فعلی سایت خود را پیدا کنید.به عنوان مثال قالب فعلی سایت ما lamerdweb می باشد. سپس یک پوشه جدید در پوشه Themes به نام lamerdweb-child ایجاد می‌کنیم(نام پوشه قالب+child).

در مرحله بعد وارد پوشه lamerdweb-child می شویم و یک فایل با نام Style.css ایجاد می کنیم و کد های زیر را درون آن قرار می دهیم.

/*
 Theme Name:   LamerdWeb Child
 Theme URI:    https://lamerdweb.ir
 Description:  LamerdWeb Child Theme
 Author:       LamerdWeb
 Author URI:   https://lamerdweb.ir
 Template:     lamerdweb
 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
*/

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

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

برای این کار باید یک فایل 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 را که استایل های راست به چپ قالب سایت شما در آن قرار می گیرد را ایجاد کنید. سپس کدهای دلخواه را داخل آن قرار دهید.

با این کار اولویت اجرا شدن فایل rtl.css از style.css بیشتر است.به این ترتیب فقط کد های استایل فارسی موجود در rtl.css اعمال می شود.

همچنین شما می توانید فایل های Header.php و Footer.php  و… هر فایلی که نیاز به تغییرات دارد را در پوشه چایلد تم خود اضافه کنید و تغییرات مدنظر خود را انجام دهید.