سفارشی سازی پیمایش صفحه در وردپرس با WS Custom Scrollbar

پیمایش صفحه در وردپرس

سلام خدمت تمامی کاربران عزیز همیار وردپرس؛
تفاوت در همه جا دیده می شود حتی در دنیای وب با اینکه هزاران وبسایت وجود دارد ولی همه وبسایت ها شبیه به هم نیستند.
و هر یک با ظاهر و محتوایی مختلف می باشد. حتما دیده اید که در بعضی سایت های وردپرسی پیمایش صفحه در وردپرس به صورت های جالب و خاصی وجود دارد.
تا به حال با خود فکر کرده اید که چگونه می توان این کار را انجام داد؟

سفارشی سازی پیمایش صفحه در وردپرس با WS Custom Scrollbar

این افزونه وردپرسی در مخزن وردپرس به ثبت رسیده است و بیش از 200 بار نصب شده است. و می توان گفت که افزونه ای تازه کار در میان افزونه های دیگر وردپرس می باشد اما می تواند پیمایش صفحه در وردپرس را سفارشی کند.

ws-custom-scrollbar-wordpress-hamyarwp

آموزش کار با افزونه

ابتدا افزونه را از همیار وردپرس دریافت می کنیم و سپس شروع به نصب و فعال سازی افزونه در وردپرس خودمان میکنیم.
بعد از نصب و فعال سازی از زبانه تنظیمات روی گزینه WS Custom Scrollbar کلیک می کنیم دقیقا مشابه تصویر زیر عمل میکنیم:

start-view-wp-pannel-hamyarwp

با کلیک روی گزینه WS Custom Scrollbar به بخش تنظیمات افزونه WS Custom Scrollbar منتقل می شویم و در این قسمت است که باید رنگ و
اندازه ها را مشخص کنیم.

  دکمه اسکرول در وردپرس با Scroll Bar With Back To Top

WS Custom Scrollbar

ws-custom-scrollbar-setting-hamyarwp

در قسمت تنظیمات افزونه چندین گزینه به شرح زیر وجود دارد:

Border Color: برای تعیین رنگ پیمایش صفحه در وردپرس تعبیه شده است.
Scroll Spead: برای مشخص کردن سرعت حرکت پیمایش صفحه در وردپرس مرور تعبیه شده است.
Scrollbar Opacity: برای تعیین میزان شفافیت نوار مرور این گزینه تعبیه شده است.
Autohide: نوار مرور با انتخاب این گزینه میتواند پس از مدتی مشخص مخفی شود.
 Hide Cursor Delay: این گزینه زمان مخفی شدن (میلی ثانیه) پس از اتمام زمان مشخص شده را تعیین میکند.

نتیجه ی عملکرد

 حال زمان آن رسیده که حاصل عملکرد خویش را مشاهده کنیم. تنظیماتی که من انجام داده ام خروجی تصویر زیر را نمایش میدهد.

finish-ws-custom-scrollbar-hamyarwp

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

دانلود افزونه WS Custom Scrollbar

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 1 سال عضو همیار وردپرس

    سلام وقت بخیر اقای بزرگی یه سوال داشتم
    اگر بخوام توی فالب حرکت یه قسمت از سایت به سمت راست باشه باید چکار کنم
    واسه اینکار افزونه خاصی وجود داره
    ممنون میشم راهنمایی کنید

مطالب زیر را حتما بخوانید

دوره‌های آموزشی