آموزش Elementor - Elementor برای WordPress
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چرا یادگیری Elementor یک گزینه عالی است اگر به دنبال یک صفحهساز و/یا قالبساز هستید.
- تفاوتهای بین نسخههای رایگان و Pro در Elementor
- از کجا برای طراحی وبسایت، رنگها و فونتهای خود الهام بگیرید.
- Box model چیست و چرا در هنگام طراحی سایت شما اهمیت زیادی دارد.
- چگونه از Elementor به عنوان یک صفحهساز استفاده کنید؟
- چگونه قالبها را ایجاد و استفاده مجدد کنید؟
- چگونه با استفاده از Elementor Pro قالب اختصاصی خود را ایجاد کنید؟
- چگونه از افکتهای حرکتی (motion effects) در طراحی خود استفاده کنید؟
- چگونه اطمینان حاصل کنید که سایت شما در دسکتاپ، تبلت و موبایل عالی به نظر میرسد؟
- چگونه از فیلدهای سفارشی (custom fields) و انواع پست سفارشی (custom post types) برای طراحی بهتر وبسایت و نگهداری آسانتر استفاده کنید؟
پیشنیازهای دوره
- دانش کار با WordPress
- برای این دوره به پلاگین Elementor نیاز است. اگر میخواهید قالب خود را طراحی کنید، به نسخه Pro نیاز خواهید داشت.
توضیحات دوره
با این دوره Elementor، صفحهساز قدرتمند و رایگان Elementor برای WordPress را یاد بگیرید و از قابلیتهای آن بهرهمند شوید. با Elementor، میتوانید با کشیدن و رها کردن (drag and drop) به طراحی یک وبسایت قدرتمند برسید. Elementor کمی متفاوت از اکثر صفحهسازها کار میکند. برای شروع، شما به صورت زنده در front-end سایت خود نه در Dashboard در back-end طراحی میکنید.
نسخه رایگان Elementor یک صفحهساز است که با دهها ویجت و قالب زیبا ارائه میشود که میتوانید برای ساخت محتوای صفحه وب خود با دقت pixel perfect از آنها استفاده کنید. این یک صفحهساز تأثیرگذار و معتبر است.
نسخه Pro Elementor شما را شگفتزده خواهد کرد! اگر تا به حال از تلاش برای اینکه قالب WordPress شما شبیه دمویی که در صفحه اصلی قالب دیدهاید شود، ناامید شدهاید، تنها نیستید. اکثر قالبها به پلاگینهای اضافی و دانش عمیق از مستندات پشتیبانی نیاز دارند تا شبیه به چیزی شوند که در ابتدا شما را به خود جذب کرده است. با Elementor Pro، دیگر نیازی نیست این ناامیدی را تجربه کنید. Elementor Pro همان صفحهساز drag و drop را به شما میدهد، اما همچنین به شما امکان میدهد تا قالب WordPress خود را دقیقاً همانطور که میخواهید طراحی و ایجاد کنید.
این دوره Elementor هر دو نسخه رایگان و پولی Elementor را پوشش میدهد.
پس از بحث در مورد اینکه چرا باید Elementor را یاد بگیرید، پلاگین و یک قالب را نصب خواهید کرد. سپس موارد زیر را پوشش خواهیم داد:
- چگونه از وبسایتهای دیگر برای خلق طراحی منحصر به فرد خود الهام بگیرید. این شامل انتخاب فونتها و رنگهای مناسب برای سایت شما میشود.
- ما به box model نگاهی خواهیم انداخت و شما یاد خواهید گرفت که چگونه padding و margin میتوانند بر جایگذاری المانها در صفحه تأثیر بگذارند.
- نگاهی به کدهای رنگی Hex خواهیم داشت.
- ما تمام تنظیمات back-end Elementor را بررسی خواهیم کرد، از جمله نحوه نصب فونتها و آیکونهای سفارشی (برای کاربران Pro)
- با رابط کاربری front-end Elementor با بررسی تمام منوها و تنظیمات آشنا خواهید شد.
- شما با نحوه ساختاردهی یک صفحه Elementor با استفاده از sections ،columns و elements آشنا خواهید شد. در این مرحله، چند تسک طراحی برای شما تعیین میکنم و سپس راهحلها را به تفصیل بررسی خواهم کرد.
- شما یاد خواهید گرفت که چگونه از قالبها استفاده کنید تا بتوانید یک المان طراحی را یک بار ایجاد کرده و هر چند بار که میخواهید از آن استفاده مجدد کنید. حتی میتوانید قالبهای خود را از یک سایت export کرده و به سایت دیگری import کنید.
- شما خواهید دید که چرا ویجتهای گلوبال (global widgets) Elementor یک دارایی قدرتمند در جعبه ابزار شما هستند.
- برای کاربران نسخه Pro، ما به ساخت یک قالب کامل با Elementor، بر اساس الهامی که در ابتدای دوره گرفتیم، خواهیم پرداخت. خواهیم دید که چگونه قالبهای مختلف میتوانند ایجاد و در قسمتهای مختلف طراحی سایت استفاده شوند. ما قالبهایی برای header ،footer، صفحه وبلاگ، صفحه 404، قالب پست تکی و قالب صفحه آرشیو ایجاد خواهیم کرد. صفحه اصلی را طراحی خواهیم کرد. یک landing page طراحی خواهیم کرد. حتی یک popup طراحی کرده و شرایط نمایش آن را در سایت شما تعریف خواهیم کرد.
- Elementor ابزارهای فوقالعادهای از جمله motion effects را به شما ارائه میدهد. این افکتها میتوانند برای ایجاد حرکت در صفحات شما استفاده شوند، بنابراین ما به آنها نیز خواهیم پرداخت.
- چگونه (و چرا) میتوانیم از advanced custom fields و custom post types در طراحی سایت خود استفاده و آنها را یکپارچه کنیم.
- و در نهایت، به mobile optimization خواهیم پرداخت. این مجموعه ابزار قدرتمند به شما امکان میدهد تا طراحی سایت خود را بررسی (و اصلاح) کنید تا در دسکتاپ، تبلت و موبایل عالی به نظر برسد.
- Elementor برای هر صاحب سایتی که میخواهد محتوای وب زیبا ایجاد کند، ساخته شده است. این ابزار ایجاد شده است تا به شما اجازه دهد سایتی را که میخواهید طراحی کنید. این دوره به شما نحوه استفاده از آن را آموزش میدهد!
این دوره برای چه کسانی مناسب است؟
- کاربران WordPress که از تلاش برای خوب جلوه دادن یک قالب WordPress خسته شدهاند.
- هر کاربر WordPress که خواهان طراحی وبسایت انعطافپذیر و کنترل کامل بر روی جایگذاری المانهای طراحی است.
- هر کاربر WordPress که میخواهد Elementor را یاد بگیرد.
آموزش Elementor - Elementor برای WordPress
-
مقدمه 04:11
-
چرا Elementor؟ 06:16
-
اهداف دوره 02:08
-
نصب Elementor 04:41
-
انتخاب یک تم 05:53
-
نصب تم 03:20
-
آشنایی با کانتینرها و المانها 14:21
-
پیدا کردن ایده 08:37
-
پیدا کردن فونتها 05:14
-
پالتهای رنگی 09:27
-
خلاصه طراحی 01:05
-
Box Model 12:03
-
رنگهای Hex 06:27
-
تصاویر 05:31
-
تنظیمات بکاند 15:05
-
ارسالها (Submissions) (نسخه PRO) 03:11
-
فونتهای سفارشی - نصب (نسخه PRO) 14:40
-
آیکونهای سفارشی (نسخه PRO) 03:13
-
کد سفارشی (نسخه PRO) 02:35
-
مدیریت نقشها 02:51
-
مدیریت المانها 03:01
-
ابزارها 06:21
-
اطلاعات سیستم 01:55
-
راهنما، اپلیکیشنها و لایسنس 01:59
-
یک نمای کلی 09:24
-
پاپآپها (Popups) (نسخه PRO) 01:19
-
تم ساز (Theme Builder) 05:28
-
المانهای شناور 03:00
-
کتابخانه کیتها (Kit Library) 02:37
-
افزودن جدید 02:01
-
دستهبندیها 02:22
-
طرح بندی رابط کاربری 14:17
-
استایلهای تم 08:12
-
ساختار صفحه در Elementor 03:05
-
افزودن کانتینرها 05:31
-
جهت کانتینر (Container Direction) 08:16
-
کانتینر: Boxed در مقابل Full Width 10:28
-
ترازبندی و فاصلهگذاری کانتینر 14:13
-
Padding و Margin کانتینر 12:35
-
قابلیت Wrap در کانتینر 06:20
-
موقعیتدهی سفارشی در کانتینرها 06:10
-
استایلهای کانتینر 11:22
-
گرید (The Grid) 12:12
-
المانهای پایه 13:27
-
المانهای عمومی 18:55
-
المانهای WordPress 00:58
-
المانهای نسخه Pro 02:37
-
چند تسک برای شما 02:27
-
راه حل: تسک 1 14:01
-
راه حل: تسک 2 11:36
-
راه حل: تسک 3 06:22
-
قالبهای قابل استفاده مجدد 02:51
-
ایمپورت و اکسپورت قالبها 01:30
-
ویجتهای گلوبال (Global Widgets) (نسخه PRO) 07:36
-
قالبهای داخلی (Built-In) 04:22
-
Theme Builder و شرایط نمایش 04:16
-
راهاندازی سایت دمو 04:06
-
طرح رنگی 02:39
-
فونتها 03:55
-
استایلهای قالب 05:38
-
ایجاد یک قالب برای هدر (Header) 09:36
-
ایجاد یک فوتر (Footer) 10:26
-
طراحی صفحه اصلی 16:17
-
نکتهای در مورد ویرایشگر قالب 02:44
-
صفحه آرشیو - وبلاگ 12:55
-
مقایسه المان Archive Posts و Posts 03:19
-
صفحه آرشیو - Loop Grid 18:31
-
قالبهای دیگر برای دستهبندی 03:53
-
قالب پست تکی 15:43
-
قالب پست وبلاگ 06:18
-
قالب صفحه 20:28
-
جستجوی زنده (Live Search) 07:08
-
قالب نتایج جستجو 08:49
-
صفحه 404 05:58
-
نوار شناور شبکههای اجتماعی 05:22
-
تغییرات در صفحه اصلی 02:10
-
ایجاد یک Landing Page (رایگان و PRO) 12:32
-
ایجاد یک Popup 12:13
-
ویژه: Elementor AI Planner 16:44
-
Breakpoints 08:30
-
واحدهای اندازهگیری در CSS 12:21
-
Font Clamps 08:21
-
مخفی کردن المانها 02:39
-
جابجایی ستونها در موبایل 01:54
-
Breakpoints برای کانتینر 04:57
-
استایلهای واکنشگرا (Responsive) 06:01
-
تنظیمات پیشرفته واکنشگرایی 06:35
-
شرایط نمایش المان (نسخه PRO) 06:48
-
بهینهسازی سایت 22:50
-
فیلدهای سفارشی و انواع پست سفارشی 04:52
-
ایجاد انواع پست سفارشی 03:15
-
ایجاد فیلدهای سفارشی 16:36
-
افزودن نظرات مشتریان (Testimonials) 05:31
-
نمایش نظرات مشتریان 14:10
-
ایجاد صفحه آرشیو نظرات مشتریان 08:02
-
افزودن دستهبندی برای انواع پست سفارشی 05:07
-
کنترل Motion Effects بر اساس Viewport 05:29
-
افکتهای اسکرول 11:12
-
افکتهای ماوس 04:20
-
حالت چسبان (Sticky) 02:39
-
انیمیشنهای ورود 03:44
-
Transform 05:01
مشخصات آموزش
آموزش Elementor - Elementor برای WordPress
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:102
- مدت زمان :12:36:28
- حجم :11.93GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy