دوره آموزشی وردپرس: توسعه بلوک ها با گوتنبرگ
1 ساعت 49 دقیقهمتوسط2019-05-24
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
گوتنبرگ، محیط ویرایش مبتنی بر بلوک که در WordPress 5.0 معرفی شده است، تجربه ویرایش سادهتری را به طراحان میدهد. وردپرس با قرار دادن هر قسمت از محتوا در بلوک خود (که هر کدام دارای ویژگی های منحصر به فرد خود است) ایجاد طرح بندی های انعطاف پذیر و منحصر به فرد را برای کاربران آسان تر کرده است. و - با مقداری جاوا اسکریپت، CSS و PHP - میتوانید با ایجاد بلوکهای سفارشی، کنترل بیشتری بر تجربه ویرایش و انتشار داشته باشید. در این دوره، Morten Rand-Hendriksen به شما نشان می دهد که چگونه این کار را انجام دهید. پس از بررسی اصول اولیه ساخت بلوک، او نحوه استفاده و گسترش ویژگی های بلوک، از جمله نحوه اضافه کردن تغییرات سبک به بلوک های سفارشی را نشان می دهد. به علاوه، او نحوه ایجاد بلوکهای پویا را نشان میدهد که از WordPress REST API برای بیرون کشیدن محتوا از پایگاه داده و نمایش آن در یک بلوک استفاده میکنند.
اهداف یادگیری
آناتومی یک بلوک پایه
استفاده از ویژگی ها برای جمع آوری داده ها
یافتن و استفاده از اجزاء
افزودن ترازهای بلوک عریض و کامل
افزودن تغییرات سبک به بلوک های سفارشی
ایجاد یک بلوک پویا
اهداف یادگیری
آناتومی یک بلوک پایه
استفاده از ویژگی ها برای جمع آوری داده ها
یافتن و استفاده از اجزاء
افزودن ترازهای بلوک عریض و کامل
افزودن تغییرات سبک به بلوک های سفارشی
ایجاد یک بلوک پویا
مهارت ها
WordPressContent Management Systems (CMS)Web DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - ساخت بلوک های سفارشی وردپرس
- 02 - مروری بر دوره و پیش نیازها
- 03 - استفاده از فایل های تمرینی GitHub
1. شروع به کار
- 04 - محیط توسعه توسعه دهنده را مسدود کنید
- 05 - نمونه پروژه پیاده روی
- 06 - podkit.php - قلب پلاگین
- 07 - وابستگی ها را نصب کرده و افزونه را تست کنید
- 08 - نوار کناری - یک رویکرد عملی به بلوک ها
2. مبانی ساخت بلوک
- 09 - آناتومی یک بلوک پایه
- 10 - یک قسمت RichText قابل ویرایش اضافه کنید
- 11 - از ویژگی ها برای گرفتن داده ها استفاده کنید
- 12 - یک تابع برای به روز رسانی فیلد ایجاد کنید
- 13 - نوار کناری - محدوده بندی غرفه ها
- 14 - آپلود رسانه را به بلوک اضافه کنید
- 15 - نحوه یافتن و استفاده از کامپوننت ها
3. استفاده و گسترش ویژگی های بلوک
- 16 - اضافه کردن ترازهای بلوک - گسترده و کامل
- 17 - یک نوار ابزار تراز به بلوک اضافه کنید
- 18 - کنترل های بازرس را در نوار کناری اضافه کنید
- 19 - سبک های بلوک را اضافه کنید
4. یک بلوک پویا ایجاد کنید
- 20 - یک پست از پایگاه داده واکشی کنید
- 21 - پاسخ پست را بررسی کنید و بازده ویرایش را ایجاد کنید
- 22 - بلاک دینامیک را با استفاده از PHP ذخیره کنید
- 23 - پاسخ REST API را اصلاح کنید
- 24 - یک تصویر برجسته مشروط اضافه کنید
نتیجه
- 25 - مراحل بعدی در سفر یادگیری
دوره های مرتبط
- دوره آموزشی راهکارهای بدون کدنویسی برای وبسایتها و اپلیکیشنها
- دوره آموزشی ارتقای پروژههای وردپرس قدیمی: بهروز کردن روندهای کاری و کدها
- دوره آموزشی ایجاد و مدیریت یک وردپرس چندسایته (Multisite)
- دوره آموزشی افزونههای سفارشی وردپرس: طراحی، توسعه و توزیع
- دوره آموزشی پی اچ پی برای وردپرس
- دوره آموزشی یادگیری جامع وردپرس
- دوره آموزشی وردپرس: تسلط بر ویرایش کامل سایت
- دوره آموزشی سئوی تکنیکال وردپرس