آموزش گردش کار مبتنی بر کانتینر Elementor جدید (2023): صفحه فرود وب سایت تناسب اندام را از ابتدا بسازید

New Elementor Container-Based Workflow (2023): Build a Fitness Website Landing Page from Scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

آیا دوست دارید نحوه ایجاد صفحات وب و وب سایت های زیبا با Elementor را یاد بگیرید؟

آیا می‌خواهید بدانید که گردش کار کانتینر جدید Elementor چگونه کار می‌کند؟

در این دوره آموزشی، من شما را در فرآیند گام به گام ساختن صفحه فرود برای یک وب سایت تناسب اندام با استفاده از آخرین ویژگی ها و تکنیک های Elementor راهنمایی می کنم. و ما آن را از ابتدا انجام خواهیم داد.

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

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

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

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

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

بیایید شروع کنیم!

برای این پروژه، گام به گام یک صفحه فرود برای یک وب سایت تناسب اندام خیالی ایجاد خواهیم کرد.

در اینجا خلاصه ای از کارهایی است که برای تکمیل پروژه انجام خواهیم داد:

  1. مقدمه
  2. نمای کلی پروژه
  3. تم Astra را نصب کنید
  4. Elementor را نصب کنید
  5. نمای کلی فضای کاری Elementor
  6. درک کانتینرها
  7. بخش قهرمان - افزودن عناصر قهرمان
  8. بخش قهرمان - سبک دادن به عناصر قهرمان
  9. نوار Nav - Install ElementsKit
  10. نوار Nav - اضافه کردن عناصر نوار ناوبری
  11. نوار Nav - سبک دادن به عناصر
  12. بخش بدنه - قسمت 1
  13. بخش بدنه - قسمت 2
  14. بخش بدنه 2
  15. بخش خدمات
  16. بخش توصیفات
  17. پاورقی
  18. فرم ثبت نام را ایجاد کنید
  19. نوار نوار را چسبناک کنید
  20. افزودن جلوه‌های حرکتی
  21. سرصفحه پاسخگو
  22. بخش های بدنه پاسخگو
  23. پاورقی پاسخگو
  24. نظرات نهایی

برای شروع آماده هستید؟

شما را در اولین درس می بینیم.


سرفصل ها و درس ها

درس ها Lessons

  • هدر پاسخگو Responsive Header

  • نوار نوار را چسبناک کنید Make the Navbar Sticky

  • درک کانتینرها Understanding Containers

  • بخش بدنه 1 - قسمت 1 Body Section 1 - Part 1

  • افکت های حرکتی را اضافه کنید Add Motion Effects

  • پاورقی The Footer

  • بخش بدن 2 و 3 Body Section 2 & 3

  • بخش های بدن پاسخگو Responsive Body Sections

  • افکار نهایی Final Thoughts

  • تم Astra را نصب کنید Install Astra Theme

  • بررسی اجمالی فضای کاری Elementor Elementor Workspace Overview

  • Elementor را نصب کنید Install Elementor

  • پاورقی پاسخگو Responsive Footer

  • بخش قهرمان - اضافه کردن عناصر قهرمان The Hero Section - Adding the Hero Elements

  • بخش خدمات Services Section

  • بخش توصیفات Testimonials Section

  • نوار Nav - عناصر نوار نوار را اضافه کنید The Nav Bar - Add the Navbar Elements

  • بررسی اجمالی پروژه Project Overview

  • مقدمه Intro

  • نوار Nav - سبک دادن به عناصر The Nav Bar - Styling the Elements

  • بخش قهرمان - سبک دادن به عناصر قهرمان The Hero Section - Styling the Hero Elements

  • فرم ثبت نام را ایجاد کنید Create the Signup Form

  • نوار Nav - Install ElementsKit The Nav Bar - Install ElementsKit

  • بخش بدنه 1 - قسمت 2 Body Section 1 - Part 2

نمایش نظرات

آموزش گردش کار مبتنی بر کانتینر Elementor جدید (2023): صفحه فرود وب سایت تناسب اندام را از ابتدا بسازید
جزییات دوره
3h 8m
24
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
65
- از 5
دارد
دارد
دارد
Ken Mbesa
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ken Mbesa Ken Mbesa

من بسیار مشتاق ارتقاء مهارت هستم!

از زمانی که از کالج فارغ التحصیل شدم و شروع به کار کردم، همیشه به جای زندگی، تمایل شدیدی به ایجاد تغییر داشتم.

با ایجاد تغییر در زندگی مردم از طریق محتوایی که ایجاد می‌کنم، می‌دانم که هرگز کمبودی ندارم.

من به Skillshare پیوستم تا (1) به دیگران کمک کنم مهارت‌های طراحی وب را که در طول سال‌ها به دست آورده‌ام بیاموزند و (2) L مهارت‌های مفید قرن 21 را از دیگر سازندگان محتوای شگفت‌انگیز به دست بیاورم. .

من در سال 2014 به عنوان یک طراح گرافیک خودآموز شروع به کار کردم (من یک متخصص Adobe Illustrator و Photoshop هستم)، سپس از حدود سال 2018 به یک طراح وب وردپرس تبدیل شدم (شروع با Divi، و اکنون من با Elementor وب سایت بسازید)، و اکنون در حال یادگیری انیمیشن های مدل سازی سه بعدی هستم (در Blender در سطح متوسط ​​هستم و در Unreal Engine 5 مبتدی هستم).

با یادگیری این مهارت‌های قرن 21، من معتقدم که می‌توانم به افراد بیشتری کمک کنم تا ایده‌های خود را با قدم گذاشتن به آینده اجتناب‌ناپذیر مبتنی بر فناوری، زنده کنند.

و اکنون که کمی در مورد من می‌دانید، برای بررسی دوره‌هایی که منتشر کرده‌ام، به سمت پایین حرکت کنید.

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