اسلایدر حرفه ای بلاگ بیان- بلاگ تمز

آموزش نحوه ی استفاده از اسلایدر بلاگ تمز

اسلایدر بلاگ تمز از سه فایل اصلی تشکیل شده که نیاز هست برای اجرای درست اسلایدر در قالب / سایت تان آنها را اضافه کنید.

فایل های استایل

بعد از دانلود کدها ؛ فولدر اسلایدر را باز می کنید ؛ فایل استایل را از پوشه CSS با نام bt-slider.min.css می بینید.
حال : دو راه پیش روی شما هست که از این فایل استفاده کنید

فایل مورد نظر را در صندوق بیان بارگذاری کنید و لینک فایل را در کد ساختار قالب خود بگذارید به این صورت :
آدرس فایل خود را در کد زیر جایگزین bt-slider.min.css کنید.
                
                
                
              

در این روش نیازی به ویرایش ساختار قالب تان نیست شما فقط کافیه کدهای موجود در فایل bt-slider.min.css را با استفاده نوت پد (NOTEPAD) یا هر برنامه ای ویرایشگر کد دیگری باز کنید ، تمامی کدهای موجود را کپی و به استایل قالب فعلی تان اضافه کنید.

فایل های جاوا اسکریپت

  • برای اجرای اسلایدر و نمایش آن در بلاگ خودتان باید جاوا اسکریپت را از امکانات اختیاری بلاگ خودتان فعال کرده باشید.
  • حتما باید کتابخانه جی کوئری را توو قالب بلاگ تان بذارید. برای این کار کافیست تکه کد زیر را به کدهای ساختار قالب تان اضافه کنید ، اگر قبلا از جی کوئری در قالب تان استفاده کرده اید نیازی نیست این کار را دوباره انجام دهید.
    
                
                
  • حالا نوبت کدهای جاوا اسکریپت اسلایدر هست ، برای این کار شما می توانید از دو روش استفاده کنید
    1. پیشنهادی : فایل جاوا اسکریپت را در صندوق بیان بارگذاری کنید و لینک آن را به کدهای ساختار قالب تان اضافه کنید.
      فایل با نام : bt-slider.min.js این فایل را می توانید در پوشه زیر پیدا کنید
      BT-SLIDER -> assets -> js
      همانند فیلم آموزشی فایل اسکریپت را در صندوق بیان خودتان بارگذاری کنید و در ساختار قالب تان فراخوانی کنید.
    2. از سرور ما فایل جاوا اسکریپت اسلایدر را فراخوانی کنید
      برای اینکار کافیست تکه کد زیر را در ساختار قالب بلاگ بیان تان بگذارید.
      
                          
                          
                        
  • کدهای ساختار اسلایدر

          
            
          
        

    شخصی سازی آسان اسلایدر

    قابلیت نمایش یا عدم نمایش عنوان اسلایدر برای این کار کافیست مقدار ویژگی زیر را به false تغییر دهید data-bts-show-title="true"

    قابلیت تنظیم تعداد اسلایدر قابل نمایش برای این کار کافیست مقدار مورد نظر خود را با مقدار پیشفرض در ویژگی زیر جایگزین کنید. data-bts-item="1"

    قابلیت نمایش یا عدم نمایش دکمه های ناوبری اسلایدر ویژگی قابلیت نمایش ناوبری اسلایدر ؛ چنانچه مقدار true باشد ، دکمه های پیمایشی اسلاید بعدی و قبلی نمایش داده خواهند شد. data-bts-nav="true"

    قابلیت تکرار اسلایدها ویژگی تکرار اسلایدهای اسلایدر ؛ اگر میخواهید اسلایدها تکرار شود این مقدار را true قرار دهید data-bts-loop="false"

    قابلیت تنظیم فاصله بین اسلایدها برای این کار کافیست مقدار ویژگی زیر را تغییر دهید. data-bts-margin="20"

    قابلیت پخش خودکار پخش خودکار اسلایدها ، اگر نمی خواهید اسلایدها بصورت خودکار پخش شوند این مقدار را false قرار دهید.data-bts-aplay="true"

    وسط چین کردن اسلایدها کافیست مقدار ویژگی زیر را true کنید data-bts-center="false"

    نمایش نقطه های پیشمایش اسلایدر نقطه های پیمایشگر هر اسلاید را نمایش میدهید.چنانچه می خواهید این ویژگی غیرفعال شود، مقدار را برابر با false قرار دهید.data-bts-dots="true"