آموزش Learn Elementor - دوره توسعه فرانت اند وردپرس

Learn Elementor - WordPress Front-End Development Course

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: صفحه ساز Elementor به شما کنترل کامل را برای طراحی و ایجاد سایتی که همیشه می خواستید، بدون محدودیت می دهد. اگر می‌خواهید صفحه‌ساز و/یا ایجادکننده تم می‌خواهید، یادگیری Elementor یک گزینه عالی است. تفاوت بین نسخه رایگان و حرفه ای المنتور از کجا برای طراحی، رنگ و فونت وب سایت خود الهام بگیرید. مدل جعبه چیست و چرا در طراحی سایت خود بسیار مهم است. نحوه استفاده از Elementor به عنوان صفحه ساز نحوه ایجاد الگوهای استفاده (و استفاده مجدد). چگونه از Elementor Pro برای ایجاد تم خود استفاده کنید. چگونه از جلوه های حرکتی در طراحی خود استفاده کنید. چگونه مطمئن شویم که سایت شما روی دسکتاپ، تبلت و تلفن همراه عالی به نظر می رسد. نحوه استفاده از فیلدهای سفارشی و انواع پست سفارشی برای طراحی بهتر وب سایت و نگهداری آسان تر. پیش نیازها: دانش کاری وردپرس. افزونه Elementor برای این دوره مورد نیاز است. اگر می خواهید تم خود را طراحی کنید، به نسخه Pro نیاز دارید.

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

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

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

این دوره Elementor هر دو نسخه رایگان و پولی Elementor را پوشش می دهد.

پس از بحث در مورد اینکه چرا باید Elementor را یاد بگیرید، افزونه و یک تم را نصب خواهید کرد. سپس پوشش خواهیم داد:

  • چگونه از وب سایت های دیگر الهام بگیرید تا طراحی منحصر به فرد خود را بسازید. این شامل انتخاب فونت و رنگ مناسب برای سایت شما می شود.

  • ما مدل جعبه را بررسی می‌کنیم و خواهید آموخت که چگونه padding و margin می‌تواند بر قرارگیری عناصر در صفحه تأثیر بگذارد.

  • ما نگاهی به کدهای رنگ Hex خواهیم داشت.

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

  • وقتی همه منوها و تنظیمات را مرور می‌کنیم، با رابط جلویی Elementor آشنا می‌شوید.

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

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

  • خواهید دید که چرا ویجت های جهانی یک دارایی قدرتمند در جعبه ابزار شما هستند.

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

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

  • چگونه (و چرا) می توانیم از فیلدهای سفارشی پیشرفته و انواع پست سفارشی در طراحی سایت خود استفاده و ادغام کنیم.

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


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


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

آماده شدن... Get Ready...

  • معرفی Introduction

  • چرا المنتور؟ Why Elementor?

  • اهداف دوره Course Goals

در حال نصب چیزها Installing Stuff

  • نصب المنتور Installing Elementor

  • انتخاب تم Choosing a Theme

  • نصب Astra Installing Astra

طراحی سایت شما Designing Your Site

  • بخش ها، ستون ها و عناصر تفکر Thinking Sections, Columns & Elements

  • یافتن الهام Finding Inspiration

  • یافتن فونت ها Finding Fonts

  • پالت های رنگی Colour Palettes

  • خلاصه طراحی Design Summary

مهارت ها و منابع ضروری Essential Skills & Resources

  • مدل جعبه Box Model

  • رنگ های هگز Hex Colours

  • تصاویر Images

تنظیمات Backend Elementor Elementor Backend Settings

  • تنظیمات Backend Backend Settings

  • فونت های سفارشی (فقط حرفه ای) Custom Fonts (Pro Only)

  • نمادهای سفارشی (Pro) Custom Icons (Pro)

  • مدیر نقش Role Manager

  • ابزار Tools

  • اطلاعات سیستم System Info

  • شروع شدن Getting Started

تنظیمات رابط Elementor Elementor Interface Settings

  • چیدمان رابط Interface Layout

  • منوی همبرگر Hamburger Menu

  • رنگ های جهانی Global Colours

  • فونت های جهانی Global Fonts

  • سبک های تم Theme Styles

  • منوی صفحه شماره گیری Dial Pad Menu

ساختار صفحه عنصر Elementor Page Structure

  • ساختار صفحه عنصر Elementor Page Structure

  • بخش ها Sections

  • ستون ها Columns

  • عناصر 1 از 2 Elements 1 of 2

  • عناصر 2 از 2 Elements 2 of 2

  • تکالیف 1 Homework 1

  • تکالیف 2 Homework 2

  • تکالیف 3 Homework 3

استفاده از قالب ها Using Templates

  • الگوهای قابل استفاده مجدد Re-Useable Templates

  • ابزارک های جهانی Global Widgets

  • واردات و صادرات قالب ها Import & Export of Templates

  • قالب های داخلی Built-In Templates

تم ساز Theme Builder

  • ساختن تم Building a theme

  • شرایط نمایش الگو Template Display Conditions

سایت نسخه ی نمایشی Demo Site

  • ایجاد صفحات Create Pages

  • یک منو ایجاد کنید Create a Menu

  • ایجاد قالب هدر Creating a Header Template

  • ایجاد پاورقی Creating a Footer

  • طراحی صفحه اصلی Design Homepage

  • اختلاف منظر بهتر A Better Parallax

  • صفحات دیگر The Other Pages

  • قالب آرشیو Archive Template

  • وبلاگ The Blog

  • قالب تک پست Single Post Template

  • صفحه 404 The 404 Page

  • ایجاد صفحه فرود Creating a Landing Page

  • ایجاد یک قالب پاپ آپ Creating a Popup Template

  • مدیریت قالب های خود Managing your Templates

  • ویرایش کامل سایت Full Site Editing

رندر موبایل Mobile Rendering

  • بهینه سازی موبایل Mobile Optimization

سایت های پویا با فیلدهای سفارشی و انواع پست سفارشی (PRO) Dynamic Sites With Custom Fields & Custom Post Types (PRO)

  • فیلدهای سفارشی چیست؟ What are Custom Fields

  • ایجاد فیلدهای سفارشی Creating Custom Fields

  • ایجاد انواع پست سفارشی Creating Custom Post Types

  • اضافه کردن دستور العمل ها Adding Recipes

  • نمایش دستور غذاها Displaying the Recipes

  • افزودن صفحه آرشیو Adding the Archive Page

منابع Resources

  • با انیمیشن ها مشکل دارید؟ Problem with Animations?

  • جلوه های حرکتی Motion Effects

  • سخنرانی پاداش Bonus Lecture

نمایش نظرات

آموزش Learn Elementor - دوره توسعه فرانت اند وردپرس
جزییات دوره
6.5 hours
66
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,478
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Andrew Williams Andrew Williams

وردپرس، کارشناس سئو و خود انتشارات، مدرس و نویسنده