ووردبريس

كلود كود + دليل إعداد استوديو ووردبريس


هل تريد إنشاء ملحقات WordPress باستخدام الذكاء الاصطناعي؟

يوضح لك هذا الدليل كيفية إعداد Claude Code وWordPress Studio لإنشاء مكونات إضافية فعالة مع مطالبات نصية.

كلود كود هو مساعد برمجة الذكاء الاصطناعي في Anthropic. WordPress Studio عبارة عن بيئة WordPress محلية مجانية. معًا، يتيحون لك الانتقال من الفكرة إلى مكون إضافي فعال في دقائق معدودة – دون الحاجة إلى معرفة عميقة بالبرمجة.

تغطي هذه الإرشادات الإعداد الكامل وتوضح لك كيفية إنشاء أول مكون إضافي لك.

1. قم بتثبيت كود كلود

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

قم بتشغيل برنامج التثبيت الأصلي من صفحة الإعداد واتبع التعليمات التي تظهر على الشاشة لإكمال التثبيت.

يستمر التثبيت لمدة دقيقة أو دقيقتين. عند الانتهاء، يصبح Claude Code جاهزًا للاستخدام.

2. قم بتثبيت ستوديو ووردبريس

تحميل ستوديو ووردبريس – إنه مجاني تمامًا ويعمل على نظامي التشغيل Mac وWindows.

قم بتثبيته، ثم قم بإنشاء موقع جديد. أعطه أي اسم تريده – على سبيل المثال، “موقع الويب الخاص بي على WordPress” يعمل بشكل جيد.

لقطة شاشة لموقع WordPress Studio.

نظرًا لأن Studio يعمل محليًا على جهاز الكمبيوتر الخاص بك، فإن كل ما تقوم بإنشائه يظل موجودًا بشكل آمن على جهازك – حتى تتمكن من تجربة المكونات الإضافية التي تم إنشاؤها بواسطة الذكاء الاصطناعي دون المخاطرة بموقع ويب مباشر.

3. ابدأ تشغيل كود كلود

باستخدام فتح في… الخيارات في علامة التبويب نظرة عامة في الاستوديو، انقر فوق صالة. سيؤدي هذا إلى فتح نافذة طرفية في موقع ملف مشروعك.

لقطة شاشة لشاشة نظرة عامة على WordPress Studio.

ثم اكتب claude. إذا كانت هذه هي المرة الأولى لك، فستتم مطالبتك بتسجيل الدخول إلى حساب Claude الخاص بك والتأكيد على ثقتك في الملفات الموجودة في هذا المجلد.

انقر أدخل/عودة على لوحة المفاتيح للوثوق بالمجلد, وستظهر لك رسالة الترحيب.

لقطة شاشة لرسالة الترحيب بكلود كود.

4. قم ببناء أول مكون إضافي لك

في محطة كلود، قم بوصف ما تريد. أعطها بعض السياق حول مكان وجودك وما تحتاجه. على سبيل المثال:

“نحن في جذر مجلد موقع WordPress. أريد مكونًا إضافيًا بسيطًا يطبع عبارة “Hello”. [Your Name]”في إدارة الموقع.”

لقطة شاشة لمطالبة تعليمات لكلود كود لإنشاء مكون إضافي.

من هنا، سيطرح كلود بعض أسئلة المتابعة، وينشئ مجلدًا للمكونات الإضافية، وينشئ ملف المكونات الإضافية الكامل باستخدام بنية WordPress المناسبة.

لقطة شاشة لرسالة تأكيد إنشاء البرنامج المساعد Claude Code.

5. التنشيط والاختبار

ارجع إلى ستوديو ووردبريس وافتح مسؤول WordPress الخاص بك. انتقل إلى المكونات الإضافية، وابحث عن المكون الإضافي الجديد، وقم بتنشيطه.

لقطة شاشة لصفحة المكونات الإضافية في WordPress Admin.

إذا كان المكون الإضافي يعمل بشكل صحيح، فستظهر رسالتك المخصصة في الجزء العلوي من منطقة الإدارة – في حالتنا، تظهر “Hello Nick” كإشعار إداري.

إذا لم تقم بتغيير اسمك، فقد ترى عبارة “مرحبًا بالمسؤول”. ما عليك سوى الانتقال إلى قائمة المستخدمين وتغيير اسم المستخدم الافتراضي لديك.

لقطة شاشة توضح مخرجات البرنامج الإضافي الذي تم إنشاؤه باستخدام Claude Code.

هذا هو أبسط مكون إضافي ممكن، ولكنه يوضح مدى السرعة التي يمكنك إنشاؤها باستخدام Claude وWordPress.

6. استمر في البناء

ومن هنا يمكنك إضافة المزيد من الميزات.

ارجع إلى الوحدة الطرفية في محررك واطلب من Claude إضافة وظائف جديدة – صفحات الإعدادات، والكتل المخصصة، وكل ما تحتاجه.

كما هو الحال مع أي أداة للذكاء الاصطناعي، فإن تجربة المطالبة ستساعدك على تحقيق نتائج أفضل:

  • أعط سياقًا لكلود حول مكان وجودك في بنية الملف
  • كن محددًا بشأن ما تريد أن تفعله الميزة
  • قم بتقسيم الميزات المعقدة إلى خطوات أصغر
  • اطلب من كلود شرح الكود الذي تم إنشاؤه إذا كان هناك شيء غير منطقي

نصيحة إضافية: Telex – بديل لكتل ​​WordPress

التلكس هي أداة فريدة أخرى تساعدك على إنشاء كتل WordPress باستخدام الذكاء الاصطناعي – وهي مجانية الاستخدام تمامًا.

ما عليك سوى وصف كتلة WordPress التي تريدها، وستقوم Telex بإنشائها من خلال معاينة مباشرة في WordPress Playground.

لقطة شاشة لمولد قوالب WordPress المدعوم من Telex AI.

اختبره وقم بتحسينه من خلال مطالبات المتابعة، ثم قم بتنزيله كمكون إضافي وتثبيته على موقع WordPress الخاص بك.

لقطة شاشة لكتلة جدول التسعير التي تم إنشاؤها باستخدام Telex.

أنت جاهز للبناء باستخدام الذكاء الاصطناعي

لديك الآن إعداد مدعوم بالذكاء الاصطناعي لإنشاء مكونات إضافية لموقع WordPress الخاص بك.

  • قم بوصف البرنامج الإضافي الذي ترغب في إنشائه، وشاهد كلود وهو ينشئ كود العمل داخل ملفك ستوديو ووردبريس موقع.
  • تجربة مع التلكس لإنشاء كتل WordPress كاملة.
  • استمر في التجربة وتجربة أشياء جديدة.

ابدأ بالبساطة، ثم تعامل مع المشاريع الأكثر تعقيدًا عندما تشعر بالراحة.

وإذا قمت ببناء شيء ممتع، شاركه في التعليقات – فنحن نود أن نرى ما تصنعه.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى