سبد خرید
0

هیچ محصولی در سبد خرید نیست.

چطور در وردپرس یک پوسته فرزند بسازیم؟

نحوه ایجاد پوسته فرزند

در این مقاله شما با اصول سفارشی سازی پوسته‌های وردپرس از طریق پوسته‌های فرزند  وردپرس آشنا میشین.

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

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

چرا باید از پوسته‌های فرزند استفاده کنیم؟

چون به سادگی نتیجه میده. حتی درمورد بهترین پوسته‌ها در جهان هم همیشه چیزهای کوچک زیادی وجود داره که ما می‌خواهیم تغییرشون بدیم. تقریبا همه کاربران، کم و بیش، پوسته‌ها رو سفارشی میکنن. اما همیشه یک مشکل بزرگ وجود داره – چطور وقتی نسخه جدید موجوده، پوسته رو به‌روز رسانی کنیم؟ این دقیقا همون جاییه که پوسته‌های فرزند خیلی به کارمون میان. چون در پوسته فرزند  میتونین تقریبا هرچیزی رو که می‌خواهین تغییر بدین، بدون این که نیازی به بازنویسی کدهای پوسته والد  وردپرس داشته باشین. به این ترتیب هم از مشکلات جلوگیری میکنین و هم پوسته رو به راحتی به‌روز میکنین.

پوسته فرزند  چطور کار میکنه؟

بعد از این‌که پوسته فرزند  رو فعال کنین، در طول فرایند بارگذاری پوسته، وردپرس فایل‌های موجود در پوسته فرزند  رو جست‌وجو میکنه. اگر فایلی وجود نداشته باشه، سیستم فایل مناسب رو از پوسته والد  بارگذاری میکنه.

چطور پوسته فرزند  بسازیم؟

برای شروع کار با پوسته فرزند ، شما باید ابتدا مسیر پوسته رو ایجاد کنین. در این مثال من از پوسته مدرسه PE استفاده میکنم.

  • در مسیر wp-content/themes/ یک پوشه جدید بسازین. برای نوشتن اسم، از فرمت themename-child استفاده کنین.
  • فایل style.css رو با این محتوا در پوسته فرزند ایجاد کنین:

پست پیشنهادی :  آموزش اضافه کردن Property جدید به وبسایت وردپرس بر اساس پلاگین WPL

پارامترهای Theme name  و Template ضروری هستن

  • در قسمت Appearance > Themes پوسته فرزند رو فعال کنین.

نحوه ایجاد پوسته فرزند

اساسا مراحل همین ها هستن، حالا میتونین چیزها رو به روشی سریع و آسون تنظیم کنین!

چطور پوسته فرزند  رو ویرایش کنیم؟

  • استایل سفارشی

اگر می‌خواهین استایل‌های css بیشتری به پوستهتون اضافه کنین، باید فایل functions.php رو در پوسته فرزند  بسازین و فانکشن جدیدی رو اضافه کنین:

در این روش، وردپرس فایل style.css رو از پوسته والد  بارگذاری میکنه. اگر میخواهین فایل رو از پوسته فرزند  بارگذاری کنین، به جای

get_template_directory_uri()   از

get_stylesheet_directory_uri() استفاده کنین.

به عنوان یک مثال، من بهتون نشون میدم که چطور آیکون css رو به پست چسبنده وردپرس اضافه کنین.

نمای وبلاگ وردپرس:

نحوه ایجاد پوسته فرزند

فایل functions.php در پوسته فرزند :

فایل style.css در پوسته فرزند :

نتیجه:

نحوه ایجاد پوسته فرزند

آسونه نه؟ و مهم‌تر از همه این که نیازی به تغییر فایل‌‌های پوسته والد  وردپرس نیست!

  • تغییر فایل‌های قالب وردپرس

اگه میخواهین بعضی از قسمت‌های قالب‌ها رو تغییر بدین، فقط فایل php جدید رو در مسیر پوسته فرزند  ایجاد کنین.

برای مثال من نمای پست تکی (single.php) رو تغییر میدم.

پست پیشنهادی :  آموزش غیرفعال کردن پلاگین های وردپرس از طریق دیتابیس یا حذف دستی

نمای پست تکی:

نحوه ایجاد پوسته فرزند

فایل single.php در پوسته فرزند :

البته ما میتونیم برای tpl/content-single.php استفاده شده در فانکشن get_template_part() ، override هم ایجاد کنیم.

نتیجه:

نحوه ایجاد پوسته فرزند

اینجا تعدادی فایل قالب وردپرس داریم که میتونین override کنین:

header.php

footer.php

index.php

single.php

page.php

و خیلی چیزهای بیشتر

  • تغییر فانکشن وردپرس

اگر بخواهین میتونین حتی فانکشن پوسته‌های وردپرس رو هم تغییر بدین. فقط فانکشن رو به فایل functions.php اضافه کنین.

برای مثال، بیاین دکمه readme در پوسته والد  رو تغییر بدیم:

نحوه ایجاد پوسته فرزند

تغییرات در پوسته فرزند :

نتیجه:

نحوه ایجاد پوسته فرزند

این آموزش رو دوست داشتین؟ لطفا اونو به اشتراک بذارین و بهش امتیاز بدین. با تشکر:)

 

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان