ابنِ موقعك كاملاً بالذكاء الاصطناعي بجملة واحدة بقالب أسباب (الدرس 4)

الصورة الرمزية لـ asbab

·

·

قراءة 3 دقائق

الدرس 4: موقع كامل بجملة واحدة بالذكاء الاصطناعي وقالب أسباب

في الدرس الرابع من سلسلة شرح قالب أسباب نربط الذكاء الاصطناعي بموقعك، ثم نطلب منه بجملة واحدة أن يبني موقعاً كاملاً لعيادة أسنان: الصفحة الرئيسية، والألوان والخطوط، والقائمة، وبيانات التواصل. كل ذلك بدون سطر كود واحد. تحتاج قالب أسباب مفعّلاً (الدرس الأول)، ويُفضّل أن تعرف معالج الإعداد.

الدرس بالفيديو (دقيقتان و20 ثانية)

ماذا يستطيع الذكاء الاصطناعي أن يفعل في موقعك؟

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

قبل أن تبدأ

  • ووردبريس 6.9 أو أحدث.
  • قالب أسباب مفعّل بترخيص.
  • حساب في Claude أو ChatGPT يدعم الموصلات (Connectors).

الخطوة 1: فعّل ربط الذكاء الاصطناعي

من لوحة التحكم افتح أسباب ← ربط الذكاء الاصطناعي، وضع علامة على السماح لتطبيقات الذكاء الاصطناعي بالاتصال بهذا الموقع. يُحفظ الخيار تلقائياً.

تفعيل ربط الذكاء الاصطناعي في قالب أسباب

الخطوة 2: اختر تطبيقك وانسخ الرابط

اختر Claude أو ChatGPT أو Claude Code، ثم انسخ اسم الاتصال ورابط خادم MCP بزر النسخ.

نسخ اسم الاتصال ورابط MCP لـ Claude

الخطوة 3: أضف الموصل في Claude

  1. في Claude افتح الإعدادات ← الموصلات واضغط إضافة موصل مخصص.
  2. الصق الاسم والرابط، واترك حقول OAuth المتقدمة فارغة، ثم اضغط إضافة.
  3. اضغط اتصال، فيفتح موقعك في المتصفح. سجّل الدخول واضغط سماح.

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

الخطوة 4: اكتب طلبك بكلماتك

صمّم لي موقعاً لعيادة أسنان اسمها «ابتسامة» في الرياض، فيه الخدمات والأسعار والحجز عبر واتساب.

يبدأ الذكاء الاصطناعي العمل خطوة بخطوة: ينشئ الصفحة الرئيسية من تخطيطات العيادة، ويضبط الألوان والخط، ويكتب نصوص الخدمات والأسعار، ويرتّب القائمة، ويضيف رقم واتساب.

موقع عيادة أسنان بناه الذكاء الاصطناعي بقالب أسباب
النتيجة: موقع «عيادة ابتسامة» كاملاً ومتجاوباً مع الجوال.

عدّل أي شيء بطلب واحد

بعد البناء اطلب التعديلات بالطريقة نفسها، مثل: «غيّر اللون إلى الأزرق وفعّل الوضع الليلي»، أو «عدّل رقم واتساب»، أو «أضف صفحة من نحن».

تعديل اللون والوضع الليلي بطلب واحد

أمثلة طلبات جاهزة

  • «اعرض لي نظرة عامة على موقعي.»
  • «أنشئ صفحة رئيسية لصالون تجميل في جدة واجعلها الصفحة الرئيسية.»
  • «غيّر لون الهوية إلى ‎#0878B0 واستخدم خط تجوال.»
  • «أضف إلى القائمة: الخدمات، الأسعار، تواصل معنا.»
  • «اعرض لي آخر رسائل نموذج التواصل.»

هل هذا آمن؟

نعم. الذكاء الاصطناعي يعمل بصلاحيات مستخدمك أنت، ولا يتصل بموقعك إلا بعد أن تضغط «سماح». ويمكنك فصل أي تطبيق متصل في أي وقت من قسم التطبيقات المتصلة في صفحة الربط.

إذا لم يعمل الاتصال

بعض الاستضافات، مثل Hostinger، فيها جدار حماية قد يحجب طلبات خوادم شركات الذكاء الاصطناعي. اطلب من دعم استضافتك السماح بالطلبات إلى /.well-known/ و/wp-json/ من خدمات مثل Anthropic وOpenAI، وتأكد أن إضافات الكاش لا تخزّن /wp-json/.

أسئلة شائعة

هل أحتاج اشتراكاً مدفوعاً في Claude أو ChatGPT؟

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

هل يمكن أن يحذف الذكاء الاصطناعي شيئاً من موقعي؟

أدوات قالب أسباب تنشئ وتعدّل فقط، ولا تتضمن حذف الصفحات. ويُفضّل دائماً أخذ نسخة احتياطية قبل التعديلات الكبيرة.

هل يعمل مع ChatGPT أيضاً؟

نعم. في صفحة الربط تبويب خاص بـ ChatGPT فيه خطوات تفعيل وضع المطور وإضافة الموصل.

هل أستطيع تعديل ما بناه بنفسي بعد ذلك؟

بالتأكيد. كل ما يبنيه مكوّن من بلوكات ووردبريس عادية، فتعدّله من محرر الصفحات كما تشاء.

تابع السلسلة

الدرس التالي: مكتبة أنماط قالب أسباب: ابنِ أي صفحة في دقائق. لم تشترِ قالب أسباب بعد؟ الخصم متاح حتى 18 ديسمبر: شاهد الأسعار أو جرّب العرض الحي.

الصورة الرمزية لـ asbab

بقلم

اترك تعليقاً

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

تابع القراءة