آموزش دوره جامع المنتور وردپرس (5 دوره در یک پکیج) - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

پروژه ۱: خلاقانه: آموزش ساخت وب‌سایت وردپرس پریمیوم با المنتور Project 1 : Creative : Learn Creating Premium Wordpress Website with Elementor

• نصب وردپرس روی سرور زنده Installing Wordpress on Live Server

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

• نحوه دریافت تصاویر با کیفیت بالا و پریمیوم برای وب‌سایت‌ها به صورت رایگان How to get Premium High Resolution Images for Websites for FREE

• پلاگین‌های رایگانی که می‌توانند ویژگی‌های پریمیوم را به وب‌سایت‌های وردپرس ارائه دهند FREE Plugins that can provide Premium Features to Wordpress Websites

• ایجاد یک صفحه جدید در وردپرس Creating a New Page in Wordpress

• ویرایش صفحه با المنتور Editing Page With Elementor

• ایجاد و ویرایش محتوا Creating and Editing Content

• تنظیمات سراسری و بازبینی نهایی Global Settings and Final Revision

• چالش: ایجاد ناحیه Hero در عرض 5 دقیقه Challenge : Creating Hero Area within 5 mins

• تنظیم صفحه اصلی سفارشی برای وردپرس Setting Custom Homepage for Wordpress

• اضافه کردن CSS Reset خودمان Adding Our Reset CSS

• ایجاد ناحیه Hero عالی با انیمیشن Particle و انیمیشن متن Creating Awesome Hero Area with Particle Animation and Text Animation

• مسئله فوری برای رفع برای قالب TwentyTwenty Urgent Issue to Fix for TwentyTwenty Theme

• بخش درباره ما About Us Section

• بخش خدمات Services Section

• به‌روزرسانی کوچک برای بخش خدمات Small Update to Services Section

• ناحیه تبلیغاتی - نمایش تعداد Promo Area - Number Showcase

• بخش آثار ما / نمونه کارها Our Works / Portfolio Section

• بخش نظرات مشتریان Testimonial Section

• بخش تیم ما Team Section

• آخرین پست‌های وبلاگ Recent Blog Posts

• بخش تماس با ما Contact Section

• هدر: اضافه کردن لوگو و ناوبری Header : Adding Logo and Navigation

• استایل دهی به هدر Header Styling

• هدر ثابت (Fixed Header) Fixed Header

• منوی واکنش‌گرا (Responsive Menu) Responsive Menu

• ناوبری کارآمد با پیمایش روان (smooth scrolling) Working Navigation with smooth scrolling

• فوتر و لمس‌های نهایی Footer and Final Touches

• منابع Resources

پروژه ۲: یولو: ایجاد وب‌سایت فانتزی عالی با استفاده از وردپرس المنتور Project 2 : Yolo : Create Awesome Fantasy Website Using Wordpress Elementor

• نصب وردپرس در یک سرور زنده Installing Wordpress in a Live Server

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

• صفحه اصلی سفارشی Custom Front Page

• ویرایش یک صفحه با المنتور Editing a Page with Elementor

• اضافه کردن بخش، اضافه کردن و ویرایش محتوا Adding Section , Adding and Editing Content

• ویرایش یک بخش Editing a Section

• بازی با ستون‌ها Playing with Columns

• بخش داخلی (Inner Section) Inner Section

• سایر گزینه‌های المنتور Other Elementor Options

• نصب یک قالب حرفه‌ای رایگان Installing a Free Professional Theme

• نصب پلاگین‌های مورد نیاز [پلاگین‌های رایگان ارائه دهنده عملکردهای حرفه‌ای] Installing Required Plugins [Free plugins offering Professional Functionalities]

• ترفند CSS: ایجاد متن گرادیان مدرن CSS Trick : Creating Modern Gradient Text

• ایده‌ها Inspirations

• پر کردن CSS Reset Populating Reset CSS

• استایل‌ها و تنظیمات سراسری Global Styles and Settings

• ایجاد اشکال SVG متحرک Creating Animated SVG Shapes

• پروژه: ایجاد تصویر SVG متحرک Project : Creating Animated SVG Image

• ایجاد انیمیشن SVG منحصر به فرد خودمان Create Our Unique SVG Animation

• دانلود فایل‌های منبع انیمیشن SVG ما Download our SVG Animation resource files

• اضافه کردن کد انیمیشن SVG به المنتور Adding SVG Animation Code to Elementor

• موانع با راه‌حل‌ها Obstacles with Solutions

• اضافه کردن محتوا به ناحیه Hero Adding Content to Hero Area

• رفع سریع: مشکل فونت (بسیار مهم برای پروژه‌های آینده) Quick Fix : Font Issue (Very Important for future Projects)

