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

معرفی، بررسی و آموزش سیستم مدیریت محتوی وردپرس

آموزش ساخت و به کارگیری Child Theme یا چایلد تم در وردپرس
0 1,420

آموزش ساخت و به کارگیری Child Theme یا چایلد تم در وردپرس ….

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

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

در ادامه و در آموزشی دیگر از سایت فیبز به شما آموزشی را ارائه خواهیم کرد که به راحتی بتوانید برای همیشه تنظیمات و سفارشی سازی های خود را نگه دارید و مادام که به تغییرات خود مواردی را اضافه کردید، در امان بمانند و بتوانید از آن ها استفاده نمایید. از این به بعد می توانید با خیال راحت قالب های خود را بروزرسانی کنید و هیچ دغدغه ای برای از دست رفتن تنظیمات وبسایت خود نداشته باشید. با ما همراه باشید.

 

چایلد تم Child Theme چیست و چه خدمتی به شما ارائه خواهید کرد ؟

خود کلمه ی چایلد تم به معنی پوسته ی فرزند است که این پوسته در کنار پوسته اصلی راه اندازی می شود. در واقع شما با نصب پوسته ی فرزند یا چایلد تم ۲ قالب را یکجا در وردپرس خودتان دارید. پوسته فرزند استفاده ی ویژه ای دارد و آن هم نگه داری از تنظیمات اعمال شده توسط شما در ظاهر قالب است. به عنوان مثال شما بخش فوتر سایت خود را با کد های css سفارشی سازی کرده اید. اکنون که شما پوسته ی فرزند را دارید این تغییرات برای روی پوسته ی فرزند اعمال می گردند و با بروزرسانی قالب بر جا می مانند و ثابت هستند.

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

بکار گیری یک چایلد تم در سایت وردپرسی

در واقع غیر از استفاده از افزونه های موجود برای ساخت چایلد تم، دو روش برای ساخت و استفاده از چایلد تم در وردپرس وجود دارد :

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

سیستم مدیریت محتوای وردپرس چایلد تم ها را به خوبی می شناسد و به راحتی شرایط استفاده از آن برای برای کاربران فراهم کرده است . تنها کاری که شما باید انجام دهید ساخت فایل های مربوط به چایلد تم و درج کد هایی که به شما خواهیم گفت برای معرفی چایلد تم خود در وردپرس می باشد. برای درک بهتر این قضیه بگذارید مثالی را برای شما عنوان کنیم :

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

برای ایجاد چایلد تم لازم است به پنل کاربری هاست خودتان مراجعه نمایید و وارد بخش  FileManager شوید و در اینجا به مسیر public_html/wp-content/themes مراجعه کنید. شما در داخل پوشه تم های قالب خود هستید و باید فایل چایلد تم خود را ایجاد کنید.

 

 

چایلد تم در وردپرس 1

 

 

در اینجا یک پوشه ی جدید بسازید. سپس نام پوسته ی خود را هر چه که هست کپی کنید و یک پسوند child را به آن اضافه کنید و به عنوان نام فایل چایلد تم خودتان روی پوشه ای که ایجاد کردید انتخاب کنید.

 به عنوان مثال برای نام پوشه : fabes-child

ایجاد فایل های functions.php و css

حال که پوشه ی چایلد تم را ساختید وارد آن شوید و یک فایل css در آن ایجاد نمایید و کد های زیر را در آن کپی کنید :

 

 

 

چایلد تم در وردپرس 2
ایجاد فایل در هاست

 

 

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

به دلیل استفاده ما ایرانی ها از زبان فارسی و راست چین، دو فایل style و rtl در قالب داریم می بایست تمام فایل های css را به چایلد تم معرفی نمایید. برای این منظور یک فایل با نام 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    
{

 

 

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

  1. اگر از قبل تغییرات دلخواهی در فایل css ایجاد کرده باشید!
  2. چنانچه قالب شما نسخه اصلی است و راست چین نشده است و خود شما با ساخت و تعریف کلاس ها آن را راست چین کرده اید می بایست فایل rtl.css را در چایلد تم کپی کنید تا نیاز به دوباره راست چین کردن نداشته باشید!

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

دوستان و همراهان گرامی

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.