شروع گفتگوبا مشــــاوریــــن در تلگـــرام@sourcesaazbot
کانال تلگرام سایت صفحه اینستاگرام سایت راهنمای خرید از سایت
سورس مدیرت گروه حرفه ای و کامل
سورس ساز
سورس ربات جستجوی موزیک پیشرفته
آیا میدانید …
سورس ساز

سورس ساز

سورس فروشگاه ساز پیشرفته
فروشگاه ساز
خرید هاست ربات

نحوه اضافه کردن اسکرول سفارشی در وردپرس

اضافه کردن اسکرول سفارشی در وردپرس – تغییر ظاهر اسکرول پیش فرض مرورگر میتواند نمای زیبا و خاصی به سایت شما بدهد و وبسایت شما از دیگر سایت ها متمایز کند. ما در این آموزش دو روش را برای اینکار کار به شما بیان خواهیم کرد.

اضافه کردن اسکرول سفارشی در وردپرس

روش اول: اضافه کردن اسکرول سفارشی با استفاده از افزونه

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

کاری که باید که باید انجام دهید این است که افزونه Advanced Scrollbar را نصب و فعال کنید.

پس از فعال سازی، در پنل وردپرس به مسیر :  تنظیمات » Custom Color Scrollbar Settings  مراجعه کنید تا افزونه را پیکربندی کنید.

در این بخش شما می توانید رنگ اسکرول و رنگ پس زمینه ردیاب اسکرول را تغییر دهید.

می توانید گام اسکرول را انتخاب کنید، که با سرعت پیمایش غلتک ماوس یکی باشد.

شما همچنین می توانید انتخاب کنید که آیا می خواهید اسکرول را به طور خودکار پنهان کنید یا همیشه آن را نمایش دهید.

بعد از اعمال تغییرات بر روی دکمه ذخیره کلیک کنید و از سایت خود بازدید کنید.

روش دوم : اضافه کردن اسکرول سفارشی به صورت دستی و با استفاده از CSS

این روش از CSS برای ساختن اسکرول شما استفاده می کند که سریعتر از استفاده از jQuery است.

این رورش فقط در مرورگرهای دسکتاپ با استفاده از موتور رندر WebKit مانند گوگل کروم، سافاری، اپرا و غیره کار می کند.

کدهای زی را به فایل استایل قالب خود اضافه کنید :

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 10px;
}
 
::-webkit-scrollbar-track {
  background: #ffb400;
    border:1px solid #ccc;
}
 
::-webkit-scrollbar-thumb {
  background: #cc00ff;
    border:1px solid #eee;
    height:100px;
    border-radius:5px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: blue;
}

بعد از اعمال تغییرات بر روی دکمه ذخیره کلیک کنید.

امیدواریم از خواندن این مقاله لذت برده باشید.

سورس ساز

دسته بندی : وبلاگ
نویسنده : سورس ساز
تاریخ انتشار : ۰۷ / ۰۵ / ۱۳۹۸
بازدید : 20 بار
لینک کوتاه : https://sourcesaaz.ir/?p=2191
مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

مطالب مرتبط ...

مشاهده وبلاگ

قوانین موفقیت بیل گیتس ، دارنده معروف ترین شرکت فناوری

سورس ساز

بیل گیتس، دارنده ی معروفترین شرکت فناوری (اپل و گوگل) است همچنین ایشان تجربه انجام کسب و کار در مقایسی جهانی را دارند. بیل گیتس مایکروسافت را در سال 1975 ...

ادامه توضیحات

بازاریابی اینترنتی

بازاریابی اینترنتی

تعریف بازاریابی اینترنتی بازاریابی اینترنتی یکی از انواع بازاریابی است که در آن فرآیند تبلیغ و جذب مشتری به صورت آنلاین و در سطح اینترنت صورت می گیرد. بازاریابی اینترنتی به ...

ادامه توضیحات

اخبار هفتگی ۲ مرداد

اخبار هفتگی

با سلام خدمت شما دوستان عزیز . امروز مطلب اخبار هفتگی ۲ مرداد را برای شما آماده کرده ایم که امیدواریم از آن لذت ببرید . اخبار پیرامون وردپرس کمتر شده ...

ادامه توضیحات

تبلیغات سایت

مشاهده تعرفه


دیدگاه کاربران ...

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

    دیدگاه خود را بیان کنید