دانلود و آموزش ساخت اسلاید شو با WOW Slider

در این مقاله قصد داریم آموزش ساخت اسلاید شو با نرم افزار WOW slider رو نشون شما بدیم. قطعا یکی از دغدغه های طراحان سایت ، داشتن یک اسلاید شو با طرح ها و افکت هایی است که مطابق با سلیقه شان باشد. پیشنهاد ما به شما عزیزان استفاده از نرم افزار (WOW Slider) است .در انتهای مطلب لینک دانلود وجود دارد ، ابتدا نرم افزار را دانلود و نصب کنید.

آموزش ساخت اسلاید شو با WOW Slider

آموزش ساخت اسلاید شو با نرم افزار wow slider

همان طور که در تصویر پایین مشاهده می کنید ، بعد از دانلود و نصب برنامه ، چنین پنلی برای شما باز می شود.

انتخاب تصاویر wow slider

شما با کشیدن تصاویر مد نظرتان به داخل این صفحه و یا کلیک بر روی گزینه (+) می توانید تصاویر خود را برای فرایند ساخت اسلاید شو آماده کنید.

انتخاب تصاویر نرم افزار wow slider

در تصویر بالا مشاهده می کنید که تصاویر مورد نظر انتخاب شدند. حال می بایست بر روی گزینه کره زمین (publish) کلیک کنید.

تنظیمات انتشار اسلایدر با wow slider

بعد انتخاب گزینه (publish) ، صفحه جدیدی باز می شود. از تولبار بالا که شامل سه گزینه می باشد ، (general) را انتخاب کنید و مطابق با سلیقه خود گزینه ها را تغییر دهید. بعد از اتمام تغییرات از همان تولبار بالا ، گزینه بعدی یعنی (images) را انتخاب کنید. به خاطر داشته باشید که تا زمان اتمام کار بر روی گزینه های زیر که دو گزینه (publish) و (close) می باشد کلیک نکنید. مگر در صورت انصراف یا تایید نهایی !

انتشار اسلایدر با wow slider

در بخش (images) گزینه های مختلفی را پیش رو دارید. یکی از این موارد (template) است که شما می توانید هر کدام از طرح های اسلاید شو را که مورد پسندتان قرار می گیرد ، انتخاب کنید. در بخش (parameters) می توانید اندازه تصاویر اسلاید شو ، کیفیت تصاویر ، افکت تغییر تصاویر ، مدت زمان بین تغییر افکت ها ، مدت زمان انجام افکت ها و متن اسلاید شو را انتخاب کنید.

انتشار اسلایدر با نرم افزار wow slider

در بخش (publish) می توانید محل ذخیره اسلاید شو در هارد کامپیوتر خود و یا محل لوکال هاست وردپرس یا جوملا و یا سرورهای اف تی پی را مشخص کنید. حال بر روی گزینه (publish) در پایین صفحه کلیک کنید.
بعد از ذخیره سازی ، صفحه ای از مرورگرتان باز می شود و اسلاید شو شما را به نمایش می گذارد. برای استفاده از کدهای اسلاید شو نیز به محل ذخیره آن رفته و از فولدر مربوطه اطلاعات را دریافت کنید. برای استفاده از اسکریپ های اسلایدر نیز از برنامه (++notepad) استفاده کنید.

دانلود نرم افزار wow slider

امیدوارم این مقاله و نرم افزار مورد استفاده شما عزیزان واقع شده باشد.

