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

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

جلسه 1
آموزش ساخت دکمه در المنتور

آموزش ساخت دکمه در المنتور

جلسه 2
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

جلسه 3

شما در حال مشاهده
جلسه 4 هستید

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

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

جلسه 4
آموزش ساخت کال تو اکشن در المنتور (call to action)

آموزش ساخت کال تو اکشن در المنتور (call to action)

جلسه 5
آموزش کار با المان نمایش نظرات در المنتور

آموزش کار با المان نمایش نظرات در المنتور

جلسه 6
ساخت شمارنده تاریخ در المنتور (countdown)

ساخت شمارنده تاریخ در المنتور (countdown)

جلسه 7
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

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

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

جلسه 9
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

جلسه 10
استفاده از شورت کدها در المنتور shortcode widget

استفاده از شورت کدها در المنتور shortcode widget

جلسه 11
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

جلسه 12
آموزش افکت اسکرول در المنتور | scrolling effect

آموزش افکت اسکرول در المنتور | scrolling effect

جلسه 13
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

جلسه 14
طراحی باکس های قیمت گذاری در المنتور | price table

طراحی باکس های قیمت گذاری در المنتور | price table

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

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

جلسه 16
طراحی لندینگ پیج استارباکس با المنتور

طراحی لندینگ پیج استارباکس با المنتور

جلسه 17
آموزش طراحی لندینگ پیج یلدا با المنتور

آموزش طراحی لندینگ پیج یلدا با المنتور

جلسه 18

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

آخرین بروزرسانی در تاریخ : 17 شهریور 1402
باید لاگین کنید!

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

آموزش ساخت اسلایدر تمام عرض در المنتور
آموزش ساخت اسلایدر تمام عرض در المنتور

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

4.5/5 - (11 امتیاز)

