آموزش وردپرس: ایجاد مضامین مترقی با WP Rig (2018)

مقدمه Introduction

• خوش آمدی Welcome

1. محیط توسعه را برای WP Rig پیکربندی کنید 1. Configure a Development Environment for WP Rig

• محیط توسعه خود را تنظیم کنید Set up your development environment

• Node.js و Composer را نصب کنید Install Node.js and Composer

• Gulp 4 را نصب یا به روز کنید Install or update to Gulp 4

2. WP Rig را نصب و پیکربندی کنید 2. Install and Configure WP Rig

• برای طرح زمینه خود نامی انتخاب کنید Pick a name for your theme

• یک نسخه جدید از WP Rig تهیه کنید Get a fresh copy of WP Rig

• WP Rig چگونه کار می کند How WP Rig works

• WP Rig را برای پروژه خود پیکربندی کنید Configure WP Rig for your project

• BrowserSync را پیکربندی کنید Configure BrowserSync

• نصب کننده WP Rig را اجرا کنید Run the WP Rig installer

• تنظیمات فضای کاری VS Code را پیکربندی کنید Configure VS Code workspace settings

• طرح زمینه جدید خود را بسازید ، فعال کنید و آزمایش کنید Build, activate, and test your new theme

3. CSS 3. CSS

• CSS در دکل WP CSS in WP Rig

• ویرایش CSS Edit CSS

• خصوصیات سفارشی CSS (متغیرهای CSS معروف) CSS custom properties (a.k.a. CSS variables)

• ساس در دکل WP Sass in WP Rig

• فونت های وب را اضافه و استفاده کنید Add and use web fonts

• ورق های سبک مدولار داخل بدن In-body modular style sheets

• پیش بارگذاری مشروط را پیکربندی کنید Configure conditional preloading

4. قالب های PHP و WordPress 4. PHP and WordPress Templates

• الگوها در دکل WP Templates in WP Rig

• الگوهای موجود را ویرایش کنید Edit existing templates

• توابع موضوع را تغییر دهید Make changes to theme functions

• نوار کناری: رشته ها را قابل ترجمه نگه دارید Sidebar: Keep strings translatable

• پرونده های الگوی اختیاری Optional template files

• موضوع خود را مدولار کنید Make your theme modular

• ادغام AMP در دکل WP AMP integration in WP Rig

5. جاوا اسکریپت 5. JavaScript

• جاوا اسکریپت در دکل WP JavaScript in WP Rig

• جاوا اسکریپت را enqueue ، async یا موکول کنید Enqueue, async, or defer JavaScript

• با ESLint کد بهتری بنویسید Write better code with ESLint

6. ویژگی های پیشرفته تم 6. Advanced Theme Features

• نقش توابع. php The role of functions.php

• منوی سفارشی جدیدی اضافه کنید Add a new custom menu

• رنگها و تصاویر پس زمینه سفارشی Custom background colors and images

• آرم سفارشی Custom logo

• ویژگی های تم گوتنبرگ Gutenberg theme features

• پشتیبانی AMP را فعال کنید Enable AMP support

• مناطق Widgetized Widgetized areas

• سربرگ سفارشی Custom header

7. با WP Rig بیشتر جلو بروید 7. Going Further with WP Rig

• تابع ترجمه The translate function

• تابع صادرات The export function

• چگونه می توان به WP Rig کمک کرد How to contribute to WP Rig

• ادامه کار با WordPress و WP Rig Going further with WordPress and WP Rig