توضیحات

آموزش ساخت بلوک‌های سفارشی وردپرس (Gutenberg) با استفاده از React و PHP

نام دوره : WordPress Gutenberg Block Development with React JS and PHP

پیش‌نیازها

• آشنایی مقدماتی با ویرایشگر بلوکی وردپرس (Gutenberg)
• آشنایی اولیه با React.js می‌تواند مفید باشد
• علاقه به توسعه افزونه‌ها و قابلیت‌های سفارشی در وردپرس
• تمامی مفاهیم موردنیاز در طول دوره آموزش داده می‌شوند

توضیحات دوره

اگر می‌خواهید به یک توسعه‌دهنده حرفه‌ای وردپرس تبدیل شوید و فراتر از قالب‌ها و افزونه‌های آماده حرکت کنید، یادگیری ساخت بلوک‌های سفارشی Gutenberg یکی از مهم‌ترین مهارت‌هایی است که باید کسب کنید.

در این دوره جامع، توسعه بلوک‌های سفارشی وردپرس را با استفاده از React و PHP به‌صورت کاملاً عملی یاد خواهید گرفت.

به جای کار روی مثال‌های ساده و تئوری، یک کتابخانه بلوک حرفه‌ای و واقعی به نام “Blockylicious” را از ابتدا طراحی و پیاده‌سازی می‌کنیم.

در طول دوره، پنج بلوک سفارشی و کاربردی برای وردپرس ساخته می‌شود که می‌توانند در پروژه‌های واقعی مورد استفاده قرار گیرند.

بلوک‌هایی که در این دوره توسعه خواهید داد

Curvy

ایجاد جداکننده‌های منحنی و زیبا برای بخش‌بندی حرفه‌ای محتوا و طراحی صفحات مدرن.

Piccy Gallery و Piccy Image

ساخت گالری تصاویر تعاملی و حرفه‌ای که تجربه کاربری سایت را بهبود می‌بخشد.

Clicky Group و Clicky Button

طراحی مجموعه دکمه‌های هوشمند که به صفحات مختلف سایت متصل می‌شوند و قابلیت مدیریت پیشرفته لینک‌ها را فراهم می‌کنند.

در دوره آموزش ساخت بلوک‌های سفارشی وردپرس (Gutenberg) با استفاده از React و PHP چه چیزهایی یاد می‌گیرید؟

کار با React در وردپرس

• آشنایی با ساختار React در محیط Gutenberg
• ساخت کامپوننت‌های حرفه‌ای برای بلوک‌های سفارشی
• مدیریت State و داده‌ها در بلوک‌ها
• تعامل React با APIهای وردپرس

توسعه بلوک‌های سفارشی

• ایجاد بلوک‌های اختصاصی از صفر
• مدیریت داده‌های سفارشی بلوک‌ها
• ساخت پنل‌های تنظیمات اختصاصی
• دریافت اطلاعات نوشته‌ها و صفحات وردپرس
• ایجاد Toolbarهای سفارشی
• استفاده از امکانات داخلی Gutenberg

بلوک‌های Static و Dynamic

• تفاوت بلوک‌های استاتیک و داینامیک
• مزایا و معایب هر روش
• انتخاب بهترین ساختار برای پروژه‌های واقعی
• پیاده‌سازی بلوک‌های داینامیک با PHP

Block Variations

یاد می‌گیرید چگونه نسخه‌های مختلفی از یک بلوک ایجاد کنید؛ مانند:

• Curvy استاندارد
• Curvy Top
• Curvy Bottom

بدون نیاز به ساخت چندین بلوک مجزا.

Block Transforms

• تبدیل پاراگراف‌های معمولی به بلوک‌های سفارشی
• طراحی فرآیندهای تبدیل محتوا با React
• افزایش سرعت تولید محتوا برای کاربران سایت

سفارشی‌سازی بلوک‌ها

• تعریف آیکون اختصاصی
• ایجاد دسته‌بندی‌های سفارشی
• مدیریت Metadata بلوک‌ها
• شخصی‌سازی کامل تجربه کاربری ویرایشگر

کار با Inner Blocks

• ساخت بلوک‌های والد و فرزند
• مدیریت ساختارهای تو در تو
• رندر کردن صحیح Inner Blocks
• ایجاد بلوک‌های چندلایه و پیشرفته

محدودسازی بلوک‌ها

یاد می‌گیرید چگونه تعیین کنید که هر بلوک فقط در مکان مشخصی استفاده شود.

برای مثال:

• بلوک Clicky Button فقط بتواند داخل Clicky Group قرار گیرد.
• محدود کردن ساختار صفحات برای جلوگیری از خطاهای کاربران.

ساخت بلوک‌های تعاملی

• استفاده از JavaScript و React برای ایجاد تعاملات پویا
• ساخت بلوک‌هایی که به عملکرد کاربران واکنش نشان می‌دهند
• ایجاد تجربه کاربری مدرن در ویرایشگر وردپرس

پیش‌نمایش بلوک‌ها

• استفاده از قابلیت Example در فایل block.json
• نمایش پیش‌نمایش حرفه‌ای بلوک‌ها قبل از درج در صفحه

استایل‌دهی حرفه‌ای

• استفاده از فایل‌های CSS اختصاصی
• مدیریت استایل‌ها از طریق block.json
• بهره‌گیری از theme.json
• پیاده‌سازی بهترین روش‌های طراحی بلوک‌های Gutenberg

مزایای این دوره

این دوره صرفاً آموزش چند قطعه کد نیست؛ بلکه شما را با معماری واقعی توسعه Gutenberg آشنا می‌کند. پس از پایان دوره می‌توانید کتابخانه‌های بلوک اختصاصی برای مشتریان یا پروژه‌های خود ایجاد کنید و قابلیت‌های منحصربه‌فردی به وردپرس اضافه نمایید.

همچنین درک عمیقی از نحوه عملکرد React در وردپرس، ساختار داخلی Gutenberg و توسعه افزونه‌های مدرن به دست خواهید آورد که مهارتی بسیار ارزشمند در بازار کار توسعه وردپرس محسوب می‌شود.

دوره آموزش ساخت بلوک‌های سفارشی وردپرس (Gutenberg) با استفاده از React و PHP مناسب چه کسانی است؟

• توسعه‌دهندگان وردپرس
• برنامه‌نویسان PHP
• توسعه‌دهندگان React که قصد ورود به اکوسیستم وردپرس را دارند
• طراحان قالب و افزونه وردپرس
• فریلنسرهای حوزه طراحی سایت
• افرادی که می‌خواهند بلوک‌های کاملاً سفارشی برای Gutenberg ایجاد کنند
• توسعه‌دهندگانی که قصد دارند قابلیت‌های حرفه‌ای و منحصربه‌فردی به وب‌سایت‌های وردپرسی اضافه کنند

بخشی از دوره :