با سلام خدمت شما کاربران عزیز و گرامی حال شما چطوره ؟ امیدوارم که شاد و سلامت باشید و با اموزشهای ما همراه باشید. همانطور که میدانید Slider Revolution پرفروش‌ترین و محبوب‌ترین افزونه ایجاد اسلایدر لایه‌ای است که در بیشتر پوسته‌های حرفه‌ای سایت تم‌فارست هم از آن استفاده شده است. با استفاده از این افزونه شما قادر هستید تا چندین اسلایدر با افکت‌ها و اسلایدهای دلخواه بسازید و در هر کجای پوسته که مایل بودید به راحتی نمایش دهید.
ویژگی‌ها:
تغییر اندازه تصاویر و بندانگشتی‌ها
استفاده از انیمیشن‌های CSS و jQuery
لایه‌های کپشن نامحدود
ایجاد آسان کپشن‌هایی مانند ویدئو، تصویر و برچسب‌های HTML
فعال کردن حالت لمسی برای iPhone و Android
۱۰۰% سفارشی‌سازی شونده
نصب و راه‌اندازی آسان
پشتیبانی از Vimeo و Youtube
ویدئو تمام صفحه و تابع شروع خودکار
تکثیر اسلایدر، اسلاید‌ها و کپشن‌ها
کشیدن و رها کردن (Drag & Drop) کپشن‌ها در ویرایشگر
سایه‌های مختلف
انتقال‌های و جابجایی های متنوع و فراوان
۱۰ نوع انیمیشن مختلف کپشن‌ها
۲۰ نوع انیمیشن مختلف برای انتقال‌ها به همراه تنظیم مقدار چرخش، تعداد باکس‌ها و…
دو سطح انیمیشن مختلف برای کپشن‌ها (شروع و پایان)
ویژگی Api
ویژگی‌های نسخه فارسی:
در نسخه فارسی این افزونه کاملا فارسی و راست‌چین شده و با وردپرس فارسی سازگاری کامل دارد. همچنین چندین فونت فارسی نیز به آن افزوده شده تا زیبایی آن دو چندان شود. در حالت پیشفرض فونت نوشته‌ها روی یکان قرار دارد، برای تغییر آن می‌توانید به به مسیر revslider/rs-plugin/css/ بروید سپس پوشه فونت‌ها را باز کنید و نام فونت دلخواه خود را پیدا و کپی کنید سپس فایل fonts.css را باز کنید و به‌جای هر سه BYekan نام فونتی که کپی کردید را وارد کنید. همچنین اگه می‌خواهید از چند فونت استفاده کنید کافی است کلاس فونت را چندین بار کپی کنید و هر بار نام فونت جدید را جایگزین کنید ولی این بار شما باید نام فونت را هم تغییر بدید، برای مثال Temphaa2 بنامید. شما می‌توانید فونت‌های دلخواه خود را که تازه ایجاد کردید از طریق “ویرایش CSS لایه” اضافه کنید. به مثال زیر که شامل ۲ فونت مختلف است توجه کنید:
@font-face {
font-family
:
‘Temphaa’
;
src
:
url
(
‘fonts/BYekan.eot?#’
)
format
(
‘eot’
),
url
(
‘fonts/BYekan.woff’
)
format
(
‘woff’
),
url
(
‘fonts/BYekan.ttf’
)
format
(
‘truetype’
);
}
@font-face {
font-family
:
‘Temphaa2’
;
src
:
url
(
‘fonts/MitraBold.eot?#’
)
format
(
‘eot’
),
url
(
‘fonts/MitraBold.woff’
)
format
(
‘woff’
),
url
(
‘fonts/MitraBold.ttf’
)
format
(
‘truetype’
);
}
حالا اگر برای مثال نوع لایه خود را big_white انتخاب کردید می‌توانید با زدن دکمه ویرایش CSS لایه و تغییر نام فونت آن به نام فونت دلخواه، از فونتی که ایجاد کردید استفاده کنید. برای مثال در بالا فونت Temphaa2 را ایجاد کردیم حالا در اینجا از آن استفاده خواهیم کرد. به‌جای Temphaa نام Temphaa2 را قرار می‌دهیم:
.tp-
caption
.big_white{
position
:
absolute
;
color
:
#fff
;
text-shadow
:
none
;
font-weight
:
۷۰۰
;
font-size
:
۳۶px
;
line-height
:
۳۶px
;
font-family
:
‘Temphaa2’
;
padding
:
۰px
۴px
;
padding-top
:
۱px
;
margin
:
۰px
;
border-width
:
۰px
;
border-style
:
none
;
background-color
:
#۰۰۰
;
letter-spacing
:
-۱٫۵px
;
}
اگر به خطایی برخورد کردین که به شما اعلام میکنه باید نسخه jQuery تون رو به‌روز کنید، خط اول رو از زیر کپی و به فایل header.php قالبتون اضافه کنید و یک کد هم شبیه به خط دوم رو پیدا کنید و پاک کنید.
<
script
type
=
“text/javascript”
src
=
“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js”
></
script
>
<
script
type
=
‘text/javascript’
src
=
‘http://localhost/pou/wp-content/themes/boulevard/js/jquery-1.6.4.min.js’
></
script
>
امیدوارم که این افزونه مورد استفاده شما قرار بگیره و براتون مفید باشه. اگه با اسلایدر به مشکل برخوردید یا نیاز به راهنمایی داشتید در دیدگاه‌ها مطرح کنید تا رسیدگی و پاسخ داده شود.
