لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش وردپرس: ایجاد بلوک با گوتنبرگ
WordPress: Developing Blocks with Gutenberg
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
گوتنبرگ ، محیط ویرایش مبتنی بر بلاک که در وردپرس 5.0 معرفی شده ، تجربه ویرایش ساده تری را به طراحان می دهد. وردپرس با قرار دادن هر محتوا در بلاک خود (هر یک از ویژگی های منحصر به فرد خود) ایجاد چیدمان های انعطاف پذیر و منحصر به فرد را برای کاربران آسان کرده است. و —با استفاده از برخی JavaScript ، CSS و PHP — می توانید با ایجاد بلوک های سفارشی ، کنترل بیشتری بر تجربه ویرایش و انتشار داشته باشید. در این دوره ، Morten Rand-Hendriksen به شما نشان می دهد که چگونه این کار را انجام دهید. وی پس از مرور اصول ساخت بلوک ، نحوه استفاده و گسترش ویژگیهای بلوک ، از جمله نحوه افزودن تغییرات سبک به بلوکهای سفارشی را نشان می دهد. به علاوه ، او نحوه ایجاد بلوک های پویا را نشان می دهد ، که با استفاده از WordPress REST API محتوا را از یک پایگاه داده بیرون می کشد و آن را در داخل یک بلوک نمایش می دهد.
موضوعات شامل:
آناتومی یک بلوک اساسی li>
استفاده از ویژگی ها برای گرفتن داده li>
یافتن و استفاده از م componentsلفه ها li>
افزودن ترازهای بلوک های گسترده و کامل li>
افزودن تغییرات سبک به بلوک های سفارشی li>
ایجاد یک بلوک پویا li>
سرفصل ها و درس ها
مقدمه
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
مربی کارکنان ارشد، سخنران، طراح وب و توسعهدهنده نرمافزار
مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعهدهنده نرمافزار است.
مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوریهای نوظهور و اخلاق فناوری را پوشش میدهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانسهای حرفهای در سرتاسر جهان بوده است، راهحلهای طراحی ظاهری مبتنی بر استانداردها را میسازد و به دیگران آموزش میدهد که چگونه از وب بیشترین بهره را ببرند.
مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.
نمایش نظرات