آموزش دوره کامل توسعه دهنده وردپرس 2023 - افزونه ها و تم ها

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

شروع شدن Getting Started

• معرفی Introduction

• دانلود PDF رایگان Free PDF Download

• محیط چیست؟ What is an environment?

• نصب وردپرس Installing WordPress

• تور سریع محلی Local Quick Tour

• ویرایشگرهای متن Text Editors

اصول PHP PHP Fundamentals

• مقدمه ای بر PHP Introduction to PHP

• متغیرها Variables

• رشته ها و بولی ها Strings and Booleans

• کارکرد Functions

• آرایه ها Arrays

• حلقه ها Loops

• ثابت ها Constants

• درک خطاها Understanding Errors

• نظرات Comments

• وردپرس و پی اچ پی WordPress and PHP

• آزمون پی اچ پی PHP Quiz

شروع یک تم Kickstarting a Theme

• کاوش در پیکربندی وردپرس Exploring the WordPress Configuration

• تنظیم پیکربندی Adjusting the Configuration

• فایل و پوشه وردپرس WordPress File and Folders

• سربرگ فایل ها File Headers

• سرصفحه های فایل اضافی Additional File Headers

• به ویرایش کامل سایت سلام کنید Say Hello to Full-Site Editing

• الگوی شاخص The Index Template

• ایجاد مجدد الگوی Index Recreating the Index Template

• ویژگی زبان Language Attribute

• مجموعه کاراکتر Character Set

• بارگیری برچسب های اضافی Loading Additional Tags

• برچسب بدن The Body Tag

• آشنایی با وردپرس Getting to know WordPress

• استانداردهای کدنویسی وردپرس WordPress Coding Standards

• مبانی تم Theme Fundamentals

سبک های جهانی Global Styles

• کنار: JSON Aside: JSON

• مقدمه ای بر سبک های جهانی Introduction to Global Styles

• بارگیری یک طرحواره Loading a Schema

• پالت رنگ پیش فرض Default Color Palette

• تنظیمات رنگ را مسدود کنید Block Color Settings

• افزودن رنگ به پالت Adding Colors to the Palette

• رنگ‌ها برای پس‌زمینه، متن و پیوندها Colors for backgrounds, text, and links

• رنگ های سفارشی Custom Colors

• دوتون Duotones

• گرادیان ها Gradients

• اعمال رنگ ها Applying Colors

• اعمال گرادیان Applying Gradients

• اعمال سبک در عناصر Applying Styles to Elements

• مرز ها Borders

• خانواده فونت ها Font Families

• اندازه فونت Font Sizes

• تنظیمات مختلف فونت Various Font Settings

• استفاده از سبک های تایپوگرافی Applying Typography Styles

• عرض محتوا Content Width

• حاشیه و بالشتک Margin and Padding

• واحدهای سفارشی Custom Units

• شکاف ها را مسدود کنید Block gaps

• فعال کردن همه چیز Enabling Everything

• مسابقه سبک های جهانی Global Styles Quiz

مدیریت فایل های دارایی Managing Asset Files

• کنار: Git & GitHub Aside: Git & GitHub

• اضافه کردن قالب Adding the Template

• درک هوک Understanding Hooks

• فایل functions.php The functions.php File

• قلاب صف The Enqueue Hook

• به کنار: مقادیر بازگشتی تابع PHP Aside: PHP Function Return Values

• از جمله فایل ها Including Files

• ثبت سبک Registering Styles

• استایل های ردیف کردن Enqueuing Styles

• تعمیر فونت گوگل Fixing the Google Font

• بارگیری تگ های اضافی سر Loading Additional Head Tags

• آزمون مدیریت فایل های دارایی Managing Asset Files Quiz

قالب ها Templates

• ایجاد قسمت قالب سربرگ و پاورقی Creating a Header and Footer Template Part

• آناتومی مختصر یک بلوک Brief Anatomy of a Block

• بهینه سازی هدر و پاورقی Optimizing the Header and Footer

• افزودن محتوای ساختگی Adding Dummy Content

• ایجاد Topbar Creating the Topbar

