learndl learndl triboon

پوسته فرزند وردپرس و سفارشی سازی قالب وردپرس

پوسته فرزند وردپرس

پوسته فرزند وردپرس

احتمالا می دانید که پوسته فرزند وردپرس چیست و چه کاربردی دارد، پس با این آموزش از وبیت همراه باشید
تا نحوه ایجاد و استفاده از قالب فرزند یا همان child theme را به شما نشان دهیم.

پوسته فرزند (child theme) چیست؟

پوسته فرزند یک ساختار به ارث برده شده از قالب اصلی می باشد.
در این حالت اگر پوسته فرزند را فعال کنید،
در وب سایت از همان پوسته اصلی به عنوان قالب استفاده خواهد شد.
در واقع، کاربر پوسته فرزند زمانی است که شما نخواهید تغییری را در قالب اصلی به وجود آورید.
برای مثال: اگر پوسته اصلی را ویرایش کنید، بعد از بروز رسانی تمام تغییرات شما از بین خواهد رفت.
بنابراین می توانید تغییرات خود را در پوسته فرزند اعمال کنید تا دیگر نگران از بین رفتن سفارشی سازی های خود نباشید.

پوسته فرزند (child theme) در ساده ترین حالت خود از دو فایل به نام های style.css و functions.php تشکیل یافته است. فایل style.css برای ایجاد تغییرات ظاهری و از functions.php برای تغییر در ویژگی ها استفاده می شود.

برای ایجاد پوسته فرزند از طریق کنترل پنل هاست به مسیر wp-content/themes مراجعه کنید.
پوسته ای که می خواهید برای آن چایلد تم ایجاد کنید را پیدا کنید.
اگر نام پوسته اصلی vebeet باشد، نام پوشه فرزند را باید vebeet-child بگذارید.
این قانون برای آن است تا سیستم مدیریت محتوای وردپرس بتواند پوسته فرزند و والد را به درستی تشخیص دهد.
در نتیجه، اگر این ساختار را رعایت نکنید، نمی توانید از پوسته فرزند استفاده کنید.

اکنون در پوشه مربوط به قالب فرزند فایل نخست را که style.css نام دارد را ایجاد کنید و کدهای زیر را به آن اضافه کنید:

/*
 Theme Name:   قالب فرزند
 Theme URI:    http://vebeet.com/create-child-theme/
 Description:  قالب فرزند
 Author:       وبیت
 Author URI:   http://vebeet.com
 Version:      1.0
*/

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

اکنون فایل دیگر را ایجاد می کنیم. نام این فایل functions.php است که باید کدهای زیر را به آن اضافه کنید:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

این دستورات باعث می شود تا قالب فرزند به قالب وردپرس متصل گردد.

در می توانید فایل های دیگر را هم در پوسته فرزند ایجاد کنید تا تغییرات را بر روی آنها اعمال کنید؛
بدون اینکه در بروزرسانی پوسته از بین بروند.
برای مثال اگر می خواهید تغییری در بخش سربرگ صفحه ایجاد کنید،
یک فایل header.php در پوسته فرزند ایجاد کنید و سپس تغییرات خود را مشخص کنید.

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

نویسنده : محمد پورداداش

به این مطلب امتیاز دهید

امتیاز کلی : 5 / 5. تعداد آرا : 1

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !
همکاران وبیت