آموزش استفاده از بخش Custom CSS ماژول های Power Builder در وردپرس

این آموزش به شما نشون میده چطور از بخش Custom CSS ماژول های Power Builder در وردپرس استفاده کنین.

Custom CSS به کاربران کمک میکنه تا عناصر خاصی از قالب رو در لحظه سفارشی کنن. شما نیازی به تغییر فایل های css ندارین. فقط کلاس css رو به تنظیمات ماژولتون اضافه کنین.

هر ماژول Power builder یک بخش css سفارشی داره. برای دسترسی بهش لطفا موارد زیر رو انجام بدین:

صفحه ای که می خواهین ویرایش کنین در بخش Pages > All Pages در پنل مدیریتتون باز کنین.
برای انجام تغییرات روی دکمه Module Settings کلیک کنین.
تب Custom css در پنجره پاپ آپ میبینین. برای انجام تغییرات css روش کلیک کنین.
این بخش چندین گزینه داره:
CSS ID: انتخابگر به اون HTML element که می خواهین بهش استایل بدین اشاره میکنه. این بخش به شما امکان میده بخش، ردیف یا آیدی ماژول css رو اضافه کنین که میتونه برای افزودن کد css اضافی استفاده بشه. برای افزودن چند کد css اضافی:
صفحه Appearance > Customize رو در بخش مدیریت سایتتون باز کنین.
روی تب Additional css کلیک کنین.
کد css رو اینجا قرار بدین.
CSS Class: این انتخابگر، عناصر با ویژگی های کلاس خاص رو انتخاب میکنه.
فیلد Before اجازه میده کد css سفارشی برای ::before pseudo-element مشخص بشه.
بخش Main Element برای افزودن کد اصلی css سفارشی استفاده میشه.توجه داشته باشین! مطمئن شین که ویژگی ها و مقادیر رو بدون brackets اضافه میکنین.
Afteris برای ::after pseudo-element استفاده میشه.
ماژول ها همچنین میتونن چندین فیلد اضافی داشته باشن: توضیحات اسلاید، عنوان اسلاید، دکمه اسلاید، کنترلرهای اسلاید، کنترلر فعال اسلاید، تصویر اسلاید، فلش های اسلاید، تصویر Blurb، عنوان Blurb، توضیحات تبلیغاتی، دکمه تبلیغاتی. بستگی به ماژولی که می خواهین ویرایش کنین داره. برای کسب اطلاعات بیشتر درمورد ماژول های Power Builder میتونین این مقاله رو بخونین.