• بلوک گروهی The Group Block

• بارگیری سبک های ویرایشگر Loading Editor Styles

• افزودن منوی پیمایش Adding a Navigation Menu

• اضافه کردن Midsection Adding the Midsection

• اصلاح سبک های ویرایشگر Fixing the Editor Styles

• اتمام هدر Finishing the Header

• باد دم Tailwind

• درج بلوک ستون ها Inserting the Columns Block

• بلوک حلقه پرس و جو Query Loop Block

• اضافه کردن بلوک های پست Adding Post Blocks

• یک ظاهر طراحی شده برای بلوک های پست Styling Post Blocks

• صفحه بندی Pagination

• بلوک های نوار کناری Sidebar Blocks

• تمرین: بلوک های پاورقی Exercise: Footer Blocks

• سلسله مراتب قالب Template Hierarchy

• قالب 404 404 Template

• قالب دسته Category Template

• جستجوی الگو Search Template

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

• قالب صفحه Page Template

• قالب های سفارشی Custom Templates

JavaScript و React Fundamentals JavaScript and React Fundamentals

• آنچه در راه است What’s to come

• مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• اولین طعم جاوا اسکریپت First Taste of JavaScript

• انواع داده ها Data Types

• متغیرها Variables

• ثابت ها Constants

• الفاظ الگو Template Literals

• ایجاد توابع Creating Functions

• آرایه ها Arrays

• آرایه ها Arrays

• اشیاء Objects

• شی کنسول The Console Object

• در حال بارگیری جاوا اسکریپت Loading JavaScript

• کار با DOM Working with the DOM

• اظهارات مشروط Conditional Statements

• درک محدوده Understanding Scope

• توابع پیکان Arrow Functions

• در حال تخریب Destructuring

• آزمون جاوا اسکریپت JavaScript Quiz

• React چیست؟ What is React?

• شروع کار با React Getting Started with React

• ایجاد یک React App Creating a React App

• محتوای پویا Dynamic Content

• مقدمه ای بر JSX Introduction to JSX

• اجزاء Components

• گسترش کامپوننت ها با Props Extending Components with Props

• ماژول های ES6 ES6 Modules

• افزودن حالت به کامپوننت Adding State to a Component

• مناسبت ها Events

• استفاده از useEffect Using useEffect

• خط فرمان The Command Line

• شروع کار با NodeJS Getting started with NodeJS

• React Quiz React Quiz

اصول توسعه بلوک Block Development Fundamentals

• ایجاد یک پلاگین Creating a Plugin

• ایمن سازی فایل پلاگین اصلی Securing the Main Plugin File

• نصب WP Script با NPM Installing WP Scripts with NPM

• ارتقا اسکریپت های WP Upgrading WP Scripts

• ایجاد یک بسته نرم افزاری Creating a Bundle

• ایجاد یک فایل فراداده بلوک Creating a Block Metadata File

• ثبت یک بلوک Registering a Block

• در نوبت گذاشتن اسکریپت بلوک Enqueueing a Block’s Script

• اضافه کردن یک بلوک سفارشی Adding a Custom Block

• جزء RichText The RichText Component

• ذخیره داده ها در ویژگی ها Storing Data in Attributes

• ذخیره بلوک Saving the Block

• به غیر از: JavaScript Spread Operator Aside: JavaScript Spread Operator

• اضافه کردن لوازم بلاک Adding Block Props

• ردیف کردن سبک ها برای بلوک ها Enqueuing Styles for Blocks

• اصلاح سبک های هدر فانتزی Fixing the Fancy Header Styles

• قالب بندی کامپوننت RichText Formatting the RichText Component

• InspectorControls و PanelBody Components The InspectorControls and PanelBody Components

• اضافه کردن پالت رنگ Adding a Color Palette

• سبک های پویا Dynamic Styles

• منابع صفت Attribute Sources

• ایجاد بلوک های متعدد Creating Multiple Blocks

رندر سمت سرور Server-Side Rendering

• رندر سمت سرور چیست؟ What is Server-Side Rendering?

• ایجاد بلوک فرم جستجو Creating a Search Form Block

• اضافه کردن یک نماد سفارشی Adding a Custom Icon

• اضافه کردن قالب Adding the Template

• مؤلفه PanelColorSettings The PanelColorSettings Component

• تمرین: استفاده از رنگ ها Exercise: Applying Colors

• ایجاد یک Render Callback Creating a Render Callback

• رندر کردن یک بلوک با بافرهای خروجی Rendering a Block with Output Buffers

• استفاده از ویژگی ها در یک تابع رندر PHP Using Attributes in a PHP Render Function

• گرفتن عبارت جستجو Grabbing the Search Query

• افزودن فرم به قالب Adding the Form to the Template

• ایجاد بلوک هدر صفحه Creating a Page Header Block

• تمرین: اضافه کردن مولفه RichText Exercise: Adding the RichText Component

• مؤلفه ToggleControl The ToggleControl Component

• تغییر دادن محتوا Toggling Content

• ارائه دسته Rendering the Category

• اضافه کردن پشتیبانی برای بافرهای خروجی Adding Support for Output Buffers

• از جمله فایل های با Globs Including Files with Globs

• روشی متفاوت برای ایجاد یک پلاگین A Different Way to Create a Plugin

• نمونه های بلوک گوتنبرگ Gutenberg Block Examples

احراز هویت Authentication

• ایجاد بلوک ابزار سربرگ Creating the Header Tools Block

• کامپوننت SelectControl The SelectControl Component

• کامپوننت CheckboxControl The CheckboxControl Component

• تمرین: تغییر دادن پیوندها Exercise: Toggling the Links

• اتمام بلوک ابزار سرصفحه Finishing the Header Tools Block

• ایجاد بلوک مدال احراز هویت Creating the Authentication Modal Block

• تغییر دادن فرم ثبت نام Toggling the Registration Form

• رندر کردن Modal Rendering the Modal

• بارگیری یک نمایش اسکریپت Loading a View Script

• رفع اسکریپت View Fixing the View Script

• در انتظار آماده شدن سند Waiting for the Document to be Ready

• باز و بسته شدن مدال Opening and Closing the Modal

• تغییر زبانه ها Switching Tabs

• رسیدگی به فرم های ارسالی Handling Form Submissions

• REST API چیست؟ What is a REST API?

• تمرین با Rest API Practicing with the Rest API

• مشکل با نقطه پایانی هسته The Problem with the Core Endpoint

• افزودن نقطه پایانی سفارشی Adding a Custom Endpoint

• رسیدگی به پاسخ Handling the Response

• PHP: کلاس ها PHP: Classes

• اعتبارسنجی پارامترهای درخواست Validating the Request Parameters

• جلوگیری از کاربران تکراری Preventing Duplicate Users

• ایجاد یک کاربر جدید Creating a New User

• اسکریپت های درون خطی Inline Scripts

• ارسال فرم ثبت نام Submitting the Registration Form

• آماده کردن نقطه پایان ورود به سیستم Preparing the Sign in Endpoint

• احراز هویت کاربر User Authentication

• سیم کشی فرم ورود Wiring the Login Form

• اتمام بلوک ها Finishing the Blocks

• ویژگی های استاتیک Static Properties

• روش های HTTP وردپرس WordPress HTTP Methods

اصول SQL SQL Fundamentals

• مقدمه ای بر SQL Introduction to SQL

• پایگاه های داده و جداول Databases and Tables

• ایجاد جداول Creating Tables

• درج داده ها Inserting Data

• خواندن داده ها Reading Data

• به روز رسانی داده ها Updating Data

• حذف داده ها Deleting Data

انواع پست سفارشی Custom Post Types

• بعد چه است What’s Next

• ثبت نوع پست سفارشی Registering a Custom Post Type

• سفارشی کردن نوع پست Customizing the Post Type

• افزودن پشتیبانی برای گوتنبرگ Adding Support for Gutenberg

• طبقه بندی ها Taxonomies

• فعال سازی پلاگین Plugin Activation

• Flushing Rewrite قواعد Flushing Rewrite Rules

