شروع گفتگوبا مشــــاوریــــن در تلگـــرام@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;
}

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

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

سورس ساز

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

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

مشاهده وبلاگ

تاثیر سوشیال سیگنال در سئو طراحی سایت

تاثیر سوشیال سیگنال در سئو طراحی سایت سوشیال سینگال چیست؟ امروزه شبکه های اجتماعی تنها بستری برای اطلاع رسانی و یا سرگرمی افراد نیستند، بلکه این شبکه ها توانسته اند با نفوذ ...

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

آموزش قرعه کشی در اینستاگرام

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

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

راه های ساده برای کسب درآمد از وبلاگ برای مبتدیان و دوستداران وبلاگ نویسی

راه های ساده برای کسب درآمد از وبلاگ برای مبتدیان و دوستداران وبلاگ نویسی

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

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

تبلیغات سایت

مشاهده تعرفه


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

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

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