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

4.6 / 5. تعداد رای: 49

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

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

المنتور چیه؟ وردپرس چیه؟

وردپرس یکی از محبوب‌ترین سیستم‌های مدیریت محتوا (CMS) در سراسر جهان است و میلیون‌ها وب‌سایت در زمینه‌های مختلف از آن استفاده می‌کنند. این سیستم، امکانات بسیاری را ارائه می‌دهد و انعطاف‌پذیری زیادی دارد که آن را در میان مبتدیان و توسعه‌دهندگان حرفه‌ای محبوب کرده است. از سوی دیگر، المنتور یک افزونه قدرتمند و ساده‌برای استفاده است که به عنوان صفحه‌ساز مورد استفاده قرار می‌گیرد.

اهمیت استفاده از اسلایدرها در طراحی وب

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

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

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

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

سپس از سمت راست، المنت Slider را پیدا کنید و به جایی که می‌خواهید اسلایدر اضافه شود، اضافه کنید.

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

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

آیا المنتور رایگان است؟

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

آیا اسلایدرها بر روی تمام دستگاه‌ها قابل مشاهده هستند؟

بله، اسلایدرها به‌طور کلی بر روی تمام دستگاه‌ها از جمله کامپیوتر، تبلت و موبایل قابل مشاهده هستند.

آیا برای ساخت اسلایدر نیاز به برنامه‌نویسی دارم؟

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

آیا اسلایدرها بر سرعت وب‌سایت‌ها تأثیر می‌گذارند؟

بله، استفاده از اسلایدرهای بزرگ و باریک ممکن است بر سرعت بارگذاری وب‌سایت تأثیرگذار باشد. بهتر است از تصاویر بهینه‌سازی‌شده و کم‌حجم استفاده کنید تا سرعت وب‌سایت کاهش نیابد.

بهینه‌سازی اسلایدر برای سئو

