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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. کاربر مهمان ۱۰ اردیبهشت ۱۳۹۶

    سلام، لطفا در رابطه با راست چین کردن متن ها توضیح میدین؟ قالب انگلیسی بوده و الان متن های فارسی به شکل left to right هست

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

    سلام خسته نباشید،برای بنده نیز پیامی مبنی بر اینکه نامک اسلایدر درست نیست، درج میشه اما همچنان با اینکه نام و نامک اسلایدر رو تغییر دادم نمیتونم نمایشش بدم، مشکل از چیه ؟

  3. U6892 ۴ اردیبهشت ۱۳۹۶

    سلاممن اسلاید رولوشن رو نصب کردم ولی نمی دونم چرا نمی تونم متن رو تغییر بدم.وقتی لایه متن اضافه می کنم گزینه های تغییر متن و تنظیمات مثل Bold و …. همه غیر فعال هستند.لایه عکس و .. می تونم اضافه کنم و تغییر هم بدم ولی متن که اضافه می شه همون متن اولیه باقی می مونه و قابل تغییر نیست.

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

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

  5. U6493 ۳۰ فروردین ۱۳۹۶

    سلام میخوام اسلایدر کروسل برای محصولات ووکامرس درست کنم  ولی گزینه ای برای مشخص کردن تعداد محصولات در هر اسلاید پیدا نمیکنم , مثلا در هر ردیف 4 تا از محصولاتم رو  نشون بدهمشکل بعدی اینکه وقتی هم کروسول با تنظیمات پیش فرض میسازم تصاویر رو بزرگتر نشون میده و قسمتی از تصاویر محصولات از بالا و پایین نشون داده نمیشه , نمایش قیمت و دکمه خرید هم نتونستم تنظیم کنم

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

      سلام گزینه ای برای انتخاب تعداد محصول در هر ردیف ندارد. ارتفاع اسلایدر را تنظیم کنید سایز تصاویر درست میشه. در کل اگر می خواهید قیمت و دکمه خرید داشته باشه از اسلایدر صفحه ساز قالب استفاده کنید مثلا قالب بی تم گزینه ای برای نمایش محصولات دارد.

  6. کاربر مهمان ۳۰ فروردین ۱۳۹۶

    سلام. من پلاگینم رو رجیستر کردم اما موقع اکتیو کردن Addons ش هیچ اتفاقی نمیوفته یعنی دکمه ش کلیک نمیخوره.آدرسش رو دارید که از ftp نصب کنم addon هاش رو؟

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

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

  7. کاربر مهمان ۲۹ فروردین ۱۳۹۶

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

  8. کاربر مهمان ۲۸ فروردین ۱۳۹۶

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

    • Reza Rad رضا راد ۲۸ فروردین ۱۳۹۶

      سلام پشتیبانی مختص خریداران محصول هست. خریدی با ایمیل شما پیدا نشد. لطفا با ایمیلی که خرید کردید تیکت بفرستید. در مورد سوال شما: در بخش تنظیمات استایل هر اسلاید می توانید پترن روی بک گراند را اضافه کنید یا اینکه پترن را به عنوان یک لایه تصویری روی اسلایدر قرار دهید

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

    سلام خوبید ؟واس من انگلیسیه گیج شدم اصلا 

  10. کاربر مهمان ۱۹ فروردین ۱۳۹۶

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

  11. کاربر مهمان ۱۴ فروردین ۱۳۹۶
  12. U6361 ۱۹ اسفند ۱۳۹۵

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

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

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

      • U6361 ۱۹ اسفند ۱۳۹۵

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

  13. کاربر مهمان ۱۸ اسفند ۱۳۹۵

    سلام ممنون برای اموزش خوبتون ولی چرا واس من نمیاد این ارور رو میده  Record not found  توقسمت برگه ها و حتی با شورت کد هم ک میرم باز این ارور رو میده….کمک لطفا

  14. کاربر مهمان ۲۳ بهمن ۱۳۹۵

    با سلام وخسته نباشید خدمت همه دوستان و عزیزان جا داره اول یه تشکر ویژه از همه دست اندر کاران این سایت و مطالب بکنم و بعد هم  یه سوال طرح یکنم من وقتی اسلایدر رو میدارم در دمو سایتم چیزی که هست مثل اون نمشه میدونم از تنظیمات هست اما در اموزش شما نبود میخواستم بشه راهنمایم کنید

    • Reza Rad رضا راد ۲۳ بهمن ۱۳۹۵

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

  15. کاربر مهمان ۲۲ بهمن ۱۳۹۵

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

    • U5199 ۲۳ بهمن ۱۳۹۵

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

      • کاربر مهمان ۲۴ بهمن ۱۳۹۵

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

        • Reza Rad رضا راد ۲۴ بهمن ۱۳۹۵

          نیازی به کلاس و آیدی نیست. توی بخش لینک باید لینک رو وارد کنید یا توی تنظیمات لایه کد html شامل a href وارد کنید

          • کاربر مهمان ۲۵ بهمن ۱۳۹۵

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

            • U5199 ۲۵ بهمن ۱۳۹۵

              روی هر لایه که کلیک بفرمایید کادر محتوای لایه که کد html می تونید وارد کنید باید کد html لینک رو بذارید.

  16. کاربر مهمان ۲۲ بهمن ۱۳۹۵

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

  17. کاربر مهمان ۲۱ بهمن ۱۳۹۵

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

  18. کاربر مهمان ۱۲ بهمن ۱۳۹۵

    سپاس فراوان از آموزش بسیار مفید و عالی تون ….. سربلند باشید.

  19. کاربر مهمان ۱۲ بهمن ۱۳۹۵

    سپاس فراوان از آموزش بسیار مفید و عالی تون ….. سربلند باشید

  20. کاربر مهمان ۳ دی ۱۳۹۵

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

    • Reza Rad رضا راد ۳ دی ۱۳۹۵

      سلام ۱. از بخش انیمیشن هر لایه می توانید٬ انیمیشن ورودی و خروجی را تعیین کنید ۲.در بخش تنظیمات اسلایدر

  21. کاربر مهمان ۲۸ آذر ۱۳۹۵

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

    • Reza Rad رضا راد ۲۸ آذر ۱۳۹۵

      سلام متشکرم.از بخش revolution slider میتونید حذف بفرمایید

      • کاربر مهمان ۱ دی ۱۳۹۵

        تو قسمت افزونه Revolution Slider فقط اسلایدری هست که خودم ساختم. نمی دونم از کجای قالب باید اسلایدر قبلی رو حذف کنم.

        • Reza Rad رضا راد ۱ دی ۱۳۹۵

          سلام بستگی به قالب دارد. معمولا از بخش تنظیمات قالب یا ویرایش برگه صفحه اصلی می توانید اسلایدر را تغییر دهید

  22. کاربر مهمان ۲۳ آذر ۱۳۹۵

    سلام و خسته نباشیدمن این افزونه رو ازتون خریداری کردم و یه سوالی دارم. چطور میشه برای دکمه ای که توی افزونه Revolution Slider ساختیم، لینک در نظر گرفت. من هرچقدر که گشتم پیدا نکردم. سپاس از شما

  23. کاربر مهمان ۱۴ آذر ۱۳۹۵

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

    • Reza Rad رضا راد ۱۴ آذر ۱۳۹۵

      سلام متشکرم. میتونید کد رو توی فایل index.php قالب قرار بدید یا اگر قالب حرفه ای دارید از ویژوال کامپوزر استفاده کنید برای قرار دادن اسلایدشو

      • کاربر مهمان ۲۱ اسفند ۱۳۹۵

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

  24. کاربر مهمان ۹ آذر ۱۳۹۵

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

  25. کاربر مهمان ۳ آذر ۱۳۹۵

    tnx for ur education film..

  26. کاربر مهمان ۱۹ آبان ۱۳۹۵

    بسیار سپاسگزارم از فیلم آموزشی Slider Reveloution. امیدوارم همیشه موفق و پیروز باشید.

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

    سلام مرسی برای اموزش خوبتون واقعا ممنون :))

  28. کاربر مهمان ۱۷ مهر ۱۳۹۵

    سلام
    وقت بخیر
    من در حال حاضر کارای یک سایت رو انجام میدم که یک اسلایدر داخلش هست
    و این اسلایدر با slider revolution طراحی شده چون وقتی این افزونه رو غیر فعال میکنم اسلاید سایت حذف میشه
    ولی در پیشخوان وردپرس چیزی به اسم slider revolution  یا مشابه اون نمیبینم که بتونم تنظیمات اسلایدر رو تغییر بدم
    تقریبا همه‌ی پیشخوان رو هم زیر و رو کردم ولی پیدا نشد
    میشه لطفا یه کمکی بکنید
    این افزونه کجا ممکنه رفته باشه ؟

  29. کاربر مهمان ۱۰ مهر ۱۳۹۵

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

  30. کاربر مهمان ۵ مهر ۱۳۹۵

    سلام تشکر برای اموزش بسیار عالی شما

  31. کاربر مهمان ۳ مهر ۱۳۹۵

    درود بر شما بسیار عالی بود مطالب سایت بسیار عالی هست من یه سوال دارم وقتی سایت من بالا میاد بالای سایت بعد از آرم من این هستش Education worrdpress#1 سپاس گذار میشم راهنمایی بفرمایید سایتم هست  

    • Reza Rad رضا راد ۳ مهر ۱۳۹۵

      سلام اگر منظور شما تایتل سایت هست با افزونه yoast seo premium میتونید تغییرش بدید به عنوان دلخواه خودتون

  32. کاربر مهمان ۲۵ شهریور ۱۳۹۵

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

  33. کاربر مهمان ۲۴ شهریور ۱۳۹۵

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

  34. کاربر مهمان ۲۸ مرداد ۱۳۹۵

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

  35. U3125 ۱۸ مرداد ۱۳۹۵

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

    • Reza Rad رضا راد ۱۸ مرداد ۱۳۹۵

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

  36. کاربر مهمان ۱۸ مرداد ۱۳۹۵

    سلام،وقتی کد php رو داخل header.php قرار میدم این رو روی صفحه سایت نشون میده Parse error: syntax error, unexpected ‘<‘ in /home/besaazir/public_html/wp-content/themes/BeTheme v14.0.1 #U2013 Responsive Multi-Purpose WordPress Theme/betheme/header.php on line 208چیکار کنم؟

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

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

    • Reza Rad رضا راد ۲۶ خرداد ۱۳۹۵

      سلام از بخش تنظیمات هر اسلاید میتونید توی بخش link ، لینک بدید اسلاید رو به هر آدرسی که دوست دارید

  38. کاربر مهمان ۱۰ خرداد ۱۳۹۵

    سلام
    برای ضیط فیلمهای آموزشیتون از چه نرم افزاری استفاده می کنید؟

  39. کاربر مهمان ۳ خرداد ۱۳۹۵

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

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

    سلامممنون از ویدئو بسیار خوب و مفید که قرار دادید یه سوال بنده از همین افزونه استفاده کردم نسخه انگلیسی ولی لبه های این افزونه زیر منو قرار می گیره باید چکار کنم ؟ ممنون می شم راهنمایی کنید http://Www.packpc.com