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

آخرین بروز رسانی این مطلب
5 آبان 1402

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

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

همچنین آموزش های بیشتر در وبلاگ دکترگرافیک

آموزش ساخت Child Theme

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

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

01/*
02Theme Name:   drgraphic Child
03Theme URI:    https://drgraphic.net
04Description:  drgraphic Child Theme
05Author:       drgraphic
06Author URI:   https://drgraphic.net
07Template:     drgraphic
08Version:      1.0.0
09License:      GNU General Public License v2 or later
10License URI:  http://www.gnu.org/licenses/gpl-2.0.html
11Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
12Text Domain:  twentyfifteenchild
13*/

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

مهم‌ترین مورد در کد بالا عبارت Template: drgraphic است که باید نام قالب اصلی خود را به جای drgraphic در آن قرار دهید.

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

01add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
02function my_theme_enqueue_styles() {
03 
04$parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
05 
06wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
07wp_enqueue_style( 'child-style',
08get_stylesheet_directory_uri() . '/style.css',
09array( $parent_style ),
10wp_get_theme()->get('Version')
11);
12}

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

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

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

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

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

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

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

منابع: wikipedia – wordpress.org – mihanwp – youtube

این مطالب چقدر براتون مفید بود؟

از 1 تا 5 امتیاز بدید