دوره آموزشی وردپرس: توسعه بلوک ها با گوتنبرگ
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 - مراحل بعدی در سفر یادگیری
دوره های مرتبط
- دوره آموزشی یادگیری جامع سایت WordPress.com
- دوره آموزشی نصب و اجرای وردپرس: Local by FlyWheel
- دوره آموزشی ساخت یک سایت وردپرس Headless با گتسبی
- دوره آموزشی وردپرس: سرعت بخشیدن به سایت
- دوره آموزشی وردپرس: درک پارادايم جديد
- دوره آموزشی وردپرس: بین المللی سازی (2016)
- دوره آموزشی وردپرس: سفارشی سازی تم های ووکامرس
- دوره آموزشی وردپرس: توسعه افزونهها
مسیرهای مرتبط
- مسیر آموزشی شروع کار با وردپرس
- مسیر آموزشی شروع کار با PHP
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی مهارت های تجارت الکترونیک وردپرس خود را بسازید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده وب
- مسیر آموزشی توسعه مهارت های تولید محتوا و کمپین خود برای بازاریابی
- مسیر آموزشی مهارت های پی اچ پی خود را ارتقا دهید
- مسیر آموزشی مهارت های بازاریابی رسانه های اجتماعی خود را توسعه دهید