آموزش کلاس Elementor برای مبتدیان - با طراحی صفحه فرود Lyft بیاموزید
Elementor Class for Beginners - Learn by Designing Lyft's Landing Page
آیا می خواهید Elementor را با ساخت صفحات فرود در دنیای واقعی یاد بگیرید؟
در چند ماه آینده، من مجموعه‌ای از کلاس‌ها را منتشر می‌کنم که در آنها یاد می‌گیرید چگونه با ساختن برخی از موفق‌ترین صفحات فرود با تبدیل بالا را با Elementor طراحی کنید. صفحات فرود (صفحات فرود برندهای معروف جهان).
با این رویکرد عملی، درک عمیق‌تری از نحوه استفاده از ابزارها و ویژگی‌های ارائه شده توسط Elementor و سایر افزونه‌ها برای بازسازی بخش‌های مهم مختلف یک صفحه فرود مؤثر به دست خواهید آورد.
بیایید با ساختن صفحه فرود Lyft شروع کنیم!!
در این اولین کلاس، سعی می‌کنیم Elementor را درک کنیم، همانطور که سعی می‌کنیم یک کلون از صفحه فرود Lyft از ابتدا با استفاده از Elementor طراحی کنیم.
تا پایان کلاس:
- شما نحوه کار با بخش‌های Elementor، ستون‌ها، تایپوگرافی، محتوای رسانه، نقاط شکست، تراز، فرم‌ها و CSS سفارشی برای ساخت صفحات فرود واکنش‌گرا را درک کرده‌اید. هر پروژه صفحه فرود به فردی نیاز دارد که این مفاهیم را به درستی درک کند
- می‌توانید کمپین‌های بازاریابی دیجیتال مؤثرتری برای کسب‌وکار آنلاین خود ایجاد کنید، زیرا می‌توانید صفحات فرودی ایجاد کنید که نرخ تبدیل و موفقیت بالاتری دارند. بسیاری از کارشناسان دیجیتال مارکتینگ موافق هستند که "در دنیای مدرن، یک کمپین بازاریابی آنلاین یا رسانه های اجتماعی بدون صفحه فرود قدرتمند شکست می خورد تا موفقیت."
- شما مهارت های قرن بیست و یکمی را به دست خواهید آورد که می توانید با طراحی و فروش الگوهای صفحه فرود Elementor در بازارهایی مانند برای کسب درآمد غیرفعال استفاده کنید. span> همانطور که من انجام می دهم.
- حتی اگر این کار را صرفاً برای سرگرمی انجام می دهید، می توانید صفحات فرود شگفت انگیزی ایجاد کنید که می توانید آنها را به حیوان خانگی و دوستان دوست داشتنی خود نشان دهید
پروژه کلاس شما...
از مهارت‌هایی که آموخته‌اید برای طراحی صفحه فرود که شبیه صفحه فرود Netflix است استفاده کنید.
صفحه فرودی که طراحی میکنید باید به طور کامل در صفحه‌های موبایل، تبلت و دسک‌تاپ کار کند و پاسخگو باشد.
فکر می‌کنم این روشی عالی برای عملی کردن تئوری کلاس خواهد بود و به شما امکان می‌دهد آنچه را که یاد می‌گیرید در حافظه خلاق بلندمدت خود تقویت کنید.
با اشتراک‌گذاری پیوندی به نسخه نمایشی زنده طرح‌بندی نهایی خود یا آپلود تصویری از صفحه فرود در گالری پروژه، از انجمن بازخورد دریافت کنید.
درس ها Lessons
-
اضافه کردن تصاویر قهرمان Adding the hero images
-
بخش قهرمان The hero section
-
اضافه کردن یک نوار لغزنده لوگوی مشتری Adding a client logo slider
-
اضافه کردن لوگو Adding the logo
-
اضافه کردن متن متن Adding body text
-
بخش فوتر پاسخگو Responsive footer section
-
بخش های دو ستون Double column sections
-
دکمه ها و لینک های پیشرفته Advanced buttons and links
-
به من کمک کن Elementor را به 10000 دانش آموز آموزش دهم Help Me Teach Elementor to 10,000 Students
-
بخش تک ستونی با عرض کامل Full width single column section
-
چرخ فلک تصویر پیمایشی Scrolling image carousel
-
تنظیم حاشیه بخش Adjusting section margins
-
طراحی پاورقی Designing the footer
-
نوار ناوبری The navigation bar
-
اضافه کردن توصیفات مشتری Adding client testimonials
-
نوار ناوبری پاسخگو Responsive navbar
-
صفحه فرود که در حال طراحی هستیم The landing page we're designing
-
افزودن نوار جستجو Adding a search bar
-
به روز رسانی سریع - جادوگر جدید Elementor Setup Quick Update - The New Elementor Setup Wizard
-
حاشیه دکمه و بالشتک Button margins and padding
-
استایل دادن به فرم با CSS سفارشی Styling the form with custom CSS
-
بخش قهرمان پاسخگو Responsive hero section
-
نتیجه Conclusion
-
بخش بدنه پاسخگو Responsive body section
-
افزودن فرم Adding a form
-
بخش بدنه اصلی The main body section
-
اضافه کردن ماسک تصویر Adding an image mask
-
سبک دادن به تصاویر قهرمان Styling the hero images
-
ریسپانسیو کردن صفحه Making the page responsive
-
در حال نصب تم Installing the theme
-
لیست ویژگی های سفارشی Custom feature list
-
اضافه کردن یک متن متحرک تایپ خودکار Adding a self typing animated text
-
معرفی Introduction
-
اضافه کردن منوی ناوبری Adding the nav menu
-
اضافه کردن دکمه های قهرمان Adding the hero buttons
-
نصب افزونه ها Installing the plugins
-
بخش بدنه پیشرفته Advanced body section
https://donyad.com/d/20c376
Ken Mbesa
من بسیار مشتاق ارتقاء مهارت هستم!
از زمانی که از کالج فارغ التحصیل شدم و شروع به کار کردم، همیشه به جای زندگی، تمایل شدیدی به ایجاد تغییر داشتم.
با ایجاد تغییر در زندگی مردم از طریق محتوایی که ایجاد می‌کنم، می‌دانم که هرگز کمبودی ندارم.
من به Skillshare پیوستم تا (1) به دیگران کمک کنم مهارت‌های طراحی وب را که در طول سال‌ها به دست آورده‌ام بیاموزند و (2) L مهارت‌های مفید قرن 21 را از دیگر سازندگان محتوای شگفت‌انگیز به دست بیاورم. .
من در سال 2014 به عنوان یک طراح گرافیک خودآموز شروع به کار کردم (من یک متخصص Adobe Illustrator و Photoshop هستم)، سپس از حدود سال 2018 به یک طراح وب وردپرس تبدیل شدم (شروع با Divi، و اکنون من با Elementor وب سایت بسازید)، و اکنون در حال یادگیری انیمیشن های مدل سازی سه بعدی هستم (در Blender در سطح متوسط هستم و در Unreal Engine 5 مبتدی هستم).
با یادگیری این مهارت‌های قرن 21، من معتقدم که می‌توانم به افراد بیشتری کمک کنم تا ایده‌های خود را با قدم گذاشتن به آینده اجتناب‌ناپذیر مبتنی بر فناوری، زنده کنند.
و اکنون که کمی در مورد من می‌دانید، برای بررسی دوره‌هایی که منتشر کرده‌ام، به سمت پایین حرکت کنید.
امروز در هر یک از کلاس های من ثبت نام کنید و مهارت را شروع کنید.
نمایش نظرات