بصفتي مطور WordPress لأكثر من عقد من الزمان ، قمت ببناء العديد من كتل WordPress ، بدءًا من وسائل الشرح البسيطة وكتل الأيقونات إلى النماذج متعددة الحدود وعرض الشرائح. يمكن أن تكون العملية صعبة وتتطلب فهمًا قويًا لكيفية عمل WordPress تحت الغطاء ، وكذلك الألفة مع React و JavaScript و PHP وغيرها من التقنيات ذات الصلة.
أدوات السقالات مثل ووردبريس create-block يساعد. محرري رمز الذكاء الاصطناعى الحديثة ، مثل المؤشر ، ومساعدين مثل Claude Code ، يسرعون الأمور أيضًا. مع الإعداد والسياق الصحيحين ، يمكنك تجريد الكثير من التعقيد. الصيد هو أنك لا تزال بحاجة إلى تزويد الذكاء الاصطناعى بالسياق الخاص بـ WordPress وتسلك كل شيء معًا. هذا جيد للمطورين ، لكنه يحافظ على حاجز مرتفع بالنسبة للجميع.
ماذا لو كنت تستطيع تخطي هذا التعقيد تمامًا؟ هذا هو المكان Telex يأتي في.
ما هو Telex؟
Telex هي أداة تجريبية من فريق AI AIMATTIC الذي يحول المطالبة باللغة الطبيعية إلى كتل WordPress العاملة. أنت ببساطة تصف ما تريد ، ويولد Telex الكتلة.
يمكن للجميع استخدام Telex ، من:
- أصحاب الموقع الذين يريدون وظائف مخصصة مصممة على موقعهم أو الذين يرغبون في تجربة فكرة جديدة.
- الوكالات والرائحة المستقلة الذين يحتاجون إلى نماذج أولية أو كتل فائدة صغيرة لمشاريع العميل.
- المطورين الذين يريدون السقالات السريعة في سياق ورمز وورد حقيقي يمكنهم تحسينه.
- المطورين الطموحين الذين يتعلمون أفضل من خلال رؤية مثال عمل وقراءة الكود وراءه.
تحت الغطاء ، يقوم Telex بتعبئة الكتلة الخاصة بك كمكون إضافي للكتلة ويعايز النتيجة في متصفحك ، وكلها مدعومة ملعب WordPress. لا يوجد إعداد محلي. يمكنك تحسين الكتلة باستخدام مطالبات متابعة قصيرة أو تحرير الكود مباشرة ، ثم قم بتنزيل المكون الإضافي وتثبيته على موقع عندما تكون جاهزًا. يمكنك أيضًا مشاركة عملك كرابط.
نظرًا لأن Telex هي تجربة ، ستختلف النتائج وقد تصادف الأخطاء والمشكلات على طول الطريق. هذا جزء من العملية. نحن نتعلم أين يمكن لـ AI إزالة الاحتكاك في إنشاء الكتلة وحيث يمكن أن يكون مفيدًا حقًا. كما أنها ليست منشئ موقع AI. فكر في الأمر باعتباره منظمة العفو الدولية التي تساعدك على صنع أدوات وظيفية صغيرة ككتل.
يعد Telex حاليًا مجانيًا للاستخدام ويمكنك إنشاء العديد من الكتل كما تريد. جربها الآن.
كيفية بناء الكتل مع Telex
ابدأ بالتفكير فيما تريد إنشائه. قد تكون ميزة موقعك مفقود أو فكرة مرحة لمعرفة ما يمكن أن يفعله Telex. هذه تجربة ، لذا فإن الاستكشاف مرحب به. يمكنك أيضًا الاطلاع على أحد المشاريع المميزة على صفحة Telex الرئيسية للإلهام.
لهذا المنشور ، أنا دخلت في أحذية مدون الطعام. لدي وصفة ملفات تعريف الارتباط رقاقة الشوكولاتة للمشاركة ، وأرغب في عرض قائمة مكونات يمكن للقراء توسيع نطاقها حتى 4 مرات. يجب أن يكون القراء قادرين على التحقق من المكونات أثناء ذهابهم. يجب أن يكون هناك أيضًا زر نسخ في الواجهة الأمامية يقوم بنسخ قائمة المكونات إلى الحافظة. في المحرر ، أريد إضافة مكونات في جدول بسيط مع ثلاثة أعمدة: الكمية والوحدة والمكون. يجب أن أكون قادرًا أيضًا على إزالة المكونات وإعادة ترتيبها لأعلى أو لأسفل في الجدول باستخدام الأزرار.
لقد بدأت بإدخال هذه المطالبة في Telex:
يرجى إنشاء كتلة قائمة المكونات. سيعرض ذلك قائمة بالمكونات (فكر في مدونة الطعام) التي يمكن للقراء التحقق منها. أضف زر نسخ على الواجهة الأمامية التي تقوم بنسخ قائمة المكونات إلى الحافظة. قم بتضمين قائد وصفة مدمج بحيث يمكن للقراء 2x و 3x و 4x الوصفة ، وتحديث كميات المكون وفقًا لذلك. في المحرر ، أحتاج إلى إدخال المكونات في جدول مع ثلاثة أعمدة: الكمية والوحدة والمكون. يجب أن أكون قادرًا أيضًا على إزالة المكونات وإعادة ترتيبها لأعلى أو لأسفل في الجدول باستخدام الأزرار.
ثم نقرت يبني، وتوصل Telex إلى العمل.
كلما زادت السياق الذي تضمنه في موجه الأولي ، كان ذلك أفضل. ومع ذلك ، لا تتردد في تجربة موجه سريع. يمكنك تدوير أكبر عدد ممكن من الكتل ، حتى في نفس الوقت. فقط افتح علامة تبويب متصفح جديدة.
في غضون دقيقتين تقريبًا ، كان لدي كتلة WordPress عاملة مع كل الوظائف التي طلبتها. إليك نظرة على عرض المحرر مع مكونات الوصفات التي تم إدخالها في الجدول. لاحظ أزرار الإجراءات كما طلبت.
قدمت الواجهة الأمامية جميع الوظائف على الفور ، على الرغم من أن التصميم يحتاج إلى بعض التحسين. هذا هو المكان الذي تساعد فيه المطالبات الإضافية على ضبط الأشياء.
أفضّل عمومًا وجود كتلة لروث أنماط موضوعي. أردت أيضًا أن تُظهر المكونات التي تم فحصها ، وأردت تنسيق كميات المكونات كأعداد كاملة أو كسور حيثما أمكن ذلك. أخيرًا ، لإضافة القليل من الإثارة ، عندما يقوم القارئ بالتحقق من جميع العناصر ، ربما يكون هناك رسوم متحركة.
لقد تعاملت مع كل تغيير بمطالبات متابعة قصيرة متعددة:
دعنا نبسيط التصميم بحيث ترث قائمة المكونات هذه أنماط السمة الحالية.
على الواجهة الأمامية ، عندما يقوم القارئ بفحص مكون ، قم أيضًا بتطبيق strikethrough.
تحويل كميات المكونات إلى أعداد كاملة أو كسور على الواجهة الأمامية حيثما أمكن. لا عشرية من فضلك.
من أجل المتعة ، عندما يقوم القارئ بفحص جميع العناصر الموجودة في قائمة المكونات ، قم باستحمام الشاشة مع الرسوم المتحركة للحرفية.
أوصي بإعطاء Telex One مهمة في وقت واحد في مطالبات المتابعة الخاصة بك. بعد أربعة تكرارات ، واحدة لكل من المهام أعلاه ، بدا كتلة قائمة المكونات الخاصة بي مثل هذا:
يمكنك أيضًا تعديل الكود مباشرة ، وهو مفيد إذا كنت تفضل إجراء تغييرات سريعة مستهدفة. إنها أيضًا طريقة رائعة لمعرفة كيفية تجميع الكتلة.
في حالتي ، أردت أن تبدو أزرار المقياس مختلفة بعض الشيء وتحديث الجدول في المحرر ، لذلك تحولت إلى شفرة عرض وتعديل style.scss و editor.scss الملفات يدويًا.
ها هي النتيجة النهائية. استغرق الأمر حوالي 10 دقائق للبناء في المجموع:
ملحوظة: Telex ليس حتمي. إذا جربت المطالبات الموضحة في هذا المنشور ، توقع نتائج مختلفة قليلاً. لن يكون هناك اثنين من البناء هو نفسه بالضبط.
بالطبع يمكن أن أبقى التكرار. ربما أضف بيانات منظمة JSON-LD إلى قائمة المكونات لتحسين محرك البحث ، أو القدرة على تحويل الوحدات إلى مقياس. الاحتمالات لا حصر لها.
مرة واحدة راضية عن الكتلة الخاصة بك ، لديك خياران: استخدم تحميل زر للحصول على ملف zip المكون الإضافي ، أو انقر فوق يشارك زر. ينسخ الأخير رابطًا فريدًا إلى الحافظة. يمكن لأي شخص لديه هذا الرابط عرض الكتلة الخاصة بك في Telex دون الحاجة إلى تسجيل الدخول.
إليك الرابط إلى الكتلة التي قمت بإنشائها في منشور المدونة هذا:
إذا قمت بالنقر فوق رابط المعاينة أعلاه ، فستتمكن أيضًا من تنزيل كتلة قائمة المكونات كملف مضغوط ، تمامًا كما لو كنت قد أنشأت الكتلة بنفسك. يمكنك بعد ذلك تثبيته على أي موقع WordPress يدعم عمليات تحميل البرنامج المساعد ، أو اختباره محليًا باستخدامه WordPress Studio.
استكشاف الأخطاء وإصلاحها والثغرات المعروفة
TELEX تجريبي ، لذلك قد تضغط على الفواق العرضي. في بعض الأحيان ، يقوم الذكاء الاصطناعي بافتراض خاطئ أو يولد رمزًا لا يتم تشغيله. هذا أمر شائع مع جميع أدوات الذكاء الاصطناعي. إذا رأيت تحذيرًا مثل التحذير أدناه ، فاستمر في التكرار. اطلب من Telex إصلاح الخطأ المحدد أو نسخ التفاصيل إلى موجه جديد. ثم صف النتيجة التي تتوقعها. يمكنك طرح العديد من أسئلة المتابعة كما تريد. إذا كانت الأمور متشابكة ، فابدأ جلسة جديدة وقم بتعيين متطلبات الكتلة الخاصة بك.
هناك أيضًا العديد من الطرق لبناء كتلة في WordPress ، وجزء من هذه التجربة هو تحديد المناطق التي تحتاج إلى تحسين في Telex. على سبيل المثال ، الكتل التي تتطلب الكتل الداخلية ليست كذلك حالياً مدعوم. تعتبر عرض الشرائح مع كتلة “عرض الشرائح” الوالدين وكتل “الشريحة” للأطفال بمثابة حالة استخدام شائعة ، وسوف تكافح Telex لتنفيذها.
إذا واجهت سيناريو حيث فشل Telex مرارًا في إكمال طلبك ، فيرجى إخبارنا في التعليقات أو مشاركة ملاحظاتك في نموذج التعليقات داخل التطبيق. إن مشاركة المطالبة الخاصة بك ، ورسالة الخطأ ، ووصفًا موجزًا لما كنت تحاول إنشاءه سيساعد الفريق على تحسين Telex.
استمر في التكرار
Telex هي نظرة مبكرة على كيفية قيام الذكاء الاصطناعي بتخفيض الحاجز لمنع الخلق. سنستمر في تحسينه استنادًا إلى ما تقوم بإنشائه والتعليقات التي تشاركها ، لذا قم بتدوير كتلة ، ونشر رابط المعاينة الخاص بك ، وإخبارنا بما لم ينجح.
تتضمن بعض الأفكار التي نفكر فيها في المستقبل تاريخ الإصدار ، والواصفات المرئية لجعل قائمة مشاريعك أكثر بصرية ، وتحميل وتخصيص الكتل الموجودة ، والتحسينات الأخرى ، سواء كانت كبيرة أو صغيرة.
معا ، يمكننا جعل WordPress كتلة تطوير أسرع وأكثر ودية وأكثر سهولة للجميع.