• انیمیشن Particle Particle Animation

• اضافه کردن Blobهای متحرک Adding Animated Blobs

• بررسی کارهای بیشتری که می‌توانیم انجام دهیم Exploring what more we can do

• بخش کسب و کار: قسمت 1 Business Section : Part1

• بخش کسب و کار: قسمت 2 Business Section : Part2

• بخش فرآیند Process Section

• بخش فرآیند: قسمت 2 Process Section : Part 2

• ایجاد اشکال مختلف Creating Various Shapes

• پس زمینه ویدئویی ارائه Presentation Video Background

• جدول قیمت‌گذاری Pricing Table

• نمونه کار قابل فیلتر Filterable Portfolio

• نظرات مشتریان Testimonial

• نقشه گوگل Google Map

• فرم تماس Contact Form

• فرم قرارداد: قسمت 2 (بهبود فرم تماس ما) Contract Form : Part 2 (Improving our Contact Form)

• اضافه کردن لوگو و منوی ناوبری Adding Logo and Navigation Menu

• استایل دهی به منو Styling Menu

• هدر ثابت (Fixed Header) Fixed Header

• منوی واکنش‌گرا (Responsive Menu) Responsive Menu

پروژه ۳: Hexpro: آموزش PSD به وردپرس: ایجاد یک وب‌سایت خیره‌کننده A++ Project 3 : Hexpro : Learn PSD to Wordpress : Create A++ Stunning Website

• ایجاد شکل شش ضلعی به آسوده‌ترین راه (یک خط کد) Creating Hexagon Shape in Easiest way (One line of Code)

• چالش 1: تصویر داخل شکل شش ضلعی Challenge1 : Image inside Hexagon Shape

• چالش 2: حاشیه شش ضلعی Challenge2 : Hexagon Border

• چالش 3: ایجاد Carousel منحصر به فرد: قسمت 1 Challenge3 : Creating Unique Carousel : Part1

• چالش 3: ایجاد Carousel منحصر به فرد: قسمت 2 Challenge3 : Creating Unique Carousel : Part2

• نصب وردپرس روی سرور زنده Installing Wordpress on Live Server

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

• اضافه کردن یک صفحه با المنتور Adding a Page with Elementor

• نصب یک قالب جدید Installing a New Theme

• تنظیم صفحه اصلی سفارشی Setting Custom Home Page

• تغییر چند تنظیمات پیش‌فرض: تایپوگرافی و رنگ‌ها Changing Few Default Settings : Typography and Colors

• نصب برخی از پلاگین‌های ضروری Installing Some Essential Plugins

• ناحیه Hero: قسمت 1 Hero Area : Part1

• ناحیه Hero: قسمت 2 Hero Area : Part2

• ناحیه Hero: قسمت 3 Hero Area : Part3

• بخش درباره ما: قسمت 1 About Section : Part1

• بخش درباره ما: قسمت 2 About Section : Part2

• بخش خدمات Services Section

• بخش کار ما (نمونه کارها) Our Work (Portfolio) Section

• بخش نظرات مشتریان: قسمت 1 Testimonial Section : Part1

• بخش نظرات مشتریان: قسمت 2 Testimonial Section : Part2

• بخش تیم ما: قسمت 1 Team Section : Part1

• بخش تیم ما: قسمت 2 Team Section : Part2

• نقشه گوگل Google Map

• فرم تماس: قسمت 1 Contact Form : Part1

• فرم تماس: قسمت 2 Contact Form : Part2

• فرم تماس: قسمت 3 Contact Form : Part3

• فوتر Footer

• حاشیه شش ضلعی: روش منحصر به فرد و نوآورانه Hexagon Border : Unique and Innovatiove way

• هدر: قسمت 1: لوگو و ناوبری Header : part1 : Logo and Navigation

• هدر: قسمت 2: نسخه روشن و تیره Header : Part2 : Light and Dark Version

• منوی واکنش‌گرا (Responsive Menu) Responsive Menu

• قالب PSD را از اینجا دریافت کنید Get the PSD Template here

• تصاویر استفاده شده در دوره را از اینجا دانلود کنید Download the Images Used here in the course

پروژه ۴: Appster: ایجاد صفحه فرود اپلیکیشن عالی با وردپرس المنتور Project 4 : Appster : Create Awesome App Landing Page with Wordpress Elementor

• نصب وردپرس بر روی یک سرور زنده Installing Wordpress on a live Server

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

• ایجاد یک صفحه با المنتور Creating a Page with Elementor

• نصب یک قالب جدید Installing a new Theme

• کار با المنتور Working with Elementor

• افکت هاور خط متحرک: قسمت 1 Animated Line Hover Effect : Part1

• افکت هاور خط متحرک: قسمت 2 Animated Line Hover Effect : Part2

