إنشاء مكونات إضافية لـ WordPress باستخدام Node.js

1. تثبيت Node.js وnpm:
- تأكد من تثبيت Node.js على جهازك. إذا لم يكن الأمر كذلك، فقم بتنزيله وتثبيته من موقع Node.js الرسمي[1][2].

2. إعداد مكون إضافي لـ Starter Block :
- انتقل إلى دليل "wp-content/plugins" الخاص بتثبيت التطوير المحلي لديك. بعد ذلك، قم بتشغيل الأمر `npx @wordpress/create-block` لدعم مكون إضافي للكتلة. ينشئ هذا الأمر كل التعليمات البرمجية اللازمة لبدء المشروع ويدمج إعداد بناء JavaScript حديث دون الحاجة إلى تكوين[3][4].

3. تكوين المكون الإضافي للكتلة:
- يطالبك أمر "إنشاء كتلة" بإدخال الإدخالات خطوة بخطوة. يمكنك أيضًا استخدام وضع البدء السريع لتمرير خيارات محددة مباشرة في سطر الأوامر، مما يلغي الحاجة إلى المطالبات التفاعلية[4].

4. إنشاء وتشغيل المكون الإضافي للكتلة:
- قم بتشغيل npm start لبدء خادم التطوير وإعادة بناء الكتلة تلقائيًا عند اكتشاف أي تغيير في التعليمات البرمجية. عندما تكون جاهزًا لنشر الكتلة الخاصة بك، استخدم `npm run build` لتحسين التعليمات البرمجية الخاصة بك وجعلها جاهزة للإنتاج[4].

5. التكامل مع ووردبريس :
- تفعيل البرنامج المساعد الذي تم إنشاؤه في ووردبريس. وهذا سيجعل الكتلة متاحة في المحرر[4].

6. تخصيص الكتلة وتوسيعها:
- قم بتعديل الكود المعياري لتخصيص الكتلة وتوسيعها حسب الحاجة. يتضمن ذلك استخدام جافا سكريبت الحديثة (ESNext وJSX) والاستفادة من حزمة "wp-scripts" لمهام الإنشاء والفحص[4].

باتباع هذه الخطوات، يمكنك إنشاء وإدارة المكونات الإضافية للكتل المخصصة لـ WordPress باستخدام Node.js وحزمة `@wordpress/create-block`.