آموزش وردپرس, مقالات وردپرس

سفارشی سازی اسکرول صفحه در قالب وردپرس

تغییر ظاهر اسکرول در وردپرس

گاهی پیش می آید که دوست دارید سایت خود را کاملا متفاوت و خصوصی سازی کنید و این موضوع به تمام بخشهای سایت شما بر می گردد، و حتی با سفارشی سازی اسکرول صفحه در وردپرس می توانید قالب وردپرس خود را سفارشی و منحصر به فرد کنید. این موضوع باعث می شود که ریز بینی و دقیق بودن شما در طراحی سایت برای همه آشکار شود و مخاطبین شما، طبعا از این ظرافت کاری لذت برده و به کار شما اعتماد خواهند کرد.

[quote bgcolor=’#eec700′ color=’#ffffff’ bcolor=’#ffffff’]

در گذشته اینکه اسکرول سایت را خصوصی سازی کنیم و منحصر به فرد کنیم کار ساده ای نبود و نیاز به وقت بود و بعضا پیش می آمد که کدهایی که نوشته شده با همه مرورگرها همخوانی ندارد تیم وبمستر 98 با تحقیق و جستجو برای سفارشی سازی اسکرول صفحه در وردپرس از بین افزونه ها، افزونه  WS Custom Scrollbar  را انتخاب کرده تا در این آموزش وردپرس به شما آموزش دهد.

[/quote]

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

سفارشی سازی اسکرول صفحه در وردپرس جذابیتی خاصی را به سایت شما می دهد و باعث می شود چشم بیننده درگیر شود، همچنین سایت شما را از یکنواختی خارج می کند ما به کمک افزونه WS Custom Scrollbar  میتوانیم اسکرول خود را به هر شکل که دوست داریم تغییر دهیم. اما بهتر است قبل از شروع آموزش بدانیم که اسکرول بار چیست .

اسکرول بار چیست؟

به نوار کناری سایت اسکرول بار می گویند که به کمک آن می توان در طول صفحه پیمایش کرد و تمام قسمتهای سایت را مشاهده کرد، البته اسکرول بار تنها به صورت عمودی نیست و می تواند به صورت عمودی نیز باشد و همچنین اسکرول بار میتواند در هر سمت سایت (بالا، پایین، راست و چپ سایت) قرار گیرد.

که البته اسکرول بار به صورت پیش فرض در سمت راست سایت قرار دارد.

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

اکثر طراحان و برنامه نویسان سایت اسکرول بار را تغییر نداده، و از همان حالت ساده ی اسکرول بار استفاده می کنند.

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

افزونه WS Custom Scrollbar توسط تیم  miunosoft ساخته و برنامه نویسی شده، و آخرین آپدیت آن مربوط به 9 ماه پیش می باشد و تا به امروز حدود 2000 نصب فعال از سایتهای مرجع و معتبر جهان داشته است. تا به امروز به عنوان بهترین افزونه برای سفارشی سازی اسکرول صفحه در وردپرس  و  قالب وردپرس بوده است .

 قابلیت های افزونه WS Custom Scrollbar

  • تنظیم رنگ نوار کناری و اسکرول بار به صورت خصوصی
  • ریسپانسیو
  • داشتن تمپلتهای مختلف
  • بار گیری ajax صفحه
  • خصوصی سازی انتخابگر ها
  • امکان انتخاب بی نهایت رنگ دلخواه
  • مشخص کردن سایز دلخواه و گرد کردن گوشه های نوار اسکرولی
  • تعیین سرعت نوار اسکرول و مخفی کردن آن پس از تایم مشخص
  • همخوانی با تمامی مرورگرها
  • همخوانی با انواع نسخه های وردپرس

نصب افزونه WS Custom Scrollbar

ابتدا افزونه را از سایتهای مرجع و معتبر دانلود کرده و سپس در قالب وردپرس خود نصب کنید، نصب قالب می تواند از روی هاست باشد و یا از پنل وردپرس قسمت افزونه ها

نصب افزونه WS Custom Scrollbar  از روی هاست

  • وارد cpanel شویدو پوشه filmaneger را انتخاب کنید.
  • سپس به پوشه public html بروید.
  • پوشه wp-contact را انتخاب کنید.
  • پوشه plugin را باز کنید.
  • در این پوشه بالای صفحه دکمه upload را بزنید.
  • فایل zip خود را آپلود کنید.
  • پس از آپلود کردن فایل پوشه را extract کنید.

نصب افزونه WS Custom Scrollbar  از روی پنل وردپرس

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

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

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

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

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

Border Color:  در این بخش میتوان مشخص کرد رنگ اسکرول بار  صفحه در وردپرس به چه رنگی باشد.

Scroll Spead: در این بخش میتوان سرعت حرکت پیمایش صفحه وردپرس را تعیین کرد.

Scrollbar Opacity:  میزان شفافیت اسکرول بار را در این قسمت میتوان مشخص کرد

Autohide:  با این گزینه میتوان مشخص کرد که اسکرول بار  بعد از گذشت یک مدت زمان مخفی گردد

Hide Cursor Delay: این گزینه زمان مخفی شدن (میلی ثانیه) پس از اتمام زمان مشخص شده را تعیین میکند.

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

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

سفارشی سازی اسکرول صفحه در وردپرس_افزونه WS Custom Scrollbar

[quote bgcolor=’#eec700′ color=’#ffffff’ bcolor=’#ffffff’]

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

[/quote]

[button color=”green2″ link=”https://downloads.wordpress.org/plugin/ws-custom-scrollbar.zip” rel=”nofollow” align=”left” target=”_blank” radius=”5″ icon=”momizat-icon-wordpress” icon_color=”#ffffff”]دانلود افزونه از مخزن وردپرس[/button][button color=”green2″ link=”https://wordpress.org/plugins/ws-custom-scrollbar/” rel=”nofollow” align=”left” target=”_blank” radius=”5″ icon=”momizat-icon-wordpress” icon_color=”#ffffff”]مشاهده صفحه افزونه در سایت وردپرس[/button]

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

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *