بروزرسانی توسط عباس خلجی در تاریخ 17 بهمن 1395
باسلام خدمت وردپرسی‌های عزیز؛
قرار دادن اسلایدر تصاویر در سایت یکی از را‌ه‌های زیباسازی آن است که بسیاری از وبمسترها علاقه زیادی به اسلایدر تصاویر دارند. در واقع اگر بتوانید تصاویری را مرتبط با عملکرد خود و به گونه‌ای جذاب برای سایت طراحی کنید حتما کاربران بیشتری را در نگاه اول جذب خواهید کرد.
خوشبختانه افزونه‌های زیادی برای ساخت اسلایدر تصاویر وجود دارد. افزونه‌ای که پیرامون وردپرس slideshow می‌خواهیم به آن به بپردازیم افزونه حرفه‌ای و سرشناس Cyclone slider است. این افزونه جز، بهترین و محبوب‌ترین افزونه‌های در وردپرس است که تا به امروز ۶۰.۰۰۰ بار دانلود و نصب شده است.
وردپرس slideshow
اول از همه به بررسی برخی از امکانات این افزونه می‌پردازیم:
- ایجاد وردپرس slideshow با قابلیت ریسپانسیو
- امکان مشخص کردن زمان برای نمایش هر عکس
- امکان قرار دادن افکت‌های زیبا روی هر عکس
- امکان استفاده اسلایدر در متن و یا صفحات قالب وردپرس
- امکان برون‌بری و درون‌ریزی اسلایدها
- قابلیت انتخاب تصاویر اسلایدر از HTML سفارشی، YouTube و…
- و بسیاری از قابلیت‌های دیگر
نصب و راه‌اندازی Cyclone slider
در اولین گام، افزونه Cyclone slider نصب و فعالسازی کنید. پس از فعالسازی افزونه، بخشی به نام (اسلایدر) به پیشخوان مدیریت وردپرس شما اضافه میشود:
افزودن اسلایدشو
در ابتدا، عنوان مناسبی برای وردپرس slideshow وارد کنید. در مرحله بعد، شما سه گزینه برای ساخت اسلایدر مشاهده میکنید:
حال اگر روی گزینه افزودن اسلاید کلیک کنید می‌توانید تصویر اسلایدر خود را به صورت یکی یکی انتخاب کنید . ولی با انتخاب گزینه Add Images as slids می‌توانید تمام تصویر‌های اسلایدر خود را یک‌باره انتخاب کنید.
شما می‌توانید با کلیک بر روی گزینه sort تصاویری که برای اسلایدر خود انتخاب کرده‌اید را مرتب کنید.
در بخش Templates نوع اسلایدر خود را انتخاب کنید.
حالا وقت تنظیم هریک از اسلایدهاست .
در این قسمت می‌توانید به هریک از اسلایدهای خود عنوان، لینک، افکت و ویژگی‌های متنوع بدهید.
Basic settings (نوار سمت چپ)
شما می‌توانید در این بخش تنظیمات کلی (افکت ، ریسپانسیو ، طول و عرض و…) اسلایدر را تکمیل کنید. پس از اعمال تنظیمات، اسلایدر خود را انتشار دهید.
حال پس از انتشار اسلایدر، افزونه به شما دو نوع کد میدهد:
کد کوتاه shortcode: اگر می‌خواهید اسلایدر شما در نوشته و صفحات شما نمایش دهد از این کد استفاده کنید.
کد php: اگر شما قصد دارید اسلایدر شما در صفحات قالب نمایش دهد، از کد php استفاده کنید.
پس از افزودن کد به قسمت دلخواه، می‌توانید خروجی وردپرس slideshow را مشاهده کنید:
تبریک! اسلایدر شما در سایت نمایش داده شد.
حالا می‌خواهیم بپردازیم به قسمت‌های دیگر این افزونه.
بخش settings
در این قسمت یه سری تنظیمات کلی وجود دارد که می‌توانید آنرا به دلخواه تنظیم کنید.
توجه: ما توصیه می‌کنیم در این بخش تغییراتی ایجاد نکنید و بگذارید به همان حالت پیشفرض باقی بماند.
Export/improt
یکی از بهترین قابلیت‌های این افزونه، قابلیت برون‌بری و درون‌ریزی است. اگر فایل xml درون‌ریز دارید می‌توانید از این بخش اقدام به درون‌ریز کردن اطلاعات اسلایدر خود کنید.
جمع‌بندی
از وردپرس slideshow می‌توانید محصولات و خدمات خود را به صورت گرافیکی و زیبا در معرض دید کاربران در وبسایت قرار دهید تا نظر آنها را جلب کنید.
امیدوارم از این آموزش لذت کافی برده باشید.
lebas forosh 3 سال عضو همیار وردپرس
با سلام.
من از پلاگین slideshow در سایتم استفاده کرده ام. مشکل من این است که خیلی فضا می گیرد. یعنی با وارد کردن تنها 5 مگابایت عکس به درونslideshow، در حدود 10 الی 12 مگابایت فضای من گرفته می شود. می خواهم بدونم راهی برای کم کردن این مقدار فضای اشغالی وجود ندارد؟ لطفا راهنمایی کنید.
کوروش آشتیانی 1 سال عضو همیار وردپرس
سلام، من این افزونه رو نصب کردم و اسلایدر خودم رو ساختم و هر دو کد php و کد کوتاه اون رو دریافت کردم، اما هرکاری انجام میدم نمی تونم اون رو توی صفحه اصلی نمایش بدم، من از قالب دیسکاوری استفاده می کنم و هدفم ساخت یک اسلایدشو بدون نوشته روی عکس ها بوده، از اونجا که من تقریبا صفر کیلومترم توی این راه، لطفا راهنمایی کنیدکه چطور به هدفم برسم. ممنون.
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
میتونید همون اسلایدر دیسکاوری رو بدون نوشته دربیارید.
این قالب ها خودشون اسلایدر دارن و قرار دادن یک اسلایدر دیگه کار دشواری است
مژگان
سلام خسته نباشید در قسمت header من header.php نداره من باید کجا کد بلند را پیوند بدم که در قسمت ابتدای صفحه بالا به صورت اسلاید نشون بده میخوام سومین نوارم از بالای صحفه باشه ممنونم
مژگان
سوال من اصلا این نبوده
سوال من از شما اینکه کدی که میده باید کجا بارگزاری بشه؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
متاسفانه شما مرتب سوالات متفاوت میپرسید و منم جواب میدم. اصلا سوالتون یکی نیست…
اگه شورت کد باشه در یک برگه باید بارگذاری بشه. اگه قطعه کد php باشه بهتره در header.php و بعد از تگ head قرار بدید.
مژگان
در قسمت ای دی اسلای شو چه کدی باید وارد بشه
کد بلند باید کجا کپی بشه
مژگان
من در صفحه اولم میخوام به صورت اسلاید رد بشن
مژگان
خانم مهندس لطفا با دقت به درخواست من توجه کنید و نوشته های منو بخونید
من از توی نرم افزار شما دانلود داشتم و در افزونه ها فایل زیپو نصب و در قسمت اسلایدر متن و عکسمو بازگزاری کردم
به من یک کد بلند داده این رو باید کجا بارگزاری کنم لطا توضیح کامل بدین
و
چگونه در صفحه اول من به صورت اسلاید شو نشان داده میشود ؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
دوست عزیزم قطعه کد php برای قرار گرفتن داخل کدهای قالب هست. معمولا در فایل header.php و بین دو تگ ,
شورت کد هم که بهتون میده میتونید داخل برگه‌ها و نوشته‌ها استفاده کنید.
شیرازی
برای مشاهده اسلایدر فقط در تصویر اول باید کدی که میدهد را کجا پیوند بدهیم؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
در برگه یا در قالب
مژگان
صفحه اول سایت نشون داده شود
روژینا
من همه ی این کار هارو انجام دادم ولی سایتم تغییر نکد!
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
یعنی شورت کد رو داخل برگه قرار می‌دید هیچ اسلایدری نشون نمیده بهتون ؟ میشه بیشتر توضیح بدید تا بتونم راهنماییتون کنم
شیرازی
سلام من دانلود افزونه را دانلود و نصب کردم و اسلایدر خود را تمظیم کرده ولی در صفحه مشاهده نمیشود و در سمت Cyclone Slider Exporter
این ارور را داده است در حالی که من در کنار صفحه وردپرسم اسلایدر را دارم و تنظیم کرده ام مشگل من این است در صفحه نمایش داده نمیشود
Error: ZipArchive not supported. ZipArchive is needed for Import and Export to work
کدی که کوتاه وبلند هست را من دریافت کردم کد بلند را در قسمت ادرس لینک و ای دی اسلایدشو وارد کردم ولی نمایش نمیدهد
[email protected] ایمیل من هست اگر میشه لطف کنید همکاری کنید ممنونم
مژگان
من از طریق سایت شما اسلاید شو رو دانلود کردم و فایل زیپ رو در قسمت افزونه بارگزاری کردم در قسمت اسلایدر اسلاید مورد نظرمو ساختم یعنی متن + عکس و کد بلند را در قسمت کد اسلاید اتچ کردم و بالای برگه نوشت که منتشر شده ولی قابل مشاهده نیستش
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
اگه از قطعه کد در قالب استفاده کردید باید در جای مناسب قرار بدید. بین تگ head
یاهو 3 سال عضو همیار وردپرس
با سلام و خسته نباشید
من اسلایدر رو نصب کردم و یه اسلایدر با اسم bottom_slider ساختم که شامل 4 عکسه.
بعدش کد php زیر رو توی یه div قرار دادم:
ولی متاسفانه توی سایتم، 4 تا عکس روی هم ظاهر میشه و خبری از اسلایدر نیست!!!
لطفا راهنمایی بفرمایید
با تشکر – یاهو
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
افزونه با قالب سازگار نیست. بروزترین نسخه رو دریافت کنید و تست کنید
یاهو
آیا اگر قالب رو خودمون با html و css و js نوشته باشیم، افزونه روی اون قالب کار میکنه؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
اگه استاندارد باشه بله
ali
واقعا مفید بود و ساده
فاطمه
سلام واقعا از شما ممنونم خیلی راهنمایی و آموزش هاتون عالی بود
محمد
با سلام و تشکر از این نوشته . من می خوام که وقتی نوشته در سایتم بروز می شود در اولین نوشته قرار بگیرد مانند وقتی که مطلبی انشار می شود چگونه می شه این کار را کرد
محمد
یافتم………………
دوستانی که مکشلاتی مانند عدم حرکت تصویر و یا نمایش یک تصویر قابت و مشابه آن دارند ؛ باید یک اسلایدر دیگر تعریف کنند و البته نام اسلایدر رو به هیچ عنوان انگلیسی بگذارند.
اگر نام اسلایدر رو فارسی بنویسند این مشکل ها براتون به وجود میاد.
موفق باشید.
سیاوش
سلام وقت بخیر
راهنمایی میکنین که :
چطور میشه یه اسلایدر رو طراحی کرد که توش چنتا عکس باشه و بشه مثلا عکس بک گراند رو یا عکس روی اون رو با حرکت موس جابجا کرد؟
افزونه اسلایدری هست که این توانایی رو داشته باشه ؟
تشکر
محمد
عالی بود
مجید
سلام
من افزونه رو نصب کردم و کد رو در قالبم گذاشتم اما اسلایدر کار نمیکنه و فقط تصویر اول بی حرکت میمونه
mohsen musavi 3 سال عضو همیار وردپرس
سلام. لطفا اگه میشه نمایش اسلاید در صفحه اصلی قالب رو کامل شرح بدید
sina
سلام برای نمایش اسلایدر در قالب کد پی اچ پی رو کجا باید قرار داد لطفا راهنمایی کنید؟
shahab
سلام ، من مطابق آموزش اسلایدر رو ساختم ولی وقتی از لینک PHP برای صفحه اصلی سایت استفاده میکنم اون رو نمایش نمیده
ممنون میشم راهنمایی کنید.
بهار
سلام
من برای گذاشتن اسلایدر همه این کارها را انجام دادم ولی وقتی در صفحه مورد نظر میگذارم فقط یک عکس ایستاد نشان میده
خواهش میکنم راهنمایی کنید
art rooms 3 سال عضو همیار وردپرس
با سلام
من هنگامی که می خواهم این افزونه در در قسمت افزونه بار گزاری کنم ، اروری می دهد و متن ارور به شرح زیر می باشد :
(((نوشتن پرونده روی دیسک با خطا مواجه شد.)))
خواهشا راهنمایی کنید .
ممنون
امید
سلام ببخشید من از کد پی اچ پی استفاده میکنم و توی صفحه اصلیم کد رو میذارم اسلاید نشون نمیده اما از کد اسلایدر استفاده میکنم توی برگه ها به صورت اسلاید نشون میده میشه بگید چیه مشکل؟؟
hamidkhaksari 3 سال عضو همیار وردپرس
با تشکر از ویدیو بسیار مفیدی که گذاشتید ، دوستان توجه داشته باشید افزونه ای که در ویدیو نمایش داده میشه با نام Cyclone Slider 2 هست ولی فایلی که دراینجا جهت دانلود گذاشته شده به اشتباه Cyclone Slider خالی هست . دوستان خودتون میتونید در قسمت سرچ باکس افزودن افزونه عبارت Cyclone Slider 2 رو تایپ کنید ( بالای 80 هزار تا دانلود داره ) و افزونه رو نصب کنید .
موفق باشید
toma
با سلام و خسته نباشید و تشکر از مطالب آموزنده سایتتون
اسلایدری که اینجالینک دانلود گذاشتین Cyclone sliderبا آموزش ویدئویی متفاوت می باشد ,وگزینه هایی که در آموزش می باشد با آنچه دانود کردم یکی نیست
مازیار
سلام میشه اسلایدر دیگه ای بزارید ان زیاد قشنگ نیست
soheilsalimi2003 4 سال عضو همیار وردپرس
چرا فارسی نیست
چاشنی
من دنبال اینم ک عکس های داخل کانتنت رو برای اسلایدر استفاده کنم و بصورت پست عکس هاشو بزارم !
از اسلایدر بوت استراپ استفاده کردم !
راهنمایی میکنید چطور باید این کارو بکنم ؟
سعیده
سلام
من میخوام اسلایدرم رو در صفحه اصلی نشون بدم کد پی اچ پی رو دقیقا باید کجا بذارم؟
محسن همتی ها
سلام
وقت بخیر
من این اسلایدر رو دانلود کردم و نصب کردم
اول از همه اینکه فارسی نیست و دوم اینکه فقط تصویر اول رو ثابت نشون میده و کار نمیکنه .
سعید دهقانی
سلام و خسته نباشین
چه طوری میتونم این اسلایدر رو به جای اسلایدر اصلی قالب استفاده کنم .
یعنی میخوام اسلایدر قبلی رو حذف و جاش ازین استفاده کنم
ممنونم
رضا
سلام این افزونه ای که از سایت شما دانلود کردم که فارسی نیست
احسان
سلام، بنده از این اسلایدر در وب سایت خودم استفاده کردم اما مشکی که هست منو های آبشاری بالای سایت وقتی با موس روی آنها می رویم، زیر اسلایدر قرار می گیرن و فقط ردیف اول آنها نمایش داده میشه. برای حل این مشکل چه باید کرد؟ قالب بنده 2012 است. با سپاس.
Saeed
Index x ro dakhel code css dorost kon..
کوروش
سلام دوست عزیز شاید من اشتباه تنظیمات رو انجام میدم اما یه برگه جدید رو سایت باز میکنه و مخوام رو hoepage اسلاید رو داشته باشم چه تنظیماتی رو باید انجام بدم؟
پرستو
سلام این افزونه رو نصب کردم اما فارسی نیست .توی فیلم فارسی بود راه تغییر زبان داره؟
هادی
سلام من هر افزونه اسلایدری نصب می کنم کار نمی کنه مشکل کجاست؟چیزی نیاز داره؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
باید ببینید قالبتون چیه و تا چه حد سازگاره
larhadi 4 سال عضو همیار وردپرس
میشه راهنمایی کنید
یعنی باید چه کار کنم که سازگار باشه
علی
سلام . من این افزونه رو نصب کردم اجرا میشه ولی وقتی توی قالب میزارم اسلایدر رو نشون نمیده فقط عکس ها رو زیر هم نشون میده نمیدونم چرا به صورت اسلایدر نشون نمیده لطفا راهنمایی کنید
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
حتما با قالب سازگار نیست
faezeh
سلام ببخشید من این اسلایدر رو نصب کردم شب اول کار کرد و اوکی بود ولی روز دوم دیگه عکسا تغییر نمیکردن روی عکس اول ثابت مونده بود ولی توی پیش نمایش اسلایدر نشون میاد که تغییر میکنن.یه بارم افزونه رو کلا پاک کردم و دوباره از اول همه کاراشو کردم اما دیگه درست نشد و همونجوری روی عکس اولم ثابت مونده.باید چیکار کنم؟
MasoudRezaei05 4 سال عضو همیار وردپرس
چطور میشه اسلایدری مثلِ این داشت؟ با چه پلاگینی؟
http://www.classen.de/en/laminate-flooring/style-world/kids-landhausdiele-feinpore-30875
طراحی سایت در تبریز
ممنون از پست مفیدتون
سپهر
سلام آموزش ویدئویی که گذاشتین چرا سه ثانیه میاد و بعدش تموم میشه واسه آموزش اسلایدر؟؟؟؟؟؟؟؟
سپهر
سلام من وقتی افزونه اسلایدر رو دانلود کردم برای اکس ترکت کردنش نیاز به رمز داره…
رمزش چیه؟؟
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
نه اصلا رمزی در کار نیست. من الان تست کردم مشکلی نبود
سهند
سلام این افزونه رو چطور ریسپانسیو کنم تا تو موبایل هم به اندازه درست نشون داده بشه
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
این افزونه رسپانسیو هست
احمد
برخلاف فیلم آموزشی انگلیسی هست . نسخه فارسیشو ندارین؟
علی
سلام
خسته نباشید
میشه لطف کنید بهم بگید برای اینکه بتونم اسلاید رو درون پوسته قرار بدم دقیقا کجا باید برم
من از برنامه نویسی اطلاعاتی ندارم
لطفا ساده برامتوضی بدید که چطور میتونم درون پوسته قرار بدم بدون باز کردن برگه
ممنون
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
header.php
علیرضا
با سلام
ببخشید این اسلایدر در قالب انفولد کار میکنه؟
اگر کار میکنه لطف میکنید توضیح بدید چطوری باید اسلایدر رو اونجا اضافه کنم هیچ گزینه ای برای افزودن اسلایدر دیگه نداره که من کد رو وارد کنم.
مهدی
من تنظیمات رو انجام میدم
ولی اسلایدر کار نمیکنه
اگه نکته خاصی داره اشاره کنید
تشکر
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
آیدی مخصوص به اسلایدر رو وارد کنید.
سامان
چرا من هر وقت ایمیلمو میدم لینک برام ارسال نمیشه؟؟؟
اتوماتیکه یا دستی میفرستید که اصلا نمیاد
امیرپاشایی
سلام من نصب کردم افزونه رو کدشم زدم فقط عوض نمیکنه عکسارو ثابته مشکل از چیه؟
mithridates 4 سال عضو همیار وردپرس
سلام
من این اسلایدر رو تو قالب های پیشفرض وردپرس که استفاده میکنم به درستی جواب میده اما تو قالبی که خودت طراحی کردم تصاویر به صورت زیر هم نشون داده میشه. آیا کار خاصی باید انجام داده بشه؟
سید
اصلا بدرد نخور ترین اسلایدر
ن.اکبری
سلام
من از این افزونه استفاده کردم. زیاد از کد نویسی سر در نمیارم. میشه راهنمایی کنید چطوری میشه مقدار عددی مثلا در شماره ملی افراد رو تعیین کنیم. کجا باید کد رو تغییر داد.
ممنون
حسین رحیمی 6 سال عضو همیار وردپرس
با احترام
این افزونه اسلایدر هست. متوجه منظور شما نشدم
ن
سلام
ممنون از پاسخ
به نظر میاد من اشتباهی سوالم رو در اینجا مطرح کردم.
من میخواستم بدونم در افزونه ساخت فرم اگر مثلا کد ملی گذاشتم چطوری میشه مقدار براش بزارم. بگم فقط ده عدد میتونید وارد کنید و اگر بیشتر یا کمتر وارد کرد خطا بده.
حسین رحیمی 6 سال عضو همیار وردپرس
با احترام
این مورد بسته به افزونه ای که استفاده میکنید متفاوت است
افزونه های پریمیوم فرم امکانات بیشتری دارند.
لطفا سوال خود را در مطلب مناسب بپرسید.
محمد
سلام
چگونه میتوان مثل سایت خودتون وقتی رو لینک دانلد زد ازمون ایمیل بخواهد چه افزونه ای
بهاره کوهستانی 6 سال عضو همیار وردپرس
سلام
Email before download
ناهید
سلام. اولا چرا پلاگینش فارسی نیس طبق آموزش ویدئو؟ دوما چرا عکس ها آپلود میشن اما اسلایدر روی همون عکس اول فیکسه؟ و بقیه رو تو سایز بند انگشتی ش میشه دید؟
pourya
سلام این افزونه چرا تو اخرین نسخه منتشر شده وردپرس نسخه4.4.1 کار نمیکنه؟
سعید
عالی بود. دست شما درد نکنه. همین که قابلیت ریسپانسیو داره یک دنیا ارزش داره
ghalamet83 4 سال عضو همیار وردپرس
سلام
فارسی نیست افزونه
iranianmandegar 4 سال عضو همیار وردپرس
عالی و توپ کار میکنه