70 نظرات
  1. aidin می گوید

    من چگونه اسلایدم و وارد سایت کنم

  2. حامد می گوید

    برای نمایش صحیح در هدر باید دقیقا کجا تگ بشه؟؟هدر؟؟بادی؟؟
    ریختمش هر دو جا ولی منو رو نمیتونم جابجا کنم چون روشو می پوشونه…راهی واسه قرار دادن منو در جای دلخاه با دستکاری index.html هست؟؟
    ممنون

  3. علیرضا می گوید

    سلام خسته نباشید
    عالی بود فقط یه سوال دارم این نرم افزار اسلاید ریسپانسیو و لمسی هم درست میکنه؟ چجوری؟

  4. رها می گوید

    از این برنامه میشه تو وبلاگ هم استفاده کرد؟

  5. سلام می گوید

    سلام
    من نرم افزار رو از سایت دانلود کردم و نصب کردم ولی اجرا نمیره چکار باید کنم؟؟؟

  6. امیرحسین شمسی می گوید

    سلام ببخشید چجوری میشه اسلایدر رو در قالب وردپرس فراخوانی کرد ؟

  7. چاووش می گوید

    سلام ممنون آرش جان.بنده درست کردم اما در هنگام پلی شدن تا عکس بعدی میاد دوباره میره روی اسلاید اول.مشکلاز کجاست؟
    تشکر

  8. titi می گوید

    عالییییییییییییییییییییییی یعنی خیلی خوبی شما دستتون درد نکنه خیلی لازم داشتم! خدا خیرتون بده

  9. مهدی می گوید

    با سلام
    اسلایدر رو که توی هدر میذارم توی تمام صفحه ها نمایش میده . میخوام فقط توی صفحه اصلی (خانه) باشه. لطفا راهنمایی بفرمایید؟

  10. دایان مبصر می گوید

    با سلام و خسته نباشید خدمت شما.
    آموزش خوبی بود. من بجز این برنامه با برنامه ی Amazing Slider هم کار کردم ولی اگر امکانش هست درخواستی داشتم در مورد اینکه چطور بشه از اسلایدر در قالب وردپرس استفاده کرد. به شکلی که بصورت داینامیک چند تا از آخرین پست هایی که خودمون تعریف میکنیم چند تا باشه‌(مثلا 3 تا- یا 5 تا پست- که در اسلایدر نمایش داده میشه) به نمایش در بیاره و دیگه نیازی نباشه تا بخواهیم هر دفعه برای عوض کردن اسلایدر کدنویسی کنیم یا اسلایدر رو دوباره از نو بسازیم و کدهارو جاگذاری کنیم.
    منظورم استفاده ازکدها و توابع php در اسلایدر هست.

    و یه آموزش دیگه که باز به همین موضوع مربوط میشه این هستش که مثلا توی سایدبار یک اسلایدر قرار میدیم و در وردپرس یک دسته با عنوان اسلایدر می سازیم و وقتی پست رو با این دسته انتخاب و منتشر میکنیم بصورت داینامیک به اسلایدر اضافه بشه. مثل موضوعات دسته بندی شدهٰ یا محصولات و…
    ممنون میشم اگه این زحمت رو بکشید و این دو آموزش رو بصورت تصویری تهیه نمائید. حتی اگه هزینه ای هم داشته باشه با کمال میل حاظرم تا پرداخت کنم.

    لطفا از طریق ایمیل باهام در تماس باشید.
    موفق و سربلند باشید.

  11. صالح می گوید

    ایول
    دست طلا
    مرسی

  12. محمدرضا می گوید

    ببخشید چگونه اسلاید شو ها را می توان در صفحات وب به نمایش گذاشت

    1. آرش حیدری می گوید

      سلام
      کدهای html رو کپی کنید جایی که میخواین

  13. لیلا می گوید

    سلام من میخوام یه اسلاید برای سایتم بسازم میخوام فقط با css باشه به همراه توضیحات خط به خط اخه پروژه دانشگاهی باید ازش دفاع کنم به مشکل برخوردم کسی میتونه کمک کنه
    اگه با زبان دیگه ای هم نوشته شده باشه ایرادی نداره فقط توضیح داشته باشه که بتونم یادش بگیرم ممنونم

    1. آرش حیدری می گوید

      سلام
      css باید همراه html باشه حتما برای نمایش . jquery م نیاز دارید
      منابع آنلاین آموزش این 3 موجود هستش

  14. محدثه دادی می گوید

    بسیار مطالب و نرم افزار مفید بود با تشکر فراوان از شما

  15. shadi می گوید

    در اصل با این کادر تیکت تبلیغی wowsliderرو مخفی کرده ولی یه سری کد اشتباه نوشته یا جا گذاشته

  16. shadi می گوید

    نرم افزاری که گذاشتید بعد ساخت اسلاید شو پایینش یه کادر با یه سری کد نامفهوم میاد

  17. shadi می گوید

    ممنون مطلب خوبتون فقط من که نرم از سایتشون دانلود کردم موقع استفاده یه تیکت کوچلو پایین هر عکس میزنه wowslideer

  18. alireza می گوید

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

    1. آرش حیدری می گوید

      سلام
      این نرم افزار بود معرفی کردیم ، افزونه وردپرس نبود .
      باید کدهای html رو داخل قالبتون قرار بدید .
      ممنون

  19. آوا می گوید

    سلام و احترام:
    من از این اسلایدر استفاده می کنم اما یه مشکل بزرگ دارم، filmstrip ها وقتی در سایتم قرار می گیرند درست اجرا نمی شوند، چی کار کنم درست شه لطفا سریع جواب بدید.
    از برنامه ی amazing slider هم استفاده کردم و دقیقا همین قسمت اسلایدر اصلا حرکت نمی کند و ثابت است.

    1. آوا می گوید

      خیلی ممنون مشکلم حل شد.

    2. آرش حیدری می گوید

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

  20. مهدیه می گوید

    با سلام دانشجوی ترم اخر دوره کاردانی هستم باید برای پروژه ام سایت طراحی کنم چندتا سوال داشتم اگه میشه بتونم تلفنی باتون تماس بگیرم لطف میکنید…باتشکر

    1. آرش حیدری می گوید

      سلام
      انتهای سایت اطلاعات تماس موجود هستش ، در خدمت هستیم …

  21. sasan می گوید

    سلام
    میخام css رو برای ریسپانسیو کردن ویرایش کنم، مثلن میخام width این اسلاید رو کم یا زیاد کنم، هرچی گشتم widthی که مربوط به اسلایدم باشه پیدا نکردم.
    ممنونت میشم راهنماییم کنی!
    مرسی!

  22. t.heydari می گوید

    سلام. ممنون از سایت خوب و مفیدتوون
    میخوام از کدهای اسلایدر تو Dream weaver استفاده کنم میشه بگید چجوری این کارو انجام بدم؟
    آخه وقتی کدهارو paste میکنم اجرا نمیکنه تو DW

    1. آرش حیدری می گوید

      سلام
      کدهایی که به شما میده html هستش ، فرقی نداره داخل هر ادیتوری مثل dream weaver هم می تونید هم می تونید استفاده کنید نباید مشکلی باشه .
      ممنون

  23. reza می گوید

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

  24. maryam-rs می گوید

    دوستانی که میخوان لینک wowslider.com رو بردان، باید برین تو سایت اصلی خودش از اونجا دانلود کنید، اونوقت لینکش میره و فقط زیر عکسا مینویسه که میتونید عکسا رو Edit کنید

  25. soran می گوید

    سلام
    توی نسخه جدید وقتی که اسلایدتونو پابلیش کردید برید تصاویر مربوط به اسلاید رو ویرایش کنید و نوشته wowslider.com رو پاک کنید دیگه نشون داده نمیشه.

  26. مهران می گوید

    خوب بود

  27. مریم بانو می گوید

    سلام
    ببخشید
    من یه اسلایدر ساختم و الان میخوام توی سایتم بذارمش
    این آدرس سایتمه
    ممنون میشم بهم یاد بدین چطوری اضافه کنم
    چون بلد نیستم اصلا

  28. جامعه مجازی ملودی پاتوق می گوید

    جالب بودش ممنون

  29. حمید می گوید

    کد html شو از کجا باید بگیرم ؟؟؟؟؟/

  30. محمد می گوید

    سلام
    من یه مشکلی در سایتم دارم
    من درون سایتم میخوام تعداد زیادی عکس آپلود کنم می خواستم بدونم چه طور می تونم در قسمت (رسانه >>کتابخانه) به صورت فولدر بندی شده نمایش داده وفایل های من داخل فولدر ها باشد؟

  31. ali می گوید

    سلام خسته نباشید مطالب مفیدی نوشتید.
    یه سوال داشتم ببخشید
    transition effict رو هرچی تغییر میدم و بعد اجرا میکنم اتفاقی نمیوفته؟؟

  32. amin می گوید

    چرا گیج میزنید ؟
    بعد اینکه پابلیش کردین index.html رو با تکست باز کن یک جا هست نوشته :


    این کد رو هرجا خواسی پیست کن.
    ممنون

  33. Mohamamd می گوید

    چگونه پس از ساخت اسلاید شو با نرافزار Wow Slider آنرا در سایت قرار دهیم

  34. آژانس هواپیمایی می گوید

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

  35. AlirezaEs می گوید

    سلام و خسته نباشید خدمت دوستان عزیز من یک اسلاید شو با این نرم افزار ساختم و می خوام اسلاید شو رو بصورت صفحه ی اینترنتی آپلود کنم و در وبلاگ بزارم باید چیکار کنم؟خواهش می کنم بهم پاسخ بدین لطفا

  36. ج می گوید

    سلام
    من چند بار از این نرم افزار استفاده کردم و میخوام کدشو بزارم تو وبلاگ، عکسهایی که وارد برنامه میکنم هم سایز نیستند یکی کوچیکه و یکی دیگه بزرگ، وقتی وارد برنامه میکنم گزینه هایی داره که عکس کوچیک و بزرگ رو با خود اسلاید سازگار میکنه و … حالا وقتی اسلاید ساخته میشه درسته مشکلی نداره اما یک واترمارکی زیر عکسها هست که من اونو با ترفندی پاک کردم و دوباره همون عکسهایی که وارد برنامه کرده بودم رو جایگزین کردم که اسلاید خراب شد و عکسها میپرید .
    سوالم اینجاست باید عکسها هم سایز اسلاید باشند و یا میشه کاری کرد که هر عکسی با هر سایزی رو درست نشون بده. چون بنده وبلاگ خبری دارم و عکسهاش هم سایز نیست. اگه میشه کامل توضیح بدید.
    امیدوارم متوجه شده باشید

  37. مولود می گوید

    میشه وصلش کرد به دیتابس

  38. راوندی می گوید

    سلام خیلی ممنون از معرفیتون. خیلی جالب بود.
    من فکر میکنم میتونم تحت وبش رو بسازم.

  39. maryam می گوید

    خب حالا چرا باز توضیح نمیدیدن چجوری رو وبلاگ بذارم :S
    صدنفر سوال منو پرسیدن اینجا والا ما که از جوابای شما سر در نیاوردیم
    لطفا بگید بعد از اینکه اسلایدشو رو درست کردیم حالا باید چیا رو آپلود کنیم و چیو رو تو قالب وبلاگ بذاریم تا اسلایدشو اجرا بشه

  40. Sayrin Malik می گوید

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

  41. maryam می گوید

    به نظر من این توضیحات که دادین اصلا لازم نبود
    شما بیا توضیح بعد از ویرایش چه فایل هایی رو با چه فرمتی اپلود کنیم و رو وبلاگ قرار بدیم
    شما اصلا قشنگ توضیح نمیدید که چگونه رو وبلاگ بذاریم

    1. آرش حیدری می گوید

      سلام
      بله شما هم حق دارید ، ما توضیحاتمونو طوری میدیم که برای عموم بازدید کننده ها مفید باشه
      ممکن هم هستش توضیحات برای بعضی افراد زیاد کارایی نداشته باشه …
      شما درست می فرمایید

  42. faeze می گوید

    سلام .
    میشه این رو تو htmlقرارداد؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    1. آرش حیدری می گوید

      سلام
      بله خودشم اصن html هستش دیگه !

  43. maryam می گوید

    الان من چجوری رو وبلاگم باید بذارم
    من که هاست ندارم چیکار کنم
    html که بده ارزش نداره
    باید عکس آپلود شده رو add کنه نرم افزار وگرنه که ممکن نیست اجرا بشه رو وبلاگ..درسته؟

  44. احسان می گوید

    سلام و عرض ادب
    من قبلا با این نرم افزار کار کردم و یک مشکل دارم .
    پایین سمت راست عکس ها آرم wow slider می یادو هر کاری کردم نمی تونم از بینش ببرم اگه میشه راهنمایی کنید.

  45. میلاد می گوید

    آقا سلام
    قربون دستت میتونی بگی اون لینک wowslider.com رو که پایین همه عکسا هست از کجا میشه گیرش آورد و پاک کرد؟
    بازم مرسی کاراتون خیلی خوبه

  46. حمیدرضا می گوید

    کد HTML این کجاست ؟
    کجا میره ؟
    چه طوری اسلایدشو رو روی وبسایتم قرار بدم ؟

  47. علی منجزی می گوید

    چه جورو ی باید بزارمش توی وبسایتم

    1. آرش حیدری می گوید

      سلام
      این نرم افزار به شما کد html میده ، حالا می تونید در قسمت های مختلف قالب ازش استفاده کنید .

  48. Amir.volley12 می گوید

    ساختم حالا کدوم کد رو تو وبلاگ قرار بدم؟

    1. آرش حیدری می گوید

      سلام
      بهاون در انتها کدهای html میده که می تونید در جایگام مورد نظر در قالبتون استفاده کنید .

  49. ایمان تیموری می گوید

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

    1. آرش حیدری می گوید

      سلام
      شما عزیز هستی ، اجازه ما هم دست شما هستش ; ) دوست عزیز چه اشکال داره
      خیلی هم عالی

  50. محمد می گوید

    با سلام

    لطفا نحوه پاک کردن عبارت wowslider.com در پایین اسلاید ها رو آموزش بدید . کار کردن با این نرم افزار خیلی راحته ولی نوشتن و ادیت کدها واسه بنده مشکله اگه کمک کنید ممنون میشم

    آقای آرش حیدری شما فکر کنم در این زمینه وارد هستید لطفا کمک فرمائید

    ممنون

  51. مرتضی می گوید

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

    1. آرش حیدری می گوید
  52. محمد جواد می گوید

    اون عبارت wowslider.com که بصورت دیفالت پایین تمام اسلایدر ها وجود داره کار رو خراب میکنه و باغث میشه کسی از این نرم افزار استفاده نکنه!
    تصویر اینکه اسلایدر صفحه اول لینک یک سایت دیگه داشته باشه اصلا خوب نیست

    1. آرش حیدری می گوید

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

      1. سمیر می گوید

        اقای حیدری لطفا بگید کدوم کد ها رو پاک کنم که تبلیغ wowslider.com از روی اسلایدشو پاک بشه من هر چقدر دنبال کدش بودم پیدا نکردم
        واقعا کارم گیر کرده لطفا بگید

      2. محمد می گوید

        میتونی تو آپارات جستجو کنی.
        یه فیلم اونجا هست که اگه ببینی یاد داده که چطوری اینو برش داری.
        اگه درست یادم باشه باید “margin” رو تو یکی از فایل های js جستجو کنی و اولین موردی که پیدا شد رو برابر 0 بزاری

  53. MycroSite می گوید

    درود
    بسيار آموزش مفيدي بود
    موفق باشيد

  54. amirreza می گوید

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.