در طراحی وب، بهینه‌سازی برای موتورهای جستجو (SEO) بسیار اهمیت دارد. این مرحله از طراحی اسلایدر نیز نباید نادیده گرفته شود. از استفاده از عناصر تصویری با کیفیت، متن‌های توضیحی مختصر و دقیق، و برچسب‌های مناسب برای عکس‌ها استفاده کنید تا سئوی اسلایدرتان بهتر شود.

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U9237 ۱۵ اردیبهشت ۱۳۹۷

    سلام روزتون بخیر
    ممنون از آموزش خوب و کابردی شما
    از قسمت add layer دکمه یا تصویر اضافه میکنم اما داخل سایت نمایش نمی دهد ممنون میشم همکاری کنید.

    سپاس از سایت خوب شما

  2. U7655 ۵ فروردین ۱۳۹۷

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

  3. کاربر مهمان ۲۸ اسفند ۱۳۹۶

    سلام من همه مراحل را مرم ته کار که شورت کد را کپی میکنم تو سایت عکس های نمایش داده نمیشه

    • U11404 ۲۹ اسفند ۱۳۹۶

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

  4. کاربر مهمان ۱۶ اسفند ۱۳۹۶

    سلام
    ممنون بابت اموزش واقعا عالی بود

  5. U3252 ۶ اسفند ۱۳۹۶

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

  6. U3252 ۶ اسفند ۱۳۹۶

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

    • Reza Rad رضا راد ۶ اسفند ۱۳۹۶

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

  7. U3252 ۶ اسفند ۱۳۹۶

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

  8. کاربر مهمان ۱ اسفند ۱۳۹۶
  9. کاربر مهمان ۲۴ بهمن ۱۳۹۶

    حالت fade ها هم داره؟ممنون میشم جواب بدید

  10. کاربر مهمان ۲۴ بهمن ۱۳۹۶

    سلام
    با این اسلایدر میشه حالت زوم رو ایجاد کرد
    مثل اسلایدر این سایت
    http://www.laiad.com/

  11. کاربر مهمان ۲۳ بهمن ۱۳۹۶

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

  12. U8461 ۳ بهمن ۱۳۹۶

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

  13. کاربر مهمان ۱۸ دی ۱۳۹۶

    با سلام و خسته نباشید
    من قالب وردپرس Be رو از سایت شما خریدم. قالب خوبیه، اما پیچیده تر از بقیه است. خواهش می کنم اگر امکانش هست بخشی از آموزش هاتون رو اختصاص بدید به آموزش بخش های قالب
    با سپاس

    • U9864 ۱۸ دی ۱۳۹۶

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

  14. کاربر مهمان ۷ دی ۱۳۹۶

    سلام من میخوام چندتا عکس مثلا چهارتا تو یک اسلاید باشه اما هر کار میکنم فقط یک عکس تو اسلاید میاد و بقیه به صورت اسلاید تشکیل میشه،یعنی انگار تو اون قسمت فقط یک عکس گذاشام نه اسلاید،چطور میتونم عکس اضافه کنم؟همچنین چطور دکمه next و previous رو براش فعال کنم؟

    • U7658 ۷ دی ۱۳۹۶

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

  15. کاربر مهمان ۴ دی ۱۳۹۶

    من از قالب Enlighten استفاده می کنم ، آیا امکان داره این اسلایدر رو با اسلایدر خود قالب عوض کنم . ممنون میشم راهنمایی بفرمائید.
    در ضمن ShortCode اسلایدر Revolution در برگ صفحه نخست اضافه کردم ولی چیزی نمایش نمیده.

    • U7658 ۴ دی ۱۳۹۶

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

  16. کاربر مهمان ۱۰ آذر ۱۳۹۶

    سلام
    من میخوام یه اسلایدر که سه تا تصویر بند انگشتی نمایش بده و به صورت اتومات بقیه اسلایدها رو نشون بده بسازم
    میشه راهنمایی کنید
    نمونه اش رو در آدرس زیر ببیند
    http://negahonline.ir/wp-content/uploads/2017/12/photo_2017-12-01_12-43-19.jpg

    • Reza Rad رضا راد ۱۰ آذر ۱۳۹۶

      سلام بهتره از قالبی استفاده کنید که این قابلیت رو داشته باشه مثل گودنیوز https://mihanwp.com/goodnews/

      • کاربر مهمان ۱۰ آذر ۱۳۹۶

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

        • U7658 ۱۱ آذر ۱۳۹۶

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

  17. کاربر مهمان ۹ آذر ۱۳۹۶

    سلام
    من یه قالب رو با html و css و js خودم طراحی کردم.
    1- چطور میتونم این اسلایدرها رو روی قالب خودم پیاده کنم؟
    2- آیا این اسلایدرها روی localhost هم کار میکنن؟

    • U7658 ۹ آذر ۱۳۹۶

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

      • کاربر مهمان ۱۰ اردیبهشت ۱۳۹۸

        با سلام و تشکر از راهنماییتون
        من نمیخوام شورت کدم رو توی برگه قرار بدم.
        میخوام توی قالبم بذارم. ولی متاسفانه عکس‌های اسلایدرم توی قالب روی هم میفته (۴ تاشون دیده میشه) ولی خبری از اسلایدر نیست!!

  18. کاربر مهمان ۲۰ آبان ۱۳۹۶

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

  19. کاربر مهمان ۱۹ آبان ۱۳۹۶

    سلام
    ببخشید چرا در بعضی موارد اسلایدر اصلا در سایت گاهی نمایش داده می شود گاهی نه

  20. کاربر مهمان ۹ آبان ۱۳۹۶

    در نسخه رایگان رسپانسیو در گوشی انجام نمیشه در نسخه شما هم این مشکل هست ؟

  21. کاربر مهمان ۲۴ مهر ۱۳۹۶

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

    • U7658 ۲۴ مهر ۱۳۹۶

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

  22. کاربر مهمان ۲۱ مهر ۱۳۹۶

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

  23. کاربر مهمان ۲۰ مهر ۱۳۹۶

    سلام
    لینک دانلود ویدیو آموزشی کار نمیکند و به یم صفحه دیگر میرود
    لینک را اصلاح کنید ممنون میشم

  24. کاربر مهمان ۸ مهر ۱۳۹۶

    سلام.
    من می خواستم برای سایتم یه اسلایدر مثل اسلایدر ورزش 3 درست کنم. که عکس به صورت جدا و متن هم به صورت جدا باشه و از پست لود بشه. لطفا یه کمکی بکنید.

  25. کاربر مهمان ۲ مهر ۱۳۹۶

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

    • U7658 ۲ مهر ۱۳۹۶

      درود.
      از بابت نحوه ساختن اسلایدر، در ویدئوی همین مطلب موجود می باشد، در رابطه با آپارات، کد اشتراک گذاری در وب سایت کلیپ مورد نظر را در “لایه متن” قرار دهید.

  26. کاربر مهمان ۹ شهریور ۱۳۹۶

    با سلام. من این پلاگین رو نصب کردم و چهار اسلاید رو درست کردم، برای اسلایدها، تامبنیل را فعال کرده ام و مشخص کردم تا سه تامبنیل نمایش داده شود. در هنگام کلیک بر روی تامبنیل ها، حرکت تامبنیل ها، به شکل درستی نیست و اسلاید نمی شود. ممنون می شم راهنمایی بفرمایید.

    • U7658 ۹ شهریور ۱۳۹۶

      درود.

      نوع Animation را تغییر دهید و بررسی کنید.

      • کاربر مهمان ۹ شهریور ۱۳۹۶

        انیمیشن تامبنیل رو منظورتونه؟ لطفا ممکنه راهنمایی واضح تری بفرمایید. ممنون

        • U7658 ۹ شهریور ۱۳۹۶

          درود.

          خیر، در هنگام تنظیمات اسلایدر یک گزینه ای هست به عنوان Animation نوع انیمیشن اسلایدر مشخص می شود، آن را تغییر دهید و ذخیره کنید و امتحان کنید.

  27. کاربر مهمان ۲۶ مرداد ۱۳۹۶

    با عرض سلام
    میخواستم بدونم چطوری هر صفحه‌ی اسلایدرم از یه سمت بیاد؟

  28. کاربر مهمان ۲۵ مرداد ۱۳۹۶

    سلام ممنون از آموزش عالیتون، من قالب اسلایدر رو 1240*450 قرار دادم و استاندارد اسلایدر فول ویت ساختم اندازه ی عکس ها رو هم 1240*450 کردم بعد بارگزاری روی سایت تصویر کامل نمایش داده نمیشه و انگار یک مقدار زوم شده برای اصلاحش چیکار می تونم بکنم.ممنون میشم راهنمایی کنید.

    • U7658 ۲۵ مرداد ۱۳۹۶

      درود.

      احتمالا افکتی که در حال استفاده هستید این مشکل را ایجاد کرده باشد.
      بررسی کنید از تنظیمات میزان ویت (Width) را به صورت Auto قرار دهید.

  29. کاربر مهمان ۲۲ مرداد ۱۳۹۶

    با سلام
    چرا ویدءوی آموزشی را نمی شود دان کرد
    متشکر

  30. کاربر مهمان ۲۱ مرداد ۱۳۹۶

    با سلام و عرض ادب.
    انیمیشن ها اجرا نمیشن. قالب بی تم هست. لطفا راهنمایی بفرمائید

    • U7658 ۲۱ مرداد ۱۳۹۶

      درود.

      متوجه نشدم، می شه تصویری ارائه بدید در این رابطه برای بررسی این مورد؟ یا لینکی برای مثال چنین امکانی؟

  31. کاربر مهمان ۱۷ مرداد ۱۳۹۶

    سلام من همه کار مثل کلیپ اموزشی رو انجام دادم و میزارمش تو سایت چیزی نشون نمیده مشکل از کجاست؟ممنون میشم اگر کمکم کنید

  32. کاربر مهمان ۹ مرداد ۱۳۹۶

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

    • U7658 ۹ مرداد ۱۳۹۶

      درود.

      کدکوتاه یا همان ShortCode مربوطه را در صفحه اصلی فقط قرار دهید ( در برگه صفحه اصلی )

  33. کاربر مهمان ۳۱ تیر ۱۳۹۶

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

  34. کاربر مهمان ۲۷ تیر ۱۳۹۶

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

  35. کاربر مهمان ۲۷ تیر ۱۳۹۶

    سلام
    یه سوال داشتم چرا من هر افزونه ای برای SlidShow به قالبم می افزایم نمی تونم در قالب ببینم ، البته کد Php مربوط به اون رو هم وارد قالب می کنم.

    ( فضا را در قالب سایت اشغال می کند ولی نمایش داده نمی شود.)

    تشکر.

  36. U7616 ۹ تیر ۱۳۹۶

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

    • U6358 ۱۰ تیر ۱۳۹۶

      لطفا فایل زیپی که شامل کل افزونه های اضافی هست رو آنزیپ کنید؛ افزونه های اضافی را به صورت جدا نصب کنید.

      • U7616 ۱۰ تیر ۱۳۹۶

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

        • U6358 ۱۰ تیر ۱۳۹۶

          بله. افزونه ها باید به صورت جدا نصب بشن. فایل کلی رو آن زیپ کرده و افزونه ها رو تک تک آپلود کنید.

          • کاربر مهمان ۱۸ تیر ۱۳۹۶

            سلام خسته نباشید
            به صورت جدا زیپ کردم اپلود که میکنم بازم نصب نمیشه ارور میده
            این بسته نمی‌تواند نصب شود. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

  37. U7272 ۱۶ خرداد ۱۳۹۶

    Revolution Slider Error: Slider with alias zephyr-main not found.
    Maybe you mean: ‘alhadidsteel’
    این ارور اسلایدر هست

  38. کاربر مهمان ۲۵ اردیبهشت ۱۳۹۶

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

  39. U6769 ۲۱ اردیبهشت ۱۳۹۶

    سلام روی یک تصویر در رولوشن اسلایدر و از قسمت add layer یک button  ساختم ولی وقتی سیو میکنم و صفحه سایت را رفرش می کنم اون کلید بعد از چد ثانیه محو میشه لطفا راهنمایی کنید

    • Reza Rad رضا راد ۲۱ اردیبهشت ۱۳۹۶

      سلام توی تایمینگ لایه ها ٬ تایم پایان لایه رو روی چند ثانیه قرار دادید و باید بیشترش کنید

  40. U6850 ۱۹ اردیبهشت ۱۳۹۶

    سلام من اسلایدری که درست کردم زیر اسلایدر سایتم میاد من میخوام روی یکی خودش باشه باید چکار کنم.روی قالب نیلسنsaravankala.ir چک کنید

    • Reza Rad رضا راد ۲۰ اردیبهشت ۱۳۹۶

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