آموزش وردپرس: ایجاد بلوک با گوتنبرگ

WordPress: Developing Blocks with Gutenberg

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: گوتنبرگ ، محیط ویرایش مبتنی بر بلاک که در وردپرس 5.0 معرفی شده ، تجربه ویرایش ساده تری را به طراحان می دهد. وردپرس با قرار دادن هر محتوا در بلاک خود (هر یک از ویژگی های منحصر به فرد خود) ایجاد چیدمان های انعطاف پذیر و منحصر به فرد را برای کاربران آسان کرده است. و —با استفاده از برخی JavaScript ، CSS و PHP — می توانید با ایجاد بلوک های سفارشی ، کنترل بیشتری بر تجربه ویرایش و انتشار داشته باشید. در این دوره ، Morten Rand-Hendriksen به شما نشان می دهد که چگونه این کار را انجام دهید. وی پس از مرور اصول ساخت بلوک ، نحوه استفاده و گسترش ویژگیهای بلوک ، از جمله نحوه افزودن تغییرات سبک به بلوکهای سفارشی را نشان می دهد. به علاوه ، او نحوه ایجاد بلوک های پویا را نشان می دهد ، که با استفاده از WordPress REST API محتوا را از یک پایگاه داده بیرون می کشد و آن را در داخل یک بلوک نمایش می دهد.
موضوعات شامل:
  • آناتومی یک بلوک اساسی
  • استفاده از ویژگی ها برای گرفتن داده
  • یافتن و استفاده از م componentsلفه ها
  • افزودن ترازهای بلوک های گسترده و کامل
  • افزودن تغییرات سبک به بلوک های سفارشی
  • ایجاد یک بلوک پویا

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

مقدمه Introduction

  • ساخت بلوک های سفارشی وردپرس Building custom WordPress blocks

  • نمای کلی دوره و پیش نیازها Course overview and prerequisites

  • با استفاده از فایل های تمرینی GitHub Using GitHub exercise files

1. شروع کار 1. Getting Started

  • محیط ساخت و ساز بلوک Block building dev environment

  • به عنوان مثال پروژه پیاده روی Example project walk-through

  • podkit.php: قلب پلاگین podkit.php: The heart of the plugin

  • وابستگی ها را نصب کنید و افزونه را آزمایش کنید Install dependencies and test the plugin

  • نوار کناری: یک رویکرد عملی برای بلوک Sidebar: A practical approach to blocks

2. مبانی ساخت بلوک 2. Block-Building Basics

  • آناتومی بلوک اساسی Anatomy of a basic block

  • یک قسمت قابل ویرایش Rich Text اضافه کنید Add an editable RichText field

  • از صفات برای گرفتن داده استفاده کنید Use attributes to capture data

  • یک تابع برای به روزرسانی زمینه ایجاد کنید Create a function to update the field

  • نوار کناری: دامنه عقب Sidebar: Props scoping

  • بارگذاری رسانه را به بلوک اضافه کنید Add media upload to the block

  • نحوه یافتن و استفاده از مؤلفه ها How to find and use components

3. استفاده و گسترش ویژگی های بلوک 3. Using and Extending Block Features

  • کنترل های بازرس را در نوار کناری اضافه کنید Add block alignments: Wide and full

  • کنترل های بازرس را در نوار کناری اضافه کنید Add an alignment toolbar to the block

  • کنترل های بازرس را اضافه کنید... Add inspector controls in the sidebar

  • سبک های بلوک را اضافه کنید Add block styles

4- یک بلوک پویا ایجاد کنید 4. Create a Dynamic Block

  • کنترل های بازرس را در نوار کناری اضافه کنید Fetch a post from the database

  • کنترل های بازرس را در نوار کناری اضافه کنید Explore the post response and build out edit return

  • کنترل های بازرس را در نوار کناری اضافه کنید Save Dynamic Block using PHP

  • کنترل های بازرس را در نوار کناری اضافه کنید Modify the REST API response

  • کنترل های بازرس را در نوار کناری اضافه کنید Add a conditional featured image

نتیجه Conclusion

  • کنترل های بازرس را در نوار کناری اضافه کنید Next steps on the learning journey

نمایش نظرات

آموزش وردپرس: ایجاد بلوک با گوتنبرگ
جزییات دوره
1h 49m
25
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
10,535
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Morten Rand-Hendriksen Morten Rand-Hendriksen

مربی کارکنان ارشد، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار

مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار است.

مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوری‌های نوظهور و اخلاق فناوری را پوشش می‌دهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانس‌های حرفه‌ای در سرتاسر جهان بوده است، راه‌حل‌های طراحی ظاهری مبتنی بر استانداردها را می‌سازد و به دیگران آموزش می‌دهد که چگونه از وب بیشترین بهره را ببرند.

مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.