• تنظیم تایپوگرافی و رنگ‌های سراسری Setting Global Typography and Colors

• تنظیم صفحه اصلی سفارشی Setting Custom Home Page

• ناحیه Hero Hero Area

• ویژگی‌های اصلی Core Features

• به‌روزرسانی ناحیه Hero ما Update to our Hero Area

• بخش ویژگی‌های بیشتر More Features Section

• اضافه کردن پس زمینه به بخش ویژگی‌های بیشتر Adding Background to More Features Section

• نحوه استفاده از بخش How to Use Section

• گالری اسکرین‌شات Screenshot Gallery

• بخش حقایق درباره برنامه Facts About App Section

• جدول قیمت‌گذاری خلاقانه عالی: قسمت 1 Awesome Creative Pricing Table : Part1

• جدول قیمت‌گذاری خلاقانه عالی: قسمت 2 Awesome Creative Pricing Table : Part2

• به‌روزرسانی کوچک برای جدول قیمت‌گذاری ما Little Update to Our Pricing Table

• نظرات مشتریان Testimonial

• بخش دانلود برنامه Download App Section

• بخش سوالات متداول FAQ Section

• بخش خبرنامه Newsletter Section

• دو به‌روزرسانی جزئی Two Minor Updates

• اضافه کردن هدر و آیتم‌های منو Adding Header and Menu Items

• استایل دهی به منو Styling Menu

• هدر ثابت (Fixed Header) Fixed Header

• منوی واکنش‌گرا (Responsive Menu) Responsive Menu

• نقشه گوگل Google Map

• فرم تماس Contact Form

• فوتر Footer

• چرخاندن آیکون‌ها Flipping Icons

• انیمیشن‌های ورودی Entrance Animations

• تمام منابع به عنوان یک فایل Zip (چند تصویر تمرینی بیشتر نیز داده شده است) All Resources as a Zip File (Few more practice images are also given)

پروژه ۵: HostN: ایجاد وب‌سایت میزبانی پارالاکس عالی با المنتور Project 5 : HostN : Create Awesome Parallax Hosting Website with Elementor

• نصب وردپرس بر روی یک سرور زنده Installing Wordpress on a live server

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

• سخنرانی مختصر در مورد کار با المنتور Brief lecture on Working with elementor

• تغییر قالب پیش‌فرض Changing default theme

• تنظیم صفحه اصلی سفارشی Setting custom homepage

• تنظیم تایپوگرافی و رنگ پیش‌فرض برای وب‌سایت ما Setting default typography and color for our website

• ناحیه Hero قسمت 1 Hero Area Part1

• ناحیه Hero قسمت 2: افکت پارالاکس Mousemove Hero Area Part2 : Mousemove Parallax Effect

• جستجوی دامنه: قسمت 1 Domain Search : Part1

• جستجوی دامنه: قسمت 2 Domain Search : Part2

• بخش خدمات Services Section

• بخش چرا ما را انتخاب کنید Why Choose Us Section

• جدول قیمت‌گذاری Pricing Table

• ویژگی‌ها Features

• نظرات مشتریان: قسمت 1 Testimonial : Part 1

• نظرات مشتریان: قسمت 2 Testimonial : Part 2

• سوالات متداول FAQ

• اضافه کردن لوگو و ناوبری Adding Logo and Navigation

• هدر ثابت (Fixed Header) Fixed Header

• فوتر Footer

• منوی واکنش‌گرا (Responsive Menu) Responsive Menu

• لمس نهایی قسمت 1: هاور CTA و هاور قیمت‌گذاری Final Touch Part1 : CTA hover and Pricing Hover

• انیمیشن‌های ورودی Entrance Animations

بخش جایزه ۱: دوره فشرده CSS Bonus Section 1 : CSS Crash Course

• نحو CSS CSS Syntax

• انتخابگرهای CSS CSS Selectors

• انتخابگرهای Parent CSS CSS Parent Selectors

• انواع استایل‌های CSS Types of CSS Styles

• رنگ‌های CSS CSS Colors

• شعاع حاشیه و Outline Border Radius and Outline

• Margin CSS CSS Margin

• Padding CSS CSS Padding

• مدل جعبه‌ای CSS CSS Box Model

• خانواده فونت CSS CSS Font Family

• عرض، ارتفاع، ارتفاع خط CSS CSS Width , Height , Line Height

• فرمت‌بندی متن Text Formatting

• ویژگی Display در CSS CSS Display Property

• موقعیت‌دهی CSS CSS Positioning

• سرریز CSS CSS Overflow

• Float و Clear Float and Clear

• شفافیت CSS CSS Opacity

• سایه جعبه Box Shadow

• سایه متن Text Shadow