آموزش توسعه ماژول دیوی صفر تا صد - آخرین آپدیت

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

مقدمه Introduction

• درباره این فصل About this chapter

• یافتن راهنمایی در هنگام توسعه برای دیوی Find help when developing for Divi

• دریافت یک IDE Get a IDE

• تنظیم سرور وب و نصب وردپرس Setup a webserver and install WordPress

• تنظیم دیوی Setup Divi

• تنظیم node، yarn و gettext Setup node, yarn and gettext

• چگونه با صفحه سفید/wp-config.php خالی برخورد کنیم How to deal with white screen / empty wp-config.php

• ایجاد اولین افزونه دیوی شما Create your first Divi extension

• آماده سازی افزونه شما برای توزیع Prepare your plugin for distribution

عناصر رابط کاربری UI Elements

• فیلد TinyMCE Tiny MCE Field

• فیلد متن Text Field

• فیلد عدد Number Field

• فیلد محدوده Range Field

• فیلد بله/خیر Yes No Field

• فیلد متن چند خطی Textarea Field

• فیلد رنگ Color Field

• فیلد انتخاب Select Field

• فیلد انتخاب تاریخ Date Picker Field

• فیلد آپلود Upload Field

• فیلد آپلود گالری Upload Gallery Field

• فیلد دکمه‌های چندگانه Multiple Buttons Field

• فیلد چک باکس‌های چندگانه Multiple Checkboxes Field

• فیلد دسته‌ها Categories Field

• فیلد انتخاب آیکون Select Icon Field

• فیلد لیست گزینه‌ها Options List Field

• فیلد تراز متن Text Align Field

• فیلد هشدار Warning Field

• فیلد حاشیه سفارشی Custom Margin Field

• فیلد ترکیبی Composite Field

• فیلد شعاع مرز Border Radius Field

• فیلد انتخاب انیمیشن Select Animation Field

• فیلد محاسبه شده Computed Field

تنظیمات پیشرفته Advanced Settings

• مقدمه‌ای بر فیلدهای پیشرفته Introduction to Advanced Fields

• فیلد پس زمینه Background Field

• فیلد فونت Font Field

• فیلد متن Text Field

• فیلد سایه متن Text Shadow Field

• فیلدهای حاشیه و فاصله داخلی Margin and Padding Fields

• فیلدهای حداکثر عرض Max Width Fields

• فیلدهای دکمه Button Fields

• فیلدهای سایه جعبه Box Shadow Fields

• فیلدهای مرز Border Fields

• فیلدهای فیلتر Filters Fields

• فیلدهای انیمیشن Animation Fields

• گزینه‌های لینک Link Options

توابع و تکنیک‌های مرتبط با دیوی General Divi related Funtions and Techniques

• منطق نمایش شرطی Conditional Display Logic

• منطق نمایش شرطی در ماژول والد و فرزند Conditional Display Logic in Parent Child Module

• تب‌ها و کلیدها Tabs and Toggles

• ماژول‌های والد و فرزند Parent-Child Modules

• ماژول‌های والد و فرزند (بخش دوم) Parent-Child Modules (Part 2)

• اضافه کردن CSS به ماژول‌های شما Add CSS to your Modules

• انتخاب کننده %%order_class%% The %%order_class%% Selector

• تولید CSS واکنش‌گرا Generate responsive CSS

• فعال کردن گزینه‌های موبایل در هر فیلد Enable Mobile Options on any Field

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

• ساخت تماس‌های Ajax از کامپوننت React Making Ajax Calls from the React component

• ایجاد یک کامپوننت Ajax پایه Create a Ajax Base Component

• option_category چیست؟ What is a option_category

• ارائه راهنمایی برای ماژول شما Providing Help for your Module

• رنگ لهجه The Accent Color

• گزینه‌های ePanel ePanel Options

• ماژول‌های تمام عرض Fullwidth Modules

• پیش‌فرض‌های سازنده بصری Visual Builder Defaults

• انتقال مقادیر از PHP به JS و ترجمه پیش‌فرض‌های VB Pass Values From PHP To JS And Translate VB Defaults

• چرخه عمر کامپوننت React React Component Lifecycle

• استفاده از کتابخانه‌های jQuery شخص ثالث در React Using 3rd Party jQuery Libraries in React

• گزینه Hover Hover Option

مطالعه موردی: ایجاد یک ماژول از ابتدا تا انتها Case Study: Create a module from start to finish

• مقدمه‌ای بر مطالعه موردی Introduction to the case study

• برنامه‌ریزی ماژول Planning the module

• ایجاد یک ماژول جدید Create a new module

• افزودن فیلدهای تنظیمات Add the settings fields

• رندر ماژول React Render the React module

• جاوا اسکریپت در ماژول React JavaScript in the React module

• رندر ماژول PHP Render the PHP module

• جاوا اسکریپت در ماژول PHP JavaScript in the PHP module

فروش Selling

• کجا بفروشیم؟ Where to sell?

• حساب فروشنده Elegant Marketplace Elegant Marketplace Vendor Account

• مکانیسم مجوز و به‌روزرسانی Elegant Marketplace Elegant Marketplace License and Update mechanism

• حساب فروشنده Divi Cake Divi Cake Vendor Account

• Plugin Update Checker Plugin Update Checker

• سرور به‌روزرسانی WP WP Update Server

• استفاده از Plugin Update Checker Use the Plugin Update Checker

• Freemius Freemius

• سخن پایانی Final Words