دیدگاه و پرسش

  1. موحد میگوید:

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

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

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

    • پشتیبانی میگوید:

      درود، این موارد معمولا توسط کدنویسی اختصاصی انجام می شود.

  3. محمدرضا میگوید:

    سلام
    برای اینکه مقالات و پست های سایت به صورت اسلایدری نمایش داده شوند از چه المانی باید استفاده کرد؟
    مثلا میخواهم ۳تا مقاله آخر همیشه به صورت اسلایدر باشند.

    • پشتیبانی میگوید:

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

  4. الیاس میگوید:

    سلام، عکس png یاهر فرمتی می ذارم تو اسلایدر وسط چین است چطوری موقعیتش را تنظیم کنم؟؟

    • پشتیبانی میگوید:

      سلام، برای تنظیم موقعیت تصویر باید از کدهای css کمک بگیرید.

  5. tionrelax میگوید:

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

    • پشتیبانی میگوید:

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

  6. محسن میگوید:

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

    • پشتیبانی میگوید:

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

      • نیما میگوید:

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

      • پشتیبانی میگوید:

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

  7. شمیم میگوید:

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

    • پشتیبانی میگوید:

      باسلام، با تشکر از همراهی شما کاربر گرامی.

  8. سهند یاری میگوید:

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

    • پشتیبانی میگوید:

      برای امکانات اینچنینی می‌توانید از اددان‌های المنتور مثل اددان‌های جت استفاده کنید.

  9. سجاد میگوید:

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

    • پشتیبانی میگوید:

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

  10. نورالهدی میگوید:

    آموزش هاتون عالی هستن، خیلی ممنونم

  11. tina میگوید:

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

    • پشتیبانی میگوید:

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

      • tina میگوید:

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

      • پشتیبانی میگوید:

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

  12. امیر میگوید:

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

    • پشتیبانی میگوید:

      فعلا با خود تنظیمات پیشفرض المنتور این امکان وجود ندارد، اما اگر به زبان HTML و CSS مسلط باشید به سادگی می‌توانید با چندتا ترفند هر تعداد دکمه که نیاز دارید را به اسلایدر خود اضافه کنید.

  13. مهدی میگوید:

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

    • پشتیبانی میگوید:

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

  14. سعید میگوید:

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

  15. محمد میگوید:

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

    • پشتیبانی میگوید:

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

      • محمد میگوید:

        تشکر، قالب با المنتور سازگار هست قالب آسترا
        چطور می توانم افزونه را پیدا کنم یکی یکی افزونه ها رو غیرفعال کنم

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

        تشکر

      • پشتیبانی میگوید:

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

      • محمد میگوید:

        وقت بخیر

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

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

        ممنون

      • پشتیبانی میگوید:

        باسلام، بله اگر بتوانید تنظیمات حرفه‌ای افزونه wp rocket را انجام دهید می‌توانید از هر ۲ افزونه هم‌زمان استفاده کنید.

  16. آرش میگوید:

    سلام وقت بخیر
    برای اینکه گوشه های اسلایدم گرد بشه من این کد رو
    selector {
    border-radius: 20px 20px 20px 20px;

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

    • پشتیبانی میگوید:

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

  17. سهیل میگوید:

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

    • پشتیبانی میگوید:

      سلام، پیشنهاد می کنیم که جلسات ۱۳ و ۴۶ بخش مقدماتی المنتور را برای یادگیری ریسپانسیو در المنتور، مشاهده کنید.

  18. علیرضا عابدینی میگوید:

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

    • پشتیبانی میگوید:

      با سلام، برای اینکار باید به زبان css و html مسلط باشید.

  19. Reza Kiani میگوید:

    چه جوری میشه به جای این که لینک فقط روی Button باشه، لینک رو یه کاری کنیم که بر روی تمام اسلایدر اعمال بشه.

    • پشتیبانی میگوید:

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

  20. arshiya میگوید:

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

    • پشتیبانی میگوید:

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

  21. وهاب میگوید:

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

    • پشتیبانی میگوید:

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

  22. anjomancngkh میگوید:

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

    • پشتیبانی میگوید:

      با سلام، خوشحالیم که آموزش ها کاربردی بوده اند، ممنون از همراهی شما.

  23. anjomancngkh میگوید:

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

    • پشتیبانی میگوید:

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

  24. زیبا زارع میگوید:

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

    • نبی عبدی میگوید:

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

      • زیبا زارع میگوید:

        نشد دیگه / از بخش حاشیه بقیه المان هارو میشه گوشه هاشون رو گرد کرد ولی اینو نمیشه

      • نبی عبدی میگوید:

        پس باید با کدنویسی بوردر ردیوس را اعمال کنید.

  25. محمد میگوید:

    سلام.برای من اسلایدر کار نمیکند دلیل چیست؟

    • پشتیبان وبکیما میگوید:

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

  26. محمدرضا میگوید:

    سلام.میشه مثلا یه بخش از یه صفحه رو با اسلایدر روولوشن بسازیم،از اون به بعد تا پایین صفحه رو المنتور کار کنیم؟
    ممکن هست که سایت *** رو بررسی کنید، آیا باید از افزونه خاصی استفاده کنیم تا بتونیم با المنتور همچین سایتی بسازیم؟
    (بخش ناوبری جذابتری داره و اینکه تصویر انتهای صفحه که حالت انیمیشنی داره رو باید با نرم افزار خاصی پیاده کرد؟)
    ممنون میشم اگه پاسخ سوالاتم رو بفرمایید،چون در ابتدای راه هستم و هنوز نابلد.

    • نبی عبدی میگوید:

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

  27. محمد میگوید:

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

    • پشتیبان وبکیما میگوید:

      با درود خدمت شما، یکی از سازگارترین قالب ها با المنتور قالب آستارا یا به انگلیسی => Astra theme می باشد، همچنین امکان ترکیب اسلایدهای ساخته شده المنتور با اسلایدر روولوشن وجود ندارد.

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!