ساخت اسلایدر هوشمند در وردپرس با Smart Slider3

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

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

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

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

افزونه Smart Slider

smart slider- ساخت اسلایدر در وردپرس

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

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

حال با خیال راحت از شما دعوت می‌کنم به بخش نصب و راه‌اندازی مراجعه کنید…

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

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

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

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

تنظیمات 

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

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

general setting- ساخت اسلایدر در وردپرس

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

framework settings- ساخت اسلایدر در وردپرس

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

فونت‌ها

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

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

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

default slide- ساخت اسلایدر در وردپرس

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

حال چه کنیم؟ وقت ساخت اسلایدر در وردپرس رسیده! اما چطور این کار را انجام دهیم؟ برای این منظور به بخش داشبورد برمی‌گردیم و به پایین صفحه اسکرول می‌کنیم…

ساخت اسلایدر

build slider- ساخت اسلایدر در وردپرس

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

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

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

sample slider setting- ساخت اسلایدر در وردپرس

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

edit and add- ساخت سلایدر در وردپرس

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

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

edit slide- ساخت اسلایدر در وردپرس

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

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

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

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

اصلی

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

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

سایز

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

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

Autoplay

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

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

Optimize

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

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

Loading

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

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

Arrows

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

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

Bullets

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

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

Autoplay

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

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

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

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

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

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

slider result- ساخت اسلایدر در وردپرس

نتیجه گیری

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

دانلود افزونه smart slider3

دانلود افزونه صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۷,۳۵۹ نفر

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

دیدگاه‌های این نوشته جدید شاخص

  1. 2 هفته عضو همیار وردپرس

    سلام میخواستم بدونم چجوری اسلایدری که درست کردم رو تو هر قسمت از برگه که خواستم بزرام؟

  2. 2 هفته عضو همیار وردپرس

    با سلام من با اسمارت اسلایدر ۳ چنتا اسلاید ساختم ک میخوام همشون توی نوشته قرار بدم.وقتی این کار رو کردم اسلاید ها زیر همدیگه قرار گرفتن.چطور میتونم کنار هم قرارشون بدم؟
    ممنون

  3. سلام وقتتون بخیر
    من میخوام توی پست های سایتم یه اسلایدر شبیه اسلایدر این سایت : سازم – اسلایدرش لمسیه آیا با این افزونه میشه این نوع اسلایدر ساخت؟
    ممنون از مطالب خوبتون

  4. سلام، وقت به خیر
    واسه طراحی سایت، یه باکس می خوام داشته باشم، مثل همین باکس نویسنده سایت شما که زیرش هم کانال تلگرام رو قرار بدم؛ دقیقاً مثل همین باکس نویسنده شما.
    میشه راهنمایی بفرمایین؟ اگه هزینه هم داره، بفرمایید.
    ممنون

    • نمی دونم چرا هر وقت تو سایت شما نظر یا درخواست میدم، شما مثل یه جغد فقط نگاه می کنین!!!!
      موفق و سربلند باشید

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع آپ استارتاپ

    ۵.۸ میلیون تومان ۴.۱ میلیون تومان
      تمام بیلبوردهای شهر پر شده از تبلیغات کسب‌و‌کارهای آنلاین یا همان استارتاپ‌ها. استارتاپی‌هایی برای درخواست تاکسی، سفارش غذا، تعمیرات خودرو در محل، کارواش و حتی خشکشویی آنلاین! نمی توان انکار کرد که...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

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