آموزش ساخت Child Theme یا پوسته فرزند در وردپرس

آموزش ساخت Child Theme یا پوسته فرزند در وردپرس

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

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

بریم که به شما آموزش دهیم چطور می توان Child Theme بسازید :

شما برای ساخت Child Theme در قالب سایت خود باید وارد پنل مدیریت هاست سایت خود شوید و بعد از آن باید در فایل منیجر هاست خود وارد شوید و بعد از آن وارد پوشه wp-content شویدو بعد از آن وارد پوشه themes شوید و در اینجا شما یک پوشه به عنوان قالب سایت خود مشاهده می کنید به فرض مثال برای ما Mihanacademy می باشد و پس یک پوشه مانند تصویر بالا به عنوان Mihanacademy-child بسازید

خب الان بعد از اینکه ما فایل مورد نظر را ساختیم باید وارد آن شویم و ما یک فایل به نام Mihanacademy-child ساختیم و الان وارد آن می شویم و یک فایل به عنوان Style.css در این پوشه جدید که ایجاد کرده ایم می سازیم و بعد از آن فایل ساخته شده را با یک برنامه ویرایشگر متن مانند notepad یا Notepad++ باز می کنیم و کد زیر را در آن قرار می دهیم و فقط یک نکته که بعد از کد بهتون کامل توضیح می می دهم :

/*
 Theme Name:   MihanAcademy-Child
 Theme URI:    https://mihanacademy.org
 Description:  Mihanacademy Child Theme
 Author:       mihanacademy
 Author URI:   https://mihanacademy.org
 Template:     mihanacademy
 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 که نوشته شده است mihanacademy به نام اصلی قالب خود تغییر دهید در کد بالا در خط اول نام قالب و در خط های بعدی هم به همین شکل اطلاعاتی در مورد قالب سایت شما نوشته شده است که شما باید در کد بالا این فایل را مطابق فایل اصلی Style.css قالب سایت خود استفاده کنید و نام آن را در بخش Theme Name ، همان نام نوشته شده در Style.css فایل قبلی شما باشد ولی یک جمله به نام Child در آخر نام قالب خود در بخش Theme Name قرار دهید تا توسط وردپرس شناخته شود.

بعد از آن شما می توانید به کمک کد نویسی CSS شروع به کد نویسی سی اس اس شفارشی خود کنید و اگر که بیش از یک فایل سی اس اس دارید در قالب اصلی و یا چایلد تم خود دارید باید این فایل را در قالب اصلی خود فراخوانی کنید و این کار را باید با یک فایل به نام Functions.php انجام دهید و یک فایل در پوشه Child یا همان پوشه فرزند پوسته خود بسازید و کد این فایل گفته را شده کد زیر را قرار دهید تا بتوانید فایل 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 را به نسخه چایلد تم یا همان فایل پوسته فرزند قالب خود اضافه کنید و سپس کد های درون این فایل را به دلخواه خود تغییر دهید و به این ترتیب شما می توانید این کد های سی اس اس را در زبان فارسی خود اعمال کنید

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

موفق و پیروز باشید.