تطوير مكونات ووردبريس

كيفية إنشاء أول مكون من خلال استخدام WP Create Block.

• تطوير أول مكون ووردبريس (فيديو، يفتح في نافذة جديدة)
• توثيق WordPress/Create-Block (رابط، يفتح في نافذة جديدة)

شرح اضافي حول ملف block.json، وكيفية اضافة خصائص جديدة للمكون مثل string attribute. كيفية حفظ وعرض الخصائص الجديدة. كما تم اضافة دعم لخاصية اللون للمكون.

• WordPress Block String Attributes (فيديو، يفتح في نافذة جديدة)
• كود المكون (كود، يفتح في نافذة جديدة)

تم استعراض COLOR CONTROLS مثل ColorPicker و ColorPalette و PanelColorSettings. وكيفية تطبيق هذه الألوان على عناصر بداخل المكون.

• WordPress Block Color Controls (فيديو، يفتح في نافذة جديدة)
• توثيق Panel Color Settings (كود، يفتح في نافذة جديدة)

نتعلم معاً حول Block Controls المختلفة مثل Range Control، URL Input, Toggle Control وغيرها من خلال إنشاء مكون جديد باسم Article Resource

• إنشاء مكون article resource (فيديو، يفتح في نافذة جديدة)

تعلم المزيد حول موضوعات تطوير مكونات ووردبريس، من أهمها Toolbar Group و Toolbar Button وأيضاً المزيد حول Select Controls و Dropdown Controls. كما سنتعلم حول استخدام Rich Text من خلال إنشاء مكون صورة ونص.

• إنشاء مكون Image Text (فيديو، يفتح في نافذة جديدة)

إذا اردنا اضافة مكونات من ووردبريس بداخل المكون الخاص بنا، فيمكننا استخدام Inner Blocks، كما يمكن تحديد المكونات التي يمكن اضافتها. أيضاً سنتعلم كيفية عرض المكون باستخدام خاصية render callback.

• إنشاء مكون dynamic (فيديو، يفتح في نافذة جديدة)

خطوات إنشاء إضافة مكون ووردبريس، بدءًا من إعداد الملف الأساسي، وتسجيل الإضافة، واختيار الأيقونة، وصولاً إلى إضافة POST META وعرضها في قاعدة البيانات.

• Plugin Sidebar & Post Meta (فيديو، يفتح في نافذة جديدة)

مكون يستخدم مع اضافة ووكومرس للمتاجر الالكترونية. الهدف منه هو توليد كوبون معين بخصائص معينة عند الطلب أو عندما يقوم الزائر بزيارة الصفحة.

• اضافة توليد الكوبونات ووكومرس 1 (فيديو، يفتح في نافذة جديدة)
• اضافة توليد الكوبونات ووكومرس 2 (فيديو، يفتح في نافذة جديدة)
• مكون ووردبريس – كوبون عند الطلب 1 (فيديو، يفتح في نافذة جديدة)