ساخت اسلایدر زیبا در وردپرس با افزونه Slider by Supsystic

زمان انتشار:
تعداد بازدید: 161
دسته بندی ها: اسلایدر، افزونه وردپرس

زمان تقریبی خواندن نوشته: 10 دقیقه
حالت تمام صفحه:

ساخت اسلایدر در وردپرس -Slider by Supsysticسلام دوستان؛
می‌توان به اسلایدرها به‌عنوان اجزای مهم در هر وب‌سایت اشاره کرد. امروزه با توجه به روش‌های انتقال اطلاعات استفاده از اسلایدرها رواج یافته است.  اسلایدر برای نمایش اطلاعات،تصاویر، معرفی خدمات و محصولات بسیار کاربردی است چون در ذهن مخاطب ماندگار می‌شود و جذابیت بیشتری نیز دارد. در این آموزش از وردپرس یاد قصد داریم به طریقه ساخت اسلایدر در وردپرس بپردازیم.

ساخت اسلایدر در وردپرس

سوال: دلیل ساخت اسلایدر در وردپرس چیست؟ یکی از عناصر مهم درون هر وب‌سایت ظاهر و زیبایی‌شناختی آن است. با توجه به اینکه عناصر بصری اطلاعات بیشتری را در کسری از زمان انتقال می‌دهند می‌توان از ترکیب دو روش یعنی استفاده از عناصربصری برای انتقال اطلاعات کمک گرفت. افزونه های متعددی در این زمینه طراحی و منتشر شده که از این میان افزونه Slider by Supsystic یکی از بهترین‌ها است.

ساخت اسلایدر در وردپرس با افزونه Slider by Supsystic

ساخت اسلایدر در وردپرس -Slider by Supsystic

به‌کمک افزونه Slider by Supsystic به‌راحتی و بدون دانش کدنویسی قادر به ساخت اسلایدر در وردپرس خواهید بود. این افزونه تاکنون توانسته تعداد بیش از ۱۰۰۰۰ نصب فعال را با امتیاز ۴٫۷ از ۵ در مخزن وردپرس به ثبت برساند.

ویژگی‌های افزونه Slider by Supsystic

  • اسلایدر تصاویر رسپانسیو وردپرس
  • دارای تم‌های بسیار زیبا
  • رابط کاربری بسیار ساده
  • امکان افزودن اسلایدر وردپرس به کمک شورت‌کد
  • امکان سفارشی‌سازی عناوین و لینک‌ها برای تصاویر اسلایدر
  • امکان ساخت اسلایدر محتوای وردپرس
  • درج عناوین
  • درج تصاویر بندانگشتی
  • و…

نصب وراه‌اندازی افزونه Slider by Supsystic

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

ساخت اسلایدر در وردپرس -Slider by Supsystic

این منو شامل ۵ زیر منو به شرح زیر است.

Overview: بررسی اجمالی افزونه.
New Slider: برای ساخت اسلایدر جدید از این قسمت کمک بگیرید.
Sliders: اسلایدرهای طراحی شده را از این بخش می‌توان مشاهده کرد.
Settings: به‌منظور اعمال تنطیمات به این زیرمنو رجوع کنید.
Featured Plugins: معرفی سایر افزونه‌های کلیدی و مورد نیاز.

از قسمت تنظیمات افزونه شروع می‌کنیم.

زیرمنوی Settings جهت اعمال تنظیمات

به زیر منوی Settings رجوع کنید. با صفحه‌ای مشابه تصویر زیر روبه‌رو خواهید شد.

ساخت اسلایدر در وردپرس -Slider by Supsystic

بر اساس توضیحات زیر تنظیمات خود را اعمال کنید.

Use build-in caching: استفاده از سیستم کش داخلی افزونه.

Allow plugin to send anonymous usage statistics: اجازه به افزونه جهت ارسال آمار.

PRO option: صدور مجوز به سایر نقش‌ها جهت دسترسی و کار با افزونه. (آشنایی با انواع نقش کاربران در وردپرس)

در پایان بر روی دکمه save به‌منظور ذخیره اطلاعات کلیک کنید.

زیر منوی New Slider جهت ساخت اسلایدر در وردپرس

پس از اعمال تنظیمات، برای شروع ساخت اسلایدر در وردپرس به زیر منوی New Slider رجوع کنید.

نکته: برای افزودن اسلایدر جدید،در سمت راست صفحه بر روی دکمه + یا همان New Slider کلیک کنید.

در فیلد Slider Name نامی را برای اسلایدر خود بنویسید. از میان طرح‌های موجود به‌دلخواه یکی را انتخاب کنید سپس برروی دکمه save کلیک کنید.

ساخت اسلایدر در وردپرس -Slider by Supsystic

به‌صورت اتوماتیک به صفحه تنظیمات اسلایدر جاری هدایت خواهید شد. در سمت چپ بر روی دکمه Add Immaages کلیک و تصاویر مورد نظر خود را انتخاب کنید.

ساخت اسلایدر در وردپرس -Slider by Supsystic

تنظیمات ساخت اسلایدر وردپرس

با توجه به توضیحات زیر، تنظیمات خود را اعمال کنید.

در بخش اول شورت‌کد مخصوص اسلایدر را می‌بینید که برای درج اسلایدر از این کد کمک می‌گیریم.

Slider name: نام اسلایدر. نامی که در ابتدا انتخاب کردید که امکان تغییر آن نیز وجود دارد.

Enable for Membership: بخش مربوط به فعال‌سازی عضویت که با نصب افزونه ارائه شده امکان‌پذیر است.

Slider width: پهنای اسلایدر خود را در این کادر وارد کنید که واحد آن بر اساس پیکسل است.

Slider height: ارتفاع مورد نظر برای اسلایدر را در این کادر وارد کنید. واحد آن بر اساس پیکسل است.

Effect: افکت و حالت مورد نظر خود را انتخاب کنید که شامل ۴ طرح زیبا برای نمایش است.

Responsive Mode: فعال‌سازی حالت رسپانسیو.

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

Title Speed: سرعت نمایش عنوان ها بر اساس میلی‌ثانیه.

Delay: میزان تاخیر هر اسلاید تا نمایش اسلاید بعدی را از این بخش تنظیم کنید.

Pause: تنظیم مربوط به توقف لحظه‌ای اسلایدر.

Navigation: امکان درج دکمه‌های کنترلی در کنار اسلایدر.

Links: امکانات مرتبط با لینک‌دهی.

Social Sharing: امکان اشتراک‌گذاری در شبکه‌های اجتماعی. (بعد از نصب افزونه ارائه شده.)

یادآوری: از دکمه‌های بالای صفحه در سمت راست نیز به‌تریتب امکان: مشاهده پیش‌نمایش اسلایدر، ذخیره اسلایدر و حذف آن را خواهید داشت.

نکته: در ستون سمت چپ برای هر تصویر امکان اعمال تنظیمات اختصاصی‌تر وجود دارد. ازجمله:

Captions: درج توضیحات برای تصویر جاری.

Link: امکان لینک‌دهی به آدرس مورد نظر و بازشدن در تب جدید.

Seo: درج خصوصیت alt برای تصاویر که تاثیر مثبتی بر سئو خواهد داشت.

Crop: امکان کراپ و برش تصاویر و رسیدن به سایز مورد نظر. (بر اساس نقطه‌ای که از کشو انتخاب می‌کنید.)

در نهایت از بالای صفحه بر روی دکمه save کلیک کنید. اسلایدر جاری برای شما ذخیره خواهد شد.

زیر منوی Sliders جهت مشاهده اسلایدر وردپرس

پس از طراحی اسلایدر مورد نظر خود می‌توانید از زیرمنوی Sliders تمامی اسلایدر‌ها را مشاهده و ویرایش کنید. همچنین شورت‌کد مخصوص هر اسلایدر از این بخش قابل‌دسترسی است.

ساخت اسلایدر در وردپرس -Slider by Supsystic

درج اسلایدر در وردپرس

پس از ساخت اسلایدر در وردپرس برای درج آن باید شورت‌کد مخصوص را کپی کرده و در بخش مورد نظر تعبیه کنید.

درج اسلایدر در هدر: اگر قصد درج اسلایدر در هدر را دارید باید شورت‌کد php اسلایدر خود را کپی کرده و در فایل header.php قرار دهید.

درج اسلایدر در برگه یا نوشته: در صورت تمایل به درج برگه یا نوشته شورت‌کد را کپی و به بخش مورد نظر رجوع کرده و سپس کد را در ویرایشگر متن خود درج کنید.

نتیجه نهایی

در نهایت پس از درج شورت‌کد خروجی حاصل با توجه به تنظیمات مشابه تصویر زیر خواهد بود.

ساخت اسلایدر در وردپرس -Slider by Supsystic

امیدواریم که از آموزش ساخت اسلایدر در وردپرس راضی بوده باشید.

موفق باشید. 🙂

دانلود افزونه Slider by Supsystic جهت ساخت اسلایدر در وردپرس

دانلود صفحه‌ی افزونه

درباره نویسنده

73 نوشته تا کنون
فارغ‌التحصیل رشته آی‌تی. کارشناس آی‌تی وردپرس‌یاد ?
✍باتمام علاقه‌ای که به دنیای آی‌تی داشتم با وردپرس آشنا شدم و اکنون تمام تلاشم برای تهیه آموزش‌های کاربردی و کمک به علاقه‌مندان دنیای بزرگ وردپرس است.

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

دیدگاهی برای این نوشته وجود ندارد.