آموزش توسعه قالب وردپرس برای Themeforest با Elementor

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

معرفی Introduction

• معرفی Introduction

• نصب ویرایشگر کد ویژوال استودیو و پیکربندی اولیه برای Installation of visual studio code editor and basic configuration for

• پنل مدیریت نمایش وردپرس Admin panel of wordpress demonstration

آشنایی با توسعه ابزارک های elementor Getting familiar with elementor widgets development

• شروع با توسعه ویجت های elementor Getting starting with elementor widgets development

• ایجاد یک ویجت جدید از elementor Creating a new widget of elementor

• یک دسته ویجت عنصر سفارشی ایجاد کنید Create a custom elementor widget category

Elementor Control Types-Data Controls Elementor Control Types-Data Controls

• Popover مخفی Switcher Select2 را انتخاب کنید Hidden Switcher Popover Select Select2

• متن کد Textarea Wysiwyg Text Textarea Wysiwyg Code

• کنترل های رنگ فونت را انتخاب کنید Choose Color Font controls

• گالری و تکرار کننده Gallery and repeater

• انیمیشن های Hover خروجی ورودی Entrance Exit Hover animations

انواع کنترل عنصر-کنترل های چند مقدار Elementor Control Types-Multi value Controls

• رسانه URL Url Media

• آیکون ها متن و سایه های جعبه Icons Text and Box shadows

انواع کنترل عنصر-کنترل های واحد Elementor Control Types-Unit Controls

• لغزنده و ابعاد Slider and Dimensions

انواع کنترل Elementor-کنترل های رابط کاربری Elementor Control Types-User interface UI Controls

• کنترل های رابط کاربری UI controls

Elementor Control Types-Group Controls Elementor Control Types-Group Controls

• تایپوگرافی متن و سایه های جعبه Typography Text and Box shadows

تمرین - نصب پروژه کلارک Practice -Clark project Installation

• نصب و پیکربندی اولیه تم Installation and basic configuration of theme

• استایل ها را به روش درست در صف قرار دهید Enqueue styles the right way

• اسکریپت ها را به روش درست در صف قرار دهید Enqueue scripts the right way

• منو و پاورقی css تم Menu and Footer css of theme

ایجاد افزونه پروژه Practice-Clark Practice-Clark project addon creation

• تنظیمات افزونه Elementor و ویجت ها Elementor addon and widgets configurations

ویجت اسلایدر پروژه Practice-Clark Practice-Clark project Slider Widget

• پیکربندی و پارامترهای نوار لغزنده ویجت کلارک Configuration and parameters of clark widget slider

• نوار لغزنده کلارک استایل ها و JS را در صف قرار می دهد Clark slider enqueues styles and JS

• کنترل ها را به نوار لغزنده ویجت خود اضافه کنید Add controls to our widget slider

• رندر ویجت اسلایدر قسمت 1 Render slider widget part 1

• رندر ویجت اسلایدر قسمت 2 Render slider widget part 2

• گزینه های ویجت های لغزنده کلارک برای حلقه لغزنده و ناوبری و غیره Clark slider widgets options for sliders loop and nav etc

• گزینه های ویجت کشویی سبک کلارک Clark style slider widget options

• گزینه های ویجت نوار لغزنده سبک کلارک - قسمت 2 Clark style slider widget options-part2

• گزینه‌های ویجت کشویی سبک کلارک-سبک‌های dots_nav Clark style slider widget options-dots_nav styles

ویجت سرفصل پروژه Practice-Clark Practice-Clark project Heading Widget

• کنترل‌کننده‌های ویجت سرفصل Heading Widget controllers

• یک ظاهر طراحی ویجت عنوان Heading Widget styling

پروژه تمرین کلارک درباره ویجت Practice-Clark project About Widget

• درباره کنترل ها و تنظیمات ویجت About widget controls and configurations

• درباره تنظیمات رندر ویجت About widget render configurations

ویجت رزومه پروژه Practice-Clark Practice-Clark project Resume Widget

• از سرگیری کنترل کننده های ویجت Resume widget controllers

• از سرگیری رندر ویجت Resume Widget render

• سبک ویجت رزومه Resume widget Style

ویجت خدمات پروژه Practice-Clark Practice-Clark project Services Widget

• خدمات کنترلرها و تنظیمات ویجت Services Widget controllers and settings

• عملکرد ارائه ویجت خدمات Services widget rendering function

• گزینه های یک ظاهر طراحی شده ویجت خدمات Service Widget styling options

ویجت مهارت های پروژه تمرین کلارک Practice-Clark project Skills Widget

• کنترلرها و رندر ویجت مهارت ها Skills Widget controllers and Rendering

• Skills Widget Styling Skills Widget Styling

ویجت پروژه های Practice-Clark Projects Practice-Clark project Projects Widget

• پروژه های CPT نوع پست سفارشی Projects CPT Custom Post type

• کنترلر و رندر ویجت پروژه ها Projects Widget controller and render functions

• پروژه تک با acf pro و نوع پست سفارشی Single project with acf pro and custom post type

ویجت قیمت پروژه Practice-Clark Practice-Clark project Price Widget

• کنترلر ویجت قیمت کلارک Clark Price Widget Controller

• عملکرد رندر ویجت قیمت کلارک Clark Price Widget Render Function

ویجت وبلاگ پروژه تمرین کلارک Practice-Clark project Blog Widget

• ویجت وبلاگ Blog Widget

ویجت شمارنده پروژه Practice-Clark Practice-Clark project Counter Widget

• کنترلرهای ویجت شمارنده Counter Widget controllers

• یک ظاهر طراحی ابزارک شمارنده Counter Widget Styling

ویجت استخدام پروژه Practice-Clark Practice-Clark project Hire Widget

• کنترل کننده ویجت را استخدام کنید Hire Widget Controller

• استخدام رندر ویجت Hire Widget rendering

• استخدام ویجت رندر لمس نهایی Hire Widget rendering final touch

ابزارک تماس با پروژه Practice-Clark Practice-Clark project contact Widgets

• نمادها تماس ایجاد ویجت Icons Contact Widget creation

• نمادها با کنترلرهای ویجت تماس بگیرید Icons Contact Widget Controllers

• نمادها عملکرد رندر ابزارک تماس Icons Contact Widget Renders function

• نمادها با کنترلرهای سبک ویجت تماس بگیرید Icons Contact Widget styling controllers

• فرم تماس 7 بخش Contact form 7 section

ایجاد پاورقی پروژه Practice-Clark Practice-Clark project Footer creation

• پاورقی با ACF و ACF pro Footer With ACF and ACF pro

• ابزارک های پاورقی با رندر acf pro Footer Widgets with acf pro rendering

• ابزارک های پاورقی با نوارهای جانبی Footer Widgets with Sidebars

ادغام TGM و Demo Importer پروژه Practice-Clark Practice-Clark project TGM and Demo Importer integrations

• پلاگین برای پروژه های نوع پست سفارشی ما Plugin for our custom post type projects

• فعال سازی پلاگین TGM TGM plugin activations

• واردکننده نسخه ی نمایشی مانند تم های حرفه ای Demo importer like pro themes

نتیجه Conclusion

• نتیجه Conclusion