افزودن انیمیشن های متحرک به سایت با المنتور و Lottie | ویجت Lottie:
با یکی دیگر از جلسات دوره رایگان آموزش المنتور در خدمت شما عزیزان هستیم، در این جلسه می خواهیم با استفاده از تکنولوژی Lottie، انیمیشن های متحرک و بسیار جذابی را به سایت مان اضافه کنیم. پس اگر می خواهید با استفاده از انیمیشن ها و تصاویر متحرک جلوه خاصی را به سایت خود ببخشید آموزش افزودن انیمیشن های متحرک به سایت با المنتور و Lottie را از دست ندهید.
آموزش ساخت فلیپ باکس در المنتور
جلسه 1
آموزش ساخت دکمه در المنتور
جلسه 2
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)
جلسه 3
آموزش ساخت اسلایدر با المنتور
جلسه 4
آموزش ساخت کال تو اکشن در المنتور (call to action)
جلسه 5
آموزش کار با المان نمایش نظرات در المنتور
جلسه 6
ساخت شمارنده تاریخ در المنتور (countdown)
جلسه 7
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور
جلسه 8
آموزش ساخت لینک به نقاط مختلف صفحه در المنتور
جلسه 9
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور
جلسه 10
استفاده از شورت کدها در المنتور shortcode widget
جلسه 11
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها
جلسه 12
آموزش افکت اسکرول در المنتور | scrolling effect
جلسه 13
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map
جلسه 14
طراحی باکس های قیمت گذاری در المنتور | price table
جلسه 15
شما در حال مشاهده
جلسه 16 هستید
افزودن انیمیشن متحرک به سایت با المنتور و Lottie
جلسه 16
طراحی لندینگ پیج استارباکس با المنتور
جلسه 17
آموزش طراحی لندینگ پیج یلدا با المنتور
جلسه 18
برای بارگذاری سایت طراحی شده در لوکال به هاست واقعی کدوم اموزش رو باید دید؟لینک لطفا
در این رابطه به آموزش ساخت بسته نصب آسان وردپرس مراجعه کنید.
این مدل تصاویر و انیمیشن را فقط در سایتهای خارجی میتوان پیدا کرد و تمامی این سایتها به همین روش، یعنی با ذکر منبع کار میکنند.
چطور منبع شون رو درج کنیم؟؟
داخل هر سایتی که از آن دانلود میکنید روش ذکر منبع گفته شده است.
سلام.می خواستم بدونم استفاده از فایل های پرو این سایت برای سئو وبسایتم مشکلی ایجاد نمی کنه؟ یعنی ممکنه گوگل بخاطر استفاده بدون کپی رایت از انیمیشن های پرو به سایتم پنالتی بده؟
باسلام، اگر سایت مورد نظر، محتوای شما را به دلیل نقض کپیرایت به گوگل گزارش کند، بله این اتفاق خواهد افتاد.
سلام وقتتون بخیر
ببخشید این انیمیشن های داخل سایتتون رو ک گفتین با یه روش دیگه ایجاد کردین رو اموزشش تو دوره پیشرفته وجود داره؟
سلام، این موضوع در دوره آموزش UI و UX آموزش داده میشود.
وقت بخیر
آیا وبسایت دیگری برای دانلود انیمیشن سراغ دارید؟؟
این وبسایت توی لایسنسش گفته باید با ذکر منبع استقاده کنید
این مدل تصاویر و انیمیشن را فقط در سایتهای خارجی میتوان پیدا کرد و تمامی این سایتها به همین روش، یعنی با ذکر منبع کار میکنند.
خب الان چیکار باید کرد !!
به نظر شما استفاده از این ها بدون ذکر منبع اشکال ندارد؟؟
این به خود شما بستگی دارد.
همه آموزشهاتون خوبه.من هرچی یاد گرفتم از سایت شما یاد گرفتم.دمتون گرم
خوشحالیم که آموزشهای وبکیما برای شما مفید واقع شده است، با تشکر از همراهی شما.
دمت گرم مغزم سود کشید انقد گشتم دنبال اینا خدا بهت خیر برکت بده
بک گراند برای سکشن ها از کجا باید دانلود کنیم؟
برای دانلود تصاویر و وکتورهای جذاب مقاله => منبع برای دانلود رایگان وکتورهای گرافیکی جذاب و با کیفیت بالا را مطالعه کنید.
من ازین سایت هر فایل جیسونی که اضافه میکنم نشونش نمیده
با فیلتر شکنم تست کردم وقتی بارگذاری میشه روی سایت هیچی نمیاره
دلیلیش چیه
توجه داشته باشید که مشکل از سایت یا فیلترشکن نیست، به احتمال بسیار زیاد شما مراحل به درستی اجرا نمیکنید، یا در سایت شما تداخل افزونهای وجود دارد، روی یک وبسایت تستی، همین مراحل را اجرا کنید تا مشکل را پیدا کنید.
یک جمله در وصف وبکیما کافیه و اونم اینکه
شما بینظیرید
خیلی خوشحالم که دوره المنتور شما رو خریدم
بسیار خوشحالیم که دوره پیشرفته المنتور برای شما مفید واقع شده است، ممنون از شما بابت حضورتان در آکادمی وبکیما.
سلام استاد خسته نباشید . استاد این مقوله آموزشی بسیار خوبی بود و سایتی که فرمودین بسیار انیمیشن های عالی داره .استاد یک منبع یا وبسایت خوب برای تصاویر های زیبا برای قرار دادن در لندینگ پیج می تونین معرفی کنین خیلی ممنون
با سلام و احترام، خوشحالیم که این جلسه مورد توجه شما قرار گرفته است، برای دانلود تصاویر و وکتورهای جذاب مقاله => ۲۸+ منبع برای دانلود رایگان وکتورهای گرافیکی جذاب و با کیفیت بالا را مطالعه کنید.
سلام استاد خسته نباشید . استاد یه سوال داشتم .بنده برای تمرین منو سایت شما رو در فضای لوکال طراحی کردم اما یه مشکل دارم هنگامی که آکادمی آنلاین و مقالات اموزشی با مگامنو افزونه elementskit طراحی کردم و وقتی سایه کادر را فعال می کنم منو درست هستش اما سکشن در سمت راست و چپ فضای خالی زیاد داره و به صورت تمام عرض نشون داده میشه چطور کاری کنیم وقتی یک سکشن رو فعال می کنیم ستون تمام عرض نباشد
خیلی ممنون
سلام آقا فرید، شما باید عرض سکشن را از تنظیمات اصلی سکشن روی حالت دلخواه تنظیم کنید. البته طراحی مگامنوهای جذاب در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده شده است و می توانید استفاده کنید.
سلام خسته نباشید بهتون میگم بابت سایت بسیار زیبا و پر کاربردتون. واقعا سایت شما بسیار سایت متنوع از لحاظ آموزشی هستش.
استاد دو درخواست داشتم .اول اینکه اگه براتون مقدور هستش نحوه نوشتن پست در المنتور هم آموزش بدین چون وقتی یک پست رو در وردپرس Publish می کنیم و المان پست در المنتور رو درون یک صحفه canvas قرار میدیم و روی پست کلیک می کنیم نوشته ها به صورت چسبیده نمایش داده و اکه رو حالت canvas قرار ندیم بر اساس قالب پیشفرضی که درون سایت وردپرسی Acitve هستش پست نمایش داده میشه .و اما درخواست بعدی اینه که چگونه در زیر منو ها عکس با انیمشن قرار بدیم .به عنوان مثال از سایت خودتون . وقتی روی منو گزینه طراحی سایت هاور می کنیم زیر منو تصویر یا تصاویر انیمیشنی داره اینم اگه میشه راهنمایی کنید .خیلی ممنون بابت سایت بسیار خوبتون
سلام آقا فرید عزیز، هر دو درخواست شما در دوره پیشرفته المنتور به صورت کامل آموزش داده شده است که می توانید از این دوره استفاده کنید.