در این آموزش با نحوه تغییر ابعاد Parallax Slider در وردپرس آشنا میشین.
برای تغییر ابعاد Parallax Slider:
- از ابزار توسعه دهنده (که در مثال ما firebug برای فایرفاکس هست) برای تغییر کلاس CSS استفاده کنین:
- این کد برای اسلایدر رو پیدا کنین، که باید به شکل زیر باشه:
1 2 3 |
.parallax-slider { height: 719px; } |
- ارتفاع رو تغییر بدین و !important رو به انتهای کد جدید اضافه کنین.
- کد جدید که به تازگی تنظیم کردین رو کپی کنین. برای باز کردن فایل stylesheet (style.css) به Appearance->Editor برین و اون کد رو به پایین این فایل اضافه کنین. سپس روی گزینه Update File کلیک کنین تا اون رو ذخیره کنین:
- برای بررسی تغییر ارتفاع اسلایدر، صفحه اصلی رو ریفرش کنین.
در مرحله بعد، مقیاس بندی تصاویر اسلایدها رو به گونهای تغییر میدیم که با ابعاد اسلایدر مطابقت داشته باشن.
- از سرور، وارد FTP یا File manager بشین.
- به پوشه wp-content/themeXXXX/js برین تا فایل parallaxSlider.js رو پیدا کنین:
- فایل رو باز کنین و این کد رو پیدا کنین:
1 |
objectResize($('> img', primaryImageHolder), mainImageHolder, "fill"); |
- باید fill رو به fit تغییر بدین و فایل رو ذخیره کنین.
برای مشاهده تغییرات، سایتتون رو بررسی کنین.