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

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

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

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

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

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

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

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

جلسه 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

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

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

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

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

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

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

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

جلسه 18

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

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

افزودن انیمیشن های متحرک به سایت با المنتور و Lottie | ویجت Lottie:
با یکی دیگر از جلسات دوره رایگان آموزش المنتور در خدمت شما عزیزان هستیم، در این جلسه می خواهیم با استفاده از تکنولوژی Lottie، انیمیشن های متحرک و بسیار جذابی را به سایت مان اضافه کنیم. پس اگر می خواهید با استفاده از انیمیشن ها و تصاویر متحرک جلوه خاصی را به سایت خود ببخشید آموزش افزودن انیمیشن های متحرک به سایت با المنتور و Lottie را از دست ندهید.

آدرس سایت Lottie Files

5/5 - (4 امتیاز)

دیدگاه و پرسش

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

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

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

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

    چطور منبع شون رو درج کنیم؟؟

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

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

  3. افشین میگوید:

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

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

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

  4. علیرضا میگوید:

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

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

      سلام، این موضوع در دوره آموزش UI و UX آموزش داده می‌شود.

  5. ابوالفضل میگوید:

    وقت بخیر
    آیا وبسایت دیگری برای دانلود انیمیشن سراغ دارید؟؟
    این وبسایت توی لایسنسش گفته باید با ذکر منبع استقاده کنید

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

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

      • ابوالفضل میگوید:

        خب الان چیکار باید کرد !!
        به نظر شما استفاده از این ها بدون ذکر منبع اشکال ندارد؟؟

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

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

  6. فشتنقی میگوید:

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

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

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

  7. علی اصغر شیخی میگوید:

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

  8. سروش رنجبر میگوید:

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

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

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

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

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

  10. ehsan میگوید:

    یک جمله در وصف وبکیما کافیه و اونم اینکه
    شما بینظیرید
    خیلی خوشحالم که دوره المنتور شما رو خریدم

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

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

  11. فرید میگوید:

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

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

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

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

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

  13. فرید میگوید:

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

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

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

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

بزن بریــم!