• طبقه بندی های سفارشی Custom Taxonomies

• فیلدهای طبقه بندی سفارشی Custom Taxonomy Fields

• درک متادیتا Understanding Metadata

• ذخیره فراداده اصطلاح Saving Term Metadata

• ویرایش فیلدهای طبقه بندی Editing Taxonomy Fields

• ایجاد بلوک خلاصه دستور غذا Creating the Recipe Summary Block

• بازیابی شناسه پست با زمینه بلوک Retrieving the Post ID with Block Context

• گرفتن شناسه های اصطلاح با useEntityProp Grabbing Term IDs with useEntityProp

• تابع useSelect The useSelect Function

• بازیابی شرایط آشپزی Retrieving Cuisine Terms

• ثبت متای ترم Registering Term Meta

• نقشه برداری از غذاهای Mapping the Cuisines

• در انتظار حل شدن داده ها Waiting for Data to be Resolved

• ذخیره متادیتای پست Saving Post Metadata

• ثبت فراداده پست Registering Post Metadata

• گرفتن فراداده پست Grabbing Post Metadata

• اضافه کردن یک جزء رتبه بندی Adding a Rating Component

• ایجاد جدول پایگاه داده با Adminer Creating a Database Table with Adminer

• ایجاد جدول پایگاه داده در حین فعال سازی پلاگین Creating a Database Table during Plugin Activation

• رندر کردن بلوک Rendering the Block

• نمایش شرایط آشپزی با PHP Displaying the Cuisine Terms with PHP

• آماده سازی Frontend Preparing the Frontend

• در حال بارگیری React در Frontend Loading React on the Frontend

• تابع apiFetch The apiFetch Function

• تمرین: آماده سازی نقطه پایان رتبه بندی Exercise: Preparing the Rating Endpoint

• دستورات SQL آماده شده Prepared SQL Statements

• درج دستور غذا Inserting the Recipe

• به روز رسانی مجوزها Updating the Permissions

• قلاب های سفارشی Custom Hooks

بلوک های تو در تو Nested Blocks

• ایجاد یک بلوک تودرتو Creating a Nested Block

• اضافه کردن پشتیبانی برای بلوک های داخلی Adding Support for Inner Blocks

• گزینه های قالب بلوک های داخلی Inner Blocks Template Options

• اضافه کردن ستون ها Adding Columns

• افزودن مؤلفه MediaPlaceholder Adding the MediaPlaceholder Component

• اندازه های سفارشی تصویر Custom Image Sizes

• اضافه کردن قلاب فیلتر Adding Filter Hooks

• مدیریت انتخاب ها Handling Selections

• مدیریت تصاویر URL Handling URL Images

• درک تصاویر Blob Understanding Blob Images

• مدیریت تصاویر لکه Handling Blob Images

• تمرین: اضافه کردن اسپینر Exercise: Adding a Spinner

• استفاده از حالت برای جلوگیری از حباب Using State to Prevent Blobs

• رفع نشت حافظه Blob Fixing Blob Memory Leaks

• بازسازی سریع بلوک اعضای تیم Quickly Refactoring the Team Member Block

• افزودن یک گزینه نوار ابزار Adding a Toolbar Option

• رفع سریع برای نوار ابزار Quick Fix for the Toolbar

• دکمه های نوار ابزار سفارشی Custom Toolbar Buttons

• تمرین: جابجایی فیلد Alt تصویر Exercise: Toggling the Image Alt Field

• زمینه بلوک سفارشی Custom Block Context

• آماده سازی پیوندهای رسانه های اجتماعی Preparing the Social Media Links

• افزودن یک راهنمای ابزار Adding a Tooltip

• تشخیص انتخاب بلوک Detecting Block Selection

• ردیابی انتخاب فعال Tracking the Active Selection

• ویرایش لینک شبکه اجتماعی Editing a Social Media Link

• ذخیره بلوک اعضای تیم Saving the Team Member Block

• بهینه سازی ویژگی ها Optimizing Attributes

• مسدود کردن پیش نمایش ها Block Previews

پرس و جو از پست ها Querying Posts

