ساخت اسلایدر جی کوئری در وردپرس با Responsive jQuery Slider
- افزونه وردپرس
- بروز‌رسانی‌شده در
آنچه در این مقاله می‌خوانید
ساخت اسلایدر جی کوئری در وردپرس
در ابتدا بهتر است با مفاهیم جی کوئری آشنا شوید، جی کوئری یک کتابخانه جاوااسکریپتی سبک و سریع است و هدفش استفاده آسان و سریع از امکانات جاوااسکریپت در وب سایت است، و امروزه محبوب‌ترین کتابخانه جاوااسکریپت به شمار می‌آید.
با افزونه Responsive jQuery Slider به سادگی میتوانید یک اسلایدر جی کوئری رسپانسیو در سایت وردپرسی خود ایجاد کنید.
نحوه کار با افزونه Responsive jQuery Slider
در مرحله اول افزونه را دریافت و راه اندازی کنید، سپس گزینه sliders به بخش پیشخوان وردپرس شما اضافه می شود. در زیر منو sliders اسلایدهایی که ایجاد کردید نمایش داده میشود. اکنون روی add new کلیک کنید و یک اسلایدر ایجاد کنید.
در صفحه کنونی، تنظیمات اسلایدر را انجام میدهیم، در اینجا سه caption وجود دارد که به ترتیب آنها را توضیح میدهم، در caption 1/2/3 متنهای مورد نظر خود را نوشته و ترازبندی و رنگ و اندازه فونت را مشخص نمایید. همچنین متن دکمه را در قسمت caption button بنویسید و لینک صفحه‌ی مورد نظر خود را انتخاب و رنگ و فونت دکمه را تغییر داده و در بخش Border Radius لبه های دکمه را نرم کنید. در آخر در بخش slider image تصویر را بارگذاری کنید و روی دکمه انتشار کلیک کنید. هر تعداد که اسلایدر دوست دارید ایجاد کنید، سپس به منو نمایش> RJS settings رفته و شورتکد اسلایدر ایجاد شده را کپی و در نوشته یا برگه خود جایگذاری کنید.
حال نتیجه کار خود را مانند تصویر زیر مشاهده کنید.
موفق و پیروز باشید.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.
در بخش جامعه وردپرس میتوانید سوالات خود را ارسال کنید و با متخصصان وردپرس درباره موضوعات مختلف بحث کنید.
سوال دارم