اسلایدر هوشمند نوعی نمایش تصویری میباشد و اغلب در محیط ورد پرس تولید میشود. این نوع اسلایدر ویژگیهای بسیاری دارد که موجب محبوبیتش در میان برنامه نویسان شده است. برای تهیه اسلایدر هوشمند روشهای بسیاری وجود دارد و ما نیز در این بخش سعی نموده ایم به آموزش ساخت اسلایدر هوشمند با smart slider3 بپردازیم.
فهرست محتوای این مقاله
اسلایدر هوشمند چیست؟
در واقع کلمه اسلایدر در طراحی سایت به نمایش تصویری گفته میشود که این تصاویر نقش زیبایی ظاهری به همراه نشان دادن هدف را بر عهده دارد که در حال حاضر بسیاری از موسسات و شرکتها برای به نمایش گذاشتن تصاویر خود از آن استفاده میکنند. اسلایدر هوشمند با ابزارهای قدرتمندی که در زمینه ویرایش دارد، تمام نیازهای کاربر را در زمینه ویرایش تصاویر و ویدئوها برآورده میکند. اسلایدر smart slider یکی از اسلایدرهای کاملاً هوشمند بوده که ویژگیهای خاصی در ساخت اسلایدر در وردپرس دارد.
ویژگیهای اسلایدر هوشمند
طبیعتا هر فردی قبل از نصب اسلایدر، توجه زیادی به ویژگیها این برنامه دارد، با توجه به آن که در بالا گفته شد اسلایدرsmart slider ویژگیهای منحصر به فردی داشته که مهمترین آنها عبارتند از:
- سازگار با اسلایدر محتوا در وردپرس
- دارای ویرایش گر کاربر پسند
- کاملا ریسپانسیو
- طراحی منحصر به فرد با لایههای متنوع
- ساخت اسلایدر در وردپرس به صورت لایه ای
- امکان ایجاد اسلاید در پس زمینه
- دارای تنظیمات برای استایل و فونت
- سازگار با حالت واکنش گرایی
- پشتیبانی از سقف سازه گرافیکی
- کاملاً سازگار و یکپارچه با وردپرس
- امکان ایجاد کتابخانه ای از اسلایدر ها
- امکان ساخت اسلایدر در وردپرس با عملیات درگ و دراپ
- دارای انیمیشن پس زمینه اسلاید شو
- ایجاد آسان اسلایدها با قابلیت کشیدن و رها کردن
- بهینه شده برای موتورهای جستجو ویرایش گر تصویر و لایت باکس
- طراحی منحصر به فرد با لایههای متنوع
- حالتهای نمایشی تطبیقی تمام عرض تمام صفحه و غیره
- محتوای کاملا پویا
- کاملا واکنش گرا
- و سازگار با صفحات لمسی
- رابط کاربری گرافیکی و ساده با پیش نمایش آنلاین
ساخت اسلایدر هوشمند
با توجه به اینکه اسلایدر هوشمند تمامی ویژگیهای بالا را دارد طبیعتاً ساخت آن برای بسیاری از سایتهای فروشگاهی و شرکتی پرکاربرد میباشد و بسیاری از سازمانها برای نشان دادن عکسهای مربوط به فعالیتهای خود بنرهای تبلیغاتی را در قالب اسلایدر به نمایش میگذارند. یکی از افزونههای پرکاربرد برای ساخت اسلایدر در وردپرس smart slider3 است. نحوه کار با این افزونه به گونه ای است که ابتدا باید افزونه مربوطه را نصب کرد و سپس مراحل زیر را به دقت انجام دهید.
- ورود به قسمت پنل مدیریتی پیشخوان وردپرس و انتخاب گزینه smart slider
- سپس گزینه نیو اسلایدر را انتخاب کرده تا پنجره ای جدید باز شود
- در پنجره جدید میتوانید نام اسلایدر، اندازه و طرح مورد نظر خود را مشخص کنید
- طرحهای موجود در این پنجره شامل پیش فرض، عرض کامل، تصویر کوچک و افقی میباشد
- پس از انتخاب طرح مورد نظر خود روی کلمه ایجاد کلیک کنید و مکانی برای قرار دادن تصاویر اسلاید انتخاب کنید
- روی کلمه creata slide کلیک کرده و تصاویر یا ویدئوهای مورد نظر خود را در اسلایدر قرار دهید
- بعد از انجام این مرحله پیش نمایش میتوانید کار خود را در سه اندازه ی موبایل، تبلت و کامپیوتر ببینید
- با استفاده از تغییر سایز این برنامه میتوانید اندازهها را مشخص کنید
- در قسمت اصلی نیز نام مکان پشت زمینه اسلایدر، سرعت و نوع انیمیشن آن مشخص میشود
- در مرحله آخر با کلیک روی انتشار میتوانید از روش مورد نظر خود اسلایدر را منتشر کنید
اصطلاحات مهم در ساخت اسلایدر هوشمند
با توجه به آنچه در بالا توضیح دادیم احتمالا شما هم روش ساخت اسلایدر هوشمند را آموخته اید اما در این روش ساخت اصطلاحات دیگری نیز وجود دارد که بهتر است با آنها آشنا شوید.
- Autoplay: تنظیمات پخش اتوماتیک
- Optimize بهینه سازی اسلایدر و تصاویر آن
- Loading زمان عوض شدن هر تصویر اسلایدر
- Developer وارد کردن کدهای اختصاصی
- Arrows مشخص کردن نوع فلش مکان آن
- Bullets تنظیمات گلوله ها
- Text Bar نوار متن اسلایدر
- Thumbnails تنظیمات ریز عکسها
- Shadows سایه دار کردن تصاویر اسلایدر
انواع روشهای ساخت اسلایدر هوشمند
با توجه به اینکه نمایش تصاویر در دنیای وب با استفاده از اسلایدر بهترین و قدیمیترین روش میباشد در حال حاضر طرفداران زیادی به دنبال ایجاد اسلایدر در وردپرس هستند توجه داشته باشید که برای ایجاد اسلایدر در وردپرس میتوان با استفاده از کد یا با استفاده از افزونه عملیات را انجام داد، که در بالا پر کاربردترین روش ساخت اسلایدر هوشمند یعنی ساخت آن با استفاده از افزونه را توضیح دادیم.
چرا اسلایدر هوشمند smart slider
همانطور که در بالا هم نیز اشاره کردیم این افزونه برای ساخت اسلایدر هوشمند بسیار مناسب میباشد زیرا از طریق آن میتوان انواع مختلفی از اسلایدرها را از جمله تمام صفحه، ویترین، چیدمان عمومی و چیدمان افقی را ایجاد کرد و همچنین با استفاده از اضافه کردن اسلایدهای منحصر به فرد قالب وردپرس زیبایی برای خود خلق کنید. استفاده از ویژگیهای پس زمینه اسلاید دیگر ویژگی مثبت این افزونه میباشد. نکته قابل توجه این است که شما میتوانید اسلایدر واکنش گرا از نوع ساده را نیز ایجاد کنید. این افزونه به شما این امکان را میدهد که از هشت ویجت جهت سفارشی کردن اسلایدر خود استفاده کنید. انیمیشنهای فوق العاده این افزونه شامل محو شدن، حرکت عمودی، حرکت سریع دو بعدی و انیمیشن سه بعدی میباشد.
نمایش اسلایدر هوشمند در سایت
همانطور که گفته شد پس از تنظیم اسلایدر میتوان در مرحله آخر آن را منتشر کرد که بعد از انتشار در بخش دریافت و کد اسلایدر باید کد مربوط به اسلایدر را مشاهده کنید که از این کدهای کوتاه برای نمایش اسلایدر در برگههای مورد نظر استفاده میشود. برای این منظور باید آن را در بخش مورد نظر کپی کرده و استفاده نمایید. اختصاص دادن لینک به اسلایدر هوشمند نیز امکان پذیر میباشد که به این منظور نیاز است بر روی کلمه افزودن کلیک کرده و یک یا چند اسلایدر هوشمند را در وردپرس ایجاد کنید.
با سلام من با اسمارت اسلایدر ۳ چنتا اسلاید ساختم ک میخوام همشون توی نوشته قرار بدم.وقتی این کار رو کردم اسلاید ها زیر همدیگه قرار گرفتن.چطور میتونم کنار هم قرارشون بدم؟
ممنون
خیلی ممنون . لطفا در مورد مگامنو هم مقاله تهیه کنید. باتشکر فراوان