• ایجاد یک بلوک دستور العمل های محبوب Creating a Popular Recipes Block

• جزء QueryControls The QueryControls Component

• پیشنهادات دسته بندی Category Suggestions

• به روز رسانی ویژگی Updating the Attribute

• تست نقطه پایانی Testing the Endpoint

• سفارش پست ها بر اساس فراداده Ordering Posts by Metadata

• پرس و جو از پست ها در یک بلوک Querying Posts in a Block

• رندر HTML خام Rendering Raw HTML

• کلاس WP_Query The WP_Query Class

• حلقه وردپرس The WordPress Loop

• ایجاد یک بلوک دستور العمل روزانه Creating a Daily Recipe Block

• گذرا Transients

• نقطه پایان سفارشی Custom Endpoint

• نمایش دستور پخت روزانه در ویرایشگر Displaying the Daily Recipe in the Editor

• تکمیل بلوک دستور العمل روزانه Finishing the Daily Recipe Block

• پرس و جوهای اندازه گیری Measuring Queries

کاوش در ویژگی های بیشتر بلوک Exploring More Block Features

• ایجاد یک بلوک جعبه هشدار Creating an Alert Box Block

• درک SASS Understanding SASS

• سبک های ویرایشگر Editor Styles

• بلوک پشتیبانی Block Supports

• تغییرات بلوک Block Variations

• سبک های بلوک Block Styles

• درک تحقیرها Understanding Deprecations

• مدیریت منسوخ شدن الگوها Handling Template Deprecations

• انتشار یک پلاگین Publishing a Plugin

صفحات مدیریت سفارشی Custom Admin Pages

• API های وردپرس WordPress APIs

• آشنایی با Options API Understanding the Options API

• افزودن تنظیمات افزونه Adding Plugin Settings

• افزودن منو و صفحه مدیریت سفارشی Adding a Custom Admin Menu & Page

• آماده سازی صفحه مدیریت Preparing the Admin Page

• رسیدگی به فرم های ارسالی مدیریت Handling Admin Form Submissions

• به روز رسانی گزینه ها Updating Options

• در نوبت گذاشتن کتابخانه رسانه Enqueuing the Media Library

• افزودن فایل های ورودی جدید به Webpack Adding New Entry Files to Webpack

• ثبت دارایی های مدیریت Registering the Admin Assets

• تمرین: اضافه کردن اندازه تصویر نمودار باز Exercise: Adding an Open Graph Image Size

• انتخاب تصاویر Selecting Images

• افزودن یک زیر منو Adding a Submenu

• ثبت یک گروه گزینه ها Registering an Options Group

• افزودن بخش ها Adding Sections

• افزودن فیلدها Adding Fields

• ثبت فراداده پست Registering Post Metadata

• در صف دارایی های ویرایشگر بلوک Enqueueing Block Editor Assets

• ثبت نوار کناری Registering a Sidebar

• انتخاب متادیتا Selecting Metadata

• ارسال به روز رسانی ها Dispatching Updates

• رابط آپلود رسانه سفارشی Custom Media Upload Interface

• رندر کردن برچسب ها در سر Rendering Tags in the Head

پایان لمس Finishing Touches

• آماده سازی یک نوع فرمت جدید Preparing a New Format Type

• ثبت نوع فرمت Registering a Format Type

• رندر کردن شرطی دکمه های نوار ابزار Conditionally Rendering Toolbar Buttons

• توابع ترجمه Translation Functions

• ایجاد یک قالب ترجمه با WP CLI Creating a Translation Template with the WP CLI

• در حال بارگیری ترجمه ها Loading Translations

• افزودن زبان جدید Adding a New Language

• بارگیری ترجمه های بلوک Loading Block Translations

• حذف نصب یک پلاگین Uninstalling a Plugin

• اشکال زدایی قلاب ها و پرس و جوها Debugging Hooks and Queries

• تنظیمات سریع تم Quick Adjustments to the Theme

• بسته بندی پلاگین ها با TGMPA Bundling Plugins with TGMPA

پایان The End

• نتیجه Conclusion