لا أعتقد بأن هناك شخص واحد لديه جهاز متصل بالانترنت في هذا الكوكب لم يسمع بالضجة الأخيرة التي حصلت بسبب "الذكاء الاصطناعي"، فكما رأينا هناك العشرات من برامج وتطبيقات الذكاء الاصطناعي في مجالات الرسم والتصميم والكتابة وغيرها.
أحد أبرز برامج الذكاء الاصطناعي والذي نال شهرة كبيرة هو برنامج ChatGPT، والذي يقدم إجابات لأسئلتك بمساعدة الذكاء الاصطناعي، ويستطيع عمل حوارات كاملة، ويدعم الكثير من اللغات من بينها اللغة العربية.
وكمصممين مواقع ووردبريس، يمكننا الاستفادة من هذا البرنامج في أمور كثيرة مثل تخطيط هيكلية الموقع وكتابة محتوى الموقع وغير ذلك، لكن ما أريد الحديث عنه في هذا الموضوع هو كيفية الاستفادة من ChatGPT في كتابة أكواد برمجية وعمل إضافة Plugin لووردبريس.
سنبدأ بكتابة كود لعمل تعديلات على صفحة الدفع في متجر ووكومرس:
لنفترض بأن لدي متجر لبيع الدراجات الهوائية واكسسواراتها، لكن لا يعجبني تسميات بعض الحقول في صفحة الدفع، لذلك أريد تغيير تسمية "الاسم الأول" بـ "اسمك" و"الاسم الأخير" بـ "اسم عائلتك" 
سأطلب من برنامج ChatGPT كتابة كود لتغيير هذه التسميات:
وهكذا كان رد ChatGPT
كما ترون لم يكتفي البرنامج بكتابة الكود فقط وإنما أخبرني أين يجب أن أضع هذا الكود، فلنجرب الكود ولنرى إذا كان يعمل
سأضع الكود في ملف functions.php وأستبدل داخل الكود "الاسم الأول" ب "اسمك" و"الاسم الثاني" ب "اسم عائلتك" هكذا:
والآن إذا عدنا إلى صفحة الدفع وحدثنا الصفحة، سنجد بأن هذه التسميات قد تغيرت كما أردت
الآن سأطلب من البرنامج كتابة كود يضيف شارة "جديد" لصفحة المنتجات التي تم إضافتها في آخر 24 ساعة ثم بمساعدة ChatGPT سنحول هذا الكود إلى إضافة يمكن تثبيتها على أي موقع نريده.
حاولت طلب هذا الكود باللغة العربية لكن البرنامج لم يعطيني نتائج صحيحة أبداً، لذلك يفضل طلب الأكواد باللغة الإنجليزية دائماً.
كتبت بالانجليزية الرسالة هذه
فأعطاني البرنامج هذا الكود
لكن هذا الكود يضيف الشارة على المنتجات، وأنا أريد أن تظهر الشارة في صفحة كل منتج تم نشره في آخر 24 ساعة، لذلك طلبت من البرنامج إضافة الشارة لصفحة المنتجات
فأعطاني البرنامج الكود الصحيح هذه المرة
لنقم بتجربته بنسخه في ملف functions.php ونستبدل كلمة “new” بـ "جديد"
الآن سندخل لصفحة منتج تم نشره في آخر 24 ساعة لنرى النتيجة:
كما ترون ظهرت شارة "جديد" في صفحة المنتج
لنقم الآن بتنسيقها ببعض أكواد CSS بمساعدة ChatGPT
سأطلب من البرنامج إضافة خلفية زرقاء للشارة مع هوامش بقيمة 10 بيكسل
فأعطاني البرنامج هذا الكود
لنستبدل به الكود السابق
فتكون النتيجة الرائعة هكذا:
الآن لنطلب من البرنامج تحويل هذا الكود إلى بلجن ووردبريس بحيث نستطيع استخدامه على أي موقع بدون التعديل على ملفات القالب:
فيعطينا البرنامج الكود الذي يجب أن نضعه في بداية ملف الإضافة،
لكي ننشئ إضافة ووردبريس، سننشئ مجلد جديد ونسميه بأي اسم نريده وليكن "شارة جديد للمنتجات"
ثم نفتح المجلد وننشئ بداخله ملف نصي ونعطيه الاسم مع اللاحقة هذه WC New Product Label.php
نفتح هذا الملف ونضع بداخله كود الإضافة مع الكود السابق هكذا:
تسجيل الدخول لعرض الكود
نحفظ الملف، ثم نضغط مجلد القالب بصيغة zip
الآن نثبت الإضافة ونفعلها، لكن لا ننسى حذف كود إضافة الشارة من ملف functions.php لكي لا يحصل تعارض بينه وبين كود الإضافة
بعد تفعيل الإضافة، سنجد أن شارة جديد قد ظهرت مرة أخرى على جميع المنتجات التي نشرت في آخر 24 ساعة.
الخلاصة:
من تجربتي فالبرنامج لا يعطي دائما الإجاية الصحيحة من البداية، وهنا يجب المحاولة أكثر من مرة داخل المحادثة لكي يفهم البرنامج ما الذي تريده بالضبط، وطبعاً تحتاج إلى بعض أساسيات البرمجة لكي تكون قادراً على تمييز فيما إذا كان هذا الكود الذي يكتبه البرنامج هو الكود الصحيح أم لا.
لا حدود هنا للاستفادة من هذا البرنامج في إضافة مميزات لمواقع الووردبريس، لذلك فسؤالي لكم: هل استخدمتم الذكاء الاصطناعي في تصميم وإنشاء المواقع الإلكترونية، كيف كانت تجربتكم؟
