سایت برتر

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

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

ساخت اسلایدر جی کوئری در وردپرس

در ابتدا بهتر است با مفاهیم جی کوئری آشنا شوید، جی کوئری یک کتابخانه جاوااسکریپتی سبک و سریع است و هدفش استفاده آسان و سریع از امکانات جاوااسکریپت در وب سایت است، و امروزه محبوب‌ترین کتابخانه جاوااسکریپت به شمار می‌آید.

با افزونه Responsive jQuery Slider به سادگی میتوانید یک اسلایدر جی کوئری رسپانسیو در سایت وردپرسی خود ایجاد کنید.

نحوه کار با افزونه Responsive jQuery Slider

در مرحله اول افزونه را دریافت و راه اندازی کنید، سپس گزینه sliders به بخش پیشخوان وردپرس شما اضافه می شود. در زیر منو sliders اسلایدهایی که ایجاد کردید نمایش داده میشود. اکنون روی add new کلیک کنید و یک اسلایدر ایجاد کنید.

slider jquery

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

copy shortcode

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

view sliders

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

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

اطلاعاتی دارید که تکمیل‌کننده این مقاله باشد؟ ارسال کنید.

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

سوال دارم