كيفية البرمجة في ووردبريس باستخدام الذكاء الاصطناعي

في الماضي، كان مستخدمو WordPress الذين ليس لديهم معرفة بالبرمجة إما يقضون ساعات على Google للبحث عن إجابة أو يطلبون المساعدة من مطور ويب محترف. ومع ظهور الذكاء الاصطناعي (AI)، بدأ هذا يتغير. هناك عدد لا بأس به من أدوات مساعد التعليمات البرمجية بالذكاء الاصطناعي، ولكن ليست جميعها موجهة خصيصًا لـ WordPress. سنوضح لك في هذه المقالة كيفية البرمجة في WordPress باستخدام الذكاء الاصطناعي حتى تتمكن من توفير وقتك وأموالك التي كسبتها بشق الأنفس للقيام بمهام أخرى.

دعونا نتعمق.

ما هو الترميز بمساعدة الذكاء الاصطناعي لـ WordPress؟

الترميز بمساعدة الذكاء الاصطناعي هو استخدام نماذج الذكاء الاصطناعي التوليدية للتعلم الآلي التي تساعد في إنشاء تعليمات برمجية لـ WordPress. يسمح معظم مساعدي ترميز الذكاء الاصطناعي لمستخدمي WordPress بوصف ما يريدون أن يفعله الكود عن طريق إدخال مطالبة نصية بسيطة. من هناك، يقوم الذكاء الاصطناعي تلقائيًا بإنشاء التعليمات البرمجية لك، مع استكمال أسماء المتغيرات المخصصة أو فئات CSS.

لماذا يجب عليك البرمجة في WordPress باستخدام الذكاء الاصطناعي

الصورة التي تم إنشاؤها باستخدام Divi AI

هناك عدة أسباب للتشفير في WordPress باستخدام الذكاء الاصطناعي. أولاً وقبل كل شيء، فهو يسمح للمبرمجين المبتدئين أو أولئك الذين ليس لديهم معرفة بالبرمجة بإضافة مقتطفات كود PHP أو JavaScript التي تغير وظائف موقعك. وبالمثل، يمكن للذكاء الاصطناعي أيضًا إنشاء CSS لك، مما يسمح لك بإجراء تغييرات متقدمة في التصميم على عناصر تصميم موقعك. سبب آخر يجب أن تفكر في استخدام الذكاء الاصطناعي للبرمجة في WordPress هو استكشاف الأخطاء وإصلاحها. إذا كنت في أي وقت مضى في موقف ترى فيه شاشة الموت البيضاء أو غيرها من الأخطاء الشائعة، فيمكن أن يساعدك الذكاء الاصطناعي في معرفة مكان المشكلة، ويساعد في حلها.

ما هي فوائد البرمجة في WordPress باستخدام الذكاء الاصطناعي؟

الصورة التي تم إنشاؤها باستخدام Divi AI

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

• الحد الأدنى من منحنى التعلم: عند استخدام الذكاء الاصطناعي، فإن قضاء ساعات لا حصر لها في دروس PHP ليس ضروريًا. في الواقع، يمكن أن يتركك في حيرة وإحباط. بدلاً من ذلك، اختر القليل من مساعدة الذكاء الاصطناعي للمساعدة. من المحتمل أن تتعلم بعض الأشياء أيضًا.
• تحرير ملفات السمات: عندما تكون مصمم ويب بشكل أساسي، فقد لا تكون مرتاحًا لتحرير ملفات السمات. باستخدام الذكاء الاصطناعي، يمكنك تخفيف مشاكلك لأن المطالبة النصية يمكن أن تساعدك في إنشاء ملفات function.php التي كنت تخشى تجربتها من قبل.
• توفير المال: في الماضي، إذا كنت بحاجة إلى القيام بشيء يتطلب معرفة بالبرمجة، فستحتاج إما إلى تعلم كيفية البرمجة، وهو أمر يستغرق وقتًا طويلاً ومكلفًا في بعض الأحيان، أو الدفع لمطور للمساعدة. باستخدام الذكاء الاصطناعي، يمكنك تجنب الوسيط وتوفير المال لشيء آخر، مثل شراء المكونات الإضافية الأساسية أو سمة WordPress المتميزة.
• اجعل موقعك مميزًا: لا ينبغي لمستخدمي WordPress أبدًا أن يكونوا راضين عن موقع ويب يقطع ملفات تعريف الارتباط. إن جمال WordPress هو أنه يمكنك جعل موقعك يبدو بالطريقة التي تريدها. ومع ذلك، في بعض الأحيان قد يحتاج موقعك إلى القليل من "الجاذبية". تعد إضافة التعليمات البرمجية في WordPress باستخدام الذكاء الاصطناعي طريقة ممتازة لإضافة الرسوم المتحركة أو الوظائف الأخرى لجعل موقع الويب الخاص بك فريدًا.

كيفية البرمجة في ووردبريس باستخدام الذكاء الاصطناعي

الصورة التي تم إنشاؤها باستخدام Midjourney

هناك طريقتان يمكنك من خلالهما البرمجة في WordPress باستخدام الذكاء الاصطناعي. يمكنك استخدام أداة إنشاء صفحات الذكاء الاصطناعي مثل Elementor لإنشاء CSS مخصص أو أداة الذكاء الاصطناعي مثل CodeWP لـ PHP. حتى كتابة هذه السطور، لن يسمح لك أي مكون إضافي ببرمجة PHP داخل WordPress. ومع ذلك، تم تدريب CodeWP خصيصًا باستخدام ملفات WordPress وبنيته، لذلك فهو يعرف محتوياته. المكافأة الإضافية هي القدرة على تخزين المقتطفات في السحابة حتى تتمكن من حفظها لإعادة استخدامها.

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

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

كيفية ترميز CSS في WordPress باستخدام الذكاء الاصطناعي

يعد Elementor واحدًا من أشهر منشئي الصفحات في العالم. وفي الأشهر الأخيرة، انضموا إلى ثورة الذكاء الاصطناعي من خلال تقديم النصوص والصور وإنشاء CSS مخصص. إنه يعمل عن طريق تنشيط التحرير باستخدام زر AI في أداة إنشاء الصفحة الأمامية لـ Elementor في أي وحدة تحتوي على نص أو صور.

إنشاء CSS في Elementor AI

بالنسبة إلى إنشاء CSS، سيتعين عليك الحصول على ترخيص احترافي، ولكن يمكنك تجربة إنشاء النصوص والصور من Elementor AI في الإصدار المجاني. بعد تنشيط الإصدار الاحترافي، قم بالتمرير فوق أحد الأقسام للكشف عن زر تحرير القسم .

بعد ذلك، انقر على أيقونة متقدمة في إعدادات الأقسام.

قم بالتمرير للكشف عن علامة التبويب Custom CSS . قم بتوسيع القائمة المنسدلة لإظهار مربع CSS المخصص .

انقر فوق الزر "تحرير باستخدام AI" أعلى مربع CSS المخصص.

عندما يظهر مربع الحوار، اكتب مطالبة نصية، مثل لون الخلفية المتحرك 2 لون (1). ثم انقر فوق زر إنشاء الكود (2).

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

بمجرد إدراج الكود الخاص بك، يمكنك مشاهدة الرسوم المتحركة مباشرة في Elementor builder.

بعد نشر كود CSS الخاص بك، يمكنك تغيير الألوان وسرعة الرسوم المتحركة وإجراء تعديلات أخرى لتناسب تفضيلاتك.

إذا كنت ترغب في إنشاء CSS بسهولة لمشاريع الويب الخاصة بك باستخدام Elementor، فيمكنك الاشتراك للحصول على ترخيص Pro سنوي مقابل 59 دولارًا. تذكر، لاستخدام منشئ CSS الخاص بـ Elementor AI، ستحتاج إلى الاشتراك في خطة مدفوعة. تبدأ الأسعار من 2.99 دولارًا أمريكيًا شهريًا مقابل 18000 نقطة.

كيفية برمجة PHP لـ WordPress باستخدام الذكاء الاصطناعي

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

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

قم بالتسجيل للحصول على حساب CodeWP

إذا لم تكن قد قمت بالتسجيل في CodeWP، فانقر فوق الزر "ابدأ مجانًا" .

عندما يتم تحديث الشاشة، يمكنك إنشاء حساب عن طريق ربط ملفك الشخصي على Facebook، أو حساب GitHub، أو عن طريق إنشاء اسم مستخدم وإضافة عنوان بريدك الإلكتروني.

تصفح واجهة CodeWP

يعد CodeWP بديهيًا إلى حد ما. ستتمكن من عرض المقتطفات الخاصة بك، وتصفح المقتطفات العامة (التي تم التحقق منها) المرسلة من قبل مستخدمين آخرين، والحصول على آخر الأخبار، وتشغيل العديد من مولدات الأكواد.

في هذا البرنامج التعليمي، سنعمل مع الإصدار المجاني من CodeWP، والذي يأتي بواجهة واحدة: WordPress PHP. لفتح قفل الآخرين، يجب عليك التسجيل للحصول على ترخيص احترافي.

إنشاء PHP في CodeWP

لإنشاء المقتطف الأول، انقر فوق الزر "إنشاء رمز" الموجود أعلى يسار واجهة CodeWP.

بعد ذلك، انقر فوق زر المطالبة الجديد لفتح مربع حوار المطالبة النصية.

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

ابدأ بإدخال المطالبة التالية في حقل النص:
قم بإنشاء نوع منشور مخصص يسمى السيارات وقم بتضمين تصنيف لنوع السيارة. أضف حقول التعريف التالية إلى نوع المنشور المخصص للسيارات.

حقل التعريف لعدد صحيح يسمى make
حقل التعريف لعدد صحيح يسمى النموذج
حقل التعريف لعدد صحيح يسمى السعر
حقل التعريف لعدد صحيح يسمى اللون الخارجي
حقل التعريف لعدد صحيح يسمى اللون الداخلي
حقل التعريف لعدد صحيح يسمى سعة الجلوس
حقل التعريف لعدد صحيح يسمى نظام الدفع
حقل التعريف لعدد صحيح يسمى الإرسال
حقل التعريف لعدد صحيح يسمى الاسطوانات
حقل التعريف لعدد صحيح يسمى MPG

وأخيرًا، انقر فوق الزر إنشاء رمز WP .

بعد دقيقة أو دقيقتين، سيقوم CodeWP بإنشاء كود PHP المخصص الخاص بك. لاستخدامه في WordPress، سنحتاج إلى استخدام المكون الإضافي WPCode (أو ما شابه ذلك).

انسخ الإخراج بعد فتح علامة PHP حتى نتمكن من لصقه في WPCode.

إضافة كود PHP إلى ووردبريس

ارجع مرة أخرى إلى لوحة تحكم إدارة WordPress الخاصة بك. إذا كنت لا تزال بحاجة إلى تثبيت WPCode، فقم بذلك الآن. إذا كنت بحاجة إلى إرشادات حول تثبيت المكونات الإضافية، فلدينا دليل مفيد لتثبيت المكونات الإضافية يمكنك اتباعه.

انتقل إلى مقتطفات التعليمات البرمجية > + إضافة مقتطف (1). ومن هناك، انقر فوق إضافة الرمز المخصص الخاص بك (مقتطف جديد) (2).

افتراضيًا، يقوم WPCode بتحديد الإدراج التلقائي وتعيين الموقع في كل مكان، وهو ما نريد أن يفعله. لجعل مقتطفك مباشرًا، حدد PHP من القائمة المنسدلة (1) والصق مقتطف PHP في معاينة الكود (2). بعد ذلك، قم بتفعيل المقتطف (3)، واحفظه (4).

بمجرد الحفظ، يظهر نوع منشور جديد داخل لوحة تحكم المشرف في WordPress.

للتأكد من أن الأمور تعمل بشكل صحيح، قم بالتمرير فوق السيارة في لوحة الإدارة وانقر فوق "إضافة جديد" .

قم بالتمرير لأسفل حتى تحدد موقع حقول تعريف السيارة . إذا كانوا هناك، تهانينا! إذا لم يكن الأمر كذلك، فيمكنك استخدام CodeWP للمساعدة في ضبط التعليمات البرمجية وفقًا لذلك.

الأفكار النهائية حول البرمجة في WordPress باستخدام الذكاء الاصطناعي

يتطور تطوير WordPress بسرعة مع تكامل الذكاء الاصطناعي. باستخدام أدوات مثل Elementor AI أو CodeWP، يمكنك الاستغناء عن ساعات من البحث أو خدمات تطوير الويب باهظة الثمن. يمكن لأدوات الذكاء الاصطناعي المصممة خصيصًا لـ WordPress توفير المال والوقت وتعليم حتى أكثر المستخدمين المبتدئين كيفية البرمجة. سواء كنت بحاجة إلى إضافة برنامج PHP نصي مخصص أو الارتقاء بتصميم موقعك إلى المستوى التالي باستخدام CSS، فإن مساعدي البرمجة بالذكاء الاصطناعي يقدمون دعمًا لا يقدر بثمن.

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

• كيفية استخدام Divi AI: كل ما تحتاج إلى معرفته
• إنشاء صفحة رئيسية باستخدام Divi AI من البداية إلى النهاية
• كيفية إنشاء صور الذكاء الاصطناعي الجميلة ذات الانتشار المستقر (2023)
• كيفية استخدام الذكاء الاصطناعي لإنشاء تصميم ويب مذهل باستخدام Divi (باستخدام ChatGPT وMidJourney)

صورة مميزة عبر استوديو ليونيد / Shutterstock.com