ساخت اسلایدر وردپرس slideshow با Cyclone slider

وردپرس slideshow

بروزرسانی توسط عباس خلجی در تاریخ ۱۷ بهمن ۱۳۹۵
باسلام خدمت وردپرسی‌های عزیز؛
قرار دادن اسلایدر تصاویر در سایت یکی از را‌ه‌های زیباسازی آن است که بسیاری از وبمسترها علاقه زیادی به اسلایدر تصاویر دارند. در واقع اگر بتوانید تصاویری را مرتبط با عملکرد خود و به گونه‌ای جذاب برای سایت طراحی کنید حتما کاربران بیشتری را در نگاه اول جذب خواهید کرد.
خوشبختانه افزونه‌های زیادی برای ساخت اسلایدر تصاویر وجود دارد. افزونه‌ای که پیرامون وردپرس slideshow می‌خواهیم به آن به بپردازیم  افزونه حرفه‌ای و سرشناس Cyclone slider است. این افزونه جز، بهترین و محبوب‌ترین افزونه‌های در وردپرس است که تا به امروز ۶۰.۰۰۰ بار دانلود و نصب شده‌ است.

وردپرس slideshow

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

  • ایجاد وردپرس slideshow با قابلیت ریسپانسیو
  • امکان مشخص کردن زمان برای نمایش هر عکس
  • امکان قرار دادن افکت‌های زیبا روی هر عکس
  • امکان استفاده اسلایدر در متن و یا صفحات قالب وردپرس
  • امکان برون‌بری و درون‌ریزی اسلایدها
  • قابلیت انتخاب تصاویر اسلایدر از HTML سفارشی، YouTube و…
  • و بسیاری از قابلیت‌های دیگر

نصب و راه‌اندازی Cyclone slider

در اولین گام،‌ افزونه Cyclone slider نصب و فعالسازی کنید.‌ پس از فعال‌سازی افزونه، بخشی به نام (اسلایدر) به پیشخوان مدیریت وردپرس شما اضافه می‌شود:

slider- وردپرس slideshow

افزودن اسلایدشو

add slideshow-وردپرس slideshow

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

three items-وردپرس slideshow

حال اگر روی گزینه افزودن اسلاید کلیک کنید ‌می‌توانید تصویر اسلایدر خود را به صورت یکی یکی انتخاب کنید . ولی با انتخاب گزینه Add Images as slids می‌توانید تمام تصویر‌های اسلایدر خود را یک‌باره انتخاب کنید.
شما می‌توانید با کلیک بر روی گزینه sort تصاویری که برای اسلایدر خود انتخاب کرده‌اید را مرتب کنید.
در بخش Templates نوع اسلایدر خود را انتخاب کنید.
حالا وقت تنظیم هریک از اسلایدهاست .

  افزایش سرعت سایت با Speed Booster Pack

slide settings- وردپرس slideshow

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

Basic settings (نوار سمت چپ)

شما می‌توانید در این بخش تنظیمات کلی (افکت ، ریسپانسیو ، طول و عرض و…) اسلایدر را تکمیل کنید. پس از اعمال تنظیمات، اسلایدر خود را انتشار دهید.

حال پس از انتشار اسلایدر، افزونه به شما دو نوع کد می‌دهد:

shortcode - وردپرس slideshow

کد کوتاه shortcode: اگر می‌خواهید اسلایدر شما در نوشته و صفحات شما نمایش دهد از این کد استفاده کنید.

کد php: اگر شما قصد دارید اسلایدر شما در صفحات قالب نمایش دهد، از کد php استفاده کنید.

پس از افزودن کد به قسمت دلخواه، می‌توانید خروجی وردپرس slideshow را مشاهده کنید:‌

sliders - وردپرس slideshow

تبریک! اسلایدر شما در سایت نمایش داده شد.

حالا می‌خواهیم بپردازیم به قسمت‌های دیگر این افزونه.

بخش settings

settings - وردپرس slideshow

در این قسمت یه سری تنظیمات کلی وجود دارد که می‌توانید آنرا به دلخواه تنظیم کنید.

توجه‌: ما توصیه می‌کنیم در این بخش تغییراتی ایجاد نکنید و بگذارید به همان حالت پیش‌فرض باقی بماند.

Export/improt

export import -وردپرس slideshow

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

جمع‌بندی

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

امیدوارم از این‌ آموزش لذت کافی برده باشید.

دانلود افزونه Cyclone slider

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

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

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

۲۷۱,۷۴۶ نفر

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

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

  1. 1 سال عضو همیار وردپرس

    با سلام.
    من از پلاگین slideshow در سایتم استفاده کرده ام. مشکل من این است که خیلی فضا می گیرد. یعنی با وارد کردن تنها ۵ مگابایت عکس به درونslideshow، در حدود ۱۰ الی ۱۲ مگابایت فضای من گرفته می شود. می خواهم بدونم راهی برای کم کردن این مقدار فضای اشغالی وجود ندارد؟ لطفا راهنمایی کنید.

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

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

    • 5 سال عضو همیار وردپرس

      سلام
      میتونید همون اسلایدر دیسکاوری رو بدون نوشته دربیارید.
      این قالب ها خودشون اسلایدر دارن و قرار دادن یک اسلایدر دیگه کار دشواری است

  3. سلام خسته نباشید در قسمت header من header.php نداره من باید کجا کد بلند را پیوند بدم که در قسمت ابتدای صفحه بالا به صورت اسلاید نشون بده میخوام سومین نوارم از بالای صحفه باشه ممنونم

  4. سوال من اصلا این نبوده
    سوال من از شما اینکه کدی که میده باید کجا بارگزاری بشه؟

    • 5 سال عضو همیار وردپرس

      سلام
      متاسفانه شما مرتب سوالات متفاوت میپرسید و منم جواب میدم. اصلا سوالتون یکی نیست…
      اگه شورت کد باشه در یک برگه باید بارگذاری بشه. اگه قطعه کد php باشه بهتره در header.php و بعد از تگ head قرار بدید.

  5. در قسمت ای دی اسلای شو چه کدی باید وارد بشه
    کد بلند باید کجا کپی بشه

  6. من در صفحه اولم میخوام به صورت اسلاید رد بشن

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

    • 5 سال عضو همیار وردپرس

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

  8. برای مشاهده اسلایدر فقط در تصویر اول باید کدی که میدهد را کجا پیوند بدهیم؟

  9. من همه ی این کار هارو انجام دادم ولی سایتم تغییر نکد!

    • 5 سال عضو همیار وردپرس

      سلام
      یعنی شورت کد رو داخل برگه قرار می‌دید هیچ اسلایدری نشون نمیده بهتون ؟ میشه بیشتر توضیح بدید تا بتونم راهنماییتون کنم

    • سلام من دانلود افزونه را دانلود و نصب کردم و اسلایدر خود را تمظیم کرده ولی در صفحه مشاهده نمیشود و در سمت Cyclone Slider Exporter

      این ارور را داده است در حالی که من در کنار صفحه وردپرسم اسلایدر را دارم و تنظیم کرده ام مشگل من این است در صفحه نمایش داده نمیشود

      Error: ZipArchive not supported. ZipArchive is needed for Import and Export to work
      کدی که کوتاه وبلند هست را من دریافت کردم کد بلند را در قسمت ادرس لینک و ای دی اسلایدشو وارد کردم ولی نمایش نمیدهد
      [email protected] ایمیل من هست اگر میشه لطف کنید همکاری کنید ممنونم

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

    • 5 سال عضو همیار وردپرس

      سلام
      اگه از قطعه کد در قالب استفاده کردید باید در جای مناسب قرار بدید. بین تگ head

  10. 2 سال عضو همیار وردپرس

    با سلام و خسته نباشید
    من اسلایدر رو نصب کردم و یه اسلایدر با اسم bottom_slider ساختم که شامل ۴ عکسه.
    بعدش کد php زیر رو توی یه div قرار دادم:

    ولی متاسفانه توی سایتم، ۴ تا عکس روی هم ظاهر میشه و خبری از اسلایدر نیست!!!
    لطفا راهنمایی بفرمایید
    با تشکر – یاهو

  11. واقعا مفید بود و ساده

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

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

  14. یافتم………………

    دوستانی که مکشلاتی مانند عدم حرکت تصویر و یا نمایش یک تصویر قابت و مشابه آن دارند ؛ باید یک اسلایدر دیگر تعریف کنند و البته نام اسلایدر رو به هیچ عنوان انگلیسی بگذارند.
    اگر نام اسلایدر رو فارسی بنویسند این مشکل ها براتون به وجود میاد.
    موفق باشید.

  15. […] افزونه Meta Slider می‌باشد که توسط آن قادر به ایجاد انواع اسلایدر در وردپرس به صورت کاملا رایگان در سایت وردپرسی خود خواهید بود. […]

  16. […] افزونه Meta Slider می‌باشد که توسط آن قادر بـه ایجاد انواع اسلایدر در وردپرس بـه صورت کاملا رایگان در سایت وردپرسی خود خواهید بود. […]

  17. […] افزونه Meta Slider می‌باشد که توسط آن قادر به ایجاد انواع اسلایدر در وردپرس به صورت کاملا رایگان در سایت وردپرسی خود خواهید بود. […]

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

  19. عالی بود

  20. سلام
    من افزونه رو نصب کردم و کد رو در قالبم گذاشتم اما اسلایدر کار نمیکنه و فقط تصویر اول بی حرکت میمونه

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

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

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

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

    ۳.۱ میلیون تومان
      تمام بیلبوردهای شهر پر شده از تبلیغات کسب‌و‌کارهای آنلاین یا همان استارتاپ‌ها. استارتاپی‌هایی برای درخواست تاکسی، سفارش غذا، تعمیرات خودرو در محل، کارواش و حتی خشکشویی آنلاین! نمی توان انکار کرد که...
  • صفر تا صد گرافیک

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