آموزش طراحی قالب وردپرس

ساخت اسلایدر جی کوئری در وردپرس با Responsive jQuery Slider

ساخت اسلایدر جی کوئری در وردپرس با 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 رفته و شورتکد اسلایدر ایجاد شده را کپی و در نوشته یا برگه خود جایگذاری کنید.

حال نتیجه کار خود را مانند تصویر زیر مشاهده کنید.

موفق و پیروز باشید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

پکیج های آموزشی

نظرات کاربران