اسلایدر هوشمند در وردپرس با

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

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

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

افزونه Smart Slider

ساخت اسلایدر

در اینجا به تعدادی از ویژگی‌های این افزونه می پردازیم تا بتوانید انتخاب درستی داشته باشید.

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

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

جهت نصب و راه‌اندازی افزونه اولین کار باید افزونه را از لینک موجود در پایان مطالب دانلود کنید و بعد به پیشخوان وردپرس مراجعه کرده و افزونه را نصب و سپس فعال کنید. پس از فعال‌سازی گزینه‌ای با عنوان “Smart Slider” در پیشخوان نمایش داده می‌شود که مسلما با کلیک بر روی آن به بخش تنظیمات و ساخت اسلایدر در وردپرس منتقل می‌شویم.

نصب و راه اندازی

داشبورد افزونه را می بینید، تنها گزینه‌هایی که با آن سر و کار داریم همین بخش داشبورد و تنظیمات است. که اول از همه به بخش تنظیمات می‌رویم.

تنظیمات

این بخش از ۴ قسمت تشکیل شده است.

تنظیمات عمومی

تنظیمات عمومی

Show help beacon: نمایش توضیحات راهنما
Show discover modal: نمایش شرایط و مودال‌ها
Automatic update check: بررسی خودکار بروزرسانی‌ها
Translate url: ترجمه آدرس‌ها
Editor – additional CSS files: ویرایشگر مخصوص وارد کردن کدهای سفارشی CSS
Hardware acceleration on sliders: بررسی امکانات و شتاب سخت‌افزاری برای اسلایدرها
Send slide as file: ارسال اسلاید مانند یک فایل
Open preview in new window: باز کردن لینک پیش‌نمایش اسلایدر ایجاد شده در صفحه جدید
Show editor icon: نمایش آیکون ویرایشگر

Show in WordPress admin bar: نمایش تنظیمات اسلایدر در ادمین‌بار وردپرس
YOAST SEO sitemap – add images: افزودن امکان سئو با کمک افزونه yoast seo به تصاویر اسلایدر
WordPress – Create widget area: امکان فعال‌سازی ابزارک‌ها برای اسلایدر
Render sliders as iframe in AJAX calls: دریافت کد آی‌فریم به صورت ایجکسی از افزونه
Smooth scroll speed: سرعت پیمایش

Responsive mode: این بخش مربوط به تنظیمات واکنش‌گرایی در ساخت اسلایدر در وردپرس است.
Cache: با کمک این بخش می‌توانید کش را حذف کنید.

Framework settings

تنظیمات فریم ورک

Secondary server: سرور دوم، در صورتی که می خواهید تصاویر روی سرور دیگری آپلود شوند این گزینه را انتخاب کنید.
استفاده از پروتوکل Url: برای استفاده از آدرس‌دهی به تصاویر استفاده می‌شود.
Force english backend: بک‌گراند اسلایدر یعنی تنظیمات پشت صحنه صرفا انگلیسی باشد.
Improved frontend accessibility: بهبود سطح دسترسی در سمت کاربر
جاوا اسکریپت: این بخش مربوط به تنظیمات جاوا اسکریپت است.
CSS: برای وارد کردن تنظیمات دلخواه و سفارشی از این بخش می‌توانید اقدام کنید.
درخواست Api: برای گرفتن کد API می‌توانید از این قسمت اقدام کنید.

فونت‌ها

فونت

فونت پیشفرض: این قسمت در مورد انتخاب فونت مورد نظر می باشد. از منوی پایین هم می‌توانید چیزی را که می خواهید را انتخاب کنید.
GOOGLE: از این قسمت نیز نحوه عملکرد هر کدام را در سمت کاربر می‌توان مشخص کرد.

اسلاید پیش‌فرضاسلاید پیش فرض

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

ساخت اسلایدر

ساخت اسلایدر

New Slider: جهت ایجاد یک اسلایدر جدید باید روی این گزینه کلیک کنیم تا بتوانیم شروع به ایجاد اسلایدر در وردپرس کنیم.
Template library: قالب‌های مورد نظر برای اسلایدر در این قسمت قابل مشاهده است.
Sample Slider: یک نمونه تستی برای ما ایجاد شده که می‌توانیم به آن مراجعه کرده و تنظیمات را مشاهده کنیم.

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

مراحل ساخت اسلایدر

مراحل ساخت اسلایدر

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

مراحل ساخت

در این قسمت می‌توانیم اسلایدها را اضافه یا ویرایش کنیم. به عنوان مثال…

ویرایش اسلاید

ویرایش اسلاید

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

تنظیمات انتشار

تنظیمات انتشار

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

اصلی

اصلی

در این قسمت می‌توانید تنظیمات نام، تصویر و چگونگی نمایش اسلایدر را مشخص کنید.

سایز

سایز

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

Autoplay

Optimize

 

در این قسمت نحوه نمایش و زمان حرکت هر اسلاید را می‌توان در ایجاد اسلایدر در وردپرس تعیین کرد.

Optimize

Optimize

برای بهبود و بهینه‌سازی تصاویر در وردپرس می‌توانید از این بخش اقدام نمایید.

Loadingloading

تنظیمات قالب سلایدر

ArrowsArrows

جهت فلش‌های اسلایدر، مدل آن‌ها، رنگ‌بندی و … را می‌توان در این قسمت مشخص کرد.

Bullets

Bullets

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

Autoplay

Autoplay

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

قرار دادن اسلایدر در سایت

برای قرار دادن اسلایدر در وردپرس به قسمت برگه‌ها رفته و شورت کد مربوطه را با آیکون اسلایدر انتخاب و قرار می‌دهیم:

اسلایدر

حال می‌توانیم نتیجه را مشاهده کنیم:نتیجه

امیدوارم این مطلب برایتان مفید بوده باشد  🙂

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *