إنشاء النماذج عبر محرر الكتلة باستخدام نماذج Gutenberg

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

البرنامج المساعد ليس بأي حال من الأحوال الكمال. لديها العديد من المراوغات. يفعل الكثير من الأشياء بشكل صحيح. يفشل في بعض الأحيان مع الميزات التي يمكن أن تغير قواعد اللعبة. من المحتمل أن يكون أحد أفضل المكونات الإضافية لبناء النماذج لـ WordPress.

اعتبارًا من الإصدار 1.4.0 ، آخر تحديث ، تعد Gutenberg Forms مجموعة مختلطة من النجاح والإحباط. انا متحمس بخصوصه.

أنا متحمس لأننا ما زلنا في الجزء الأول من عمر هذا المكون الإضافي. أنا متحمس لأن كمال قام ببناء بعض المشاريع الناجحة المتعلقة بجوتنبرج في فترة زمنية قصيرة ، بما في ذلك Gutenberg Hub و ACF Blocks. أنا متحمس لأنني أعتقد أنه سيتحسن بمرور الوقت.

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

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

مع وجود أكثر من 200 مستخدم حالي فقط ، فإن أكبر شيء يحتاجه المكون الإضافي هو المزيد من التعليقات من المزيد من المستخدمين.

نماذج البناء

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

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

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

يوفر المكون الإضافي معظم حقول النموذج الشائعة التي يتوقع المستخدمون النهائيون رؤيتها في نموذج مكون إضافي. فيما يلي كتل حقول النموذج المتاحة حاليًا:

• عملية حسابية
• خانة اختيار
• منتقي التاريخ
• بريد الالكتروني
• ملف
• زر النموذج
• رسالة
• اسم
• عدد
• هاتف
• مذياع
• يختار
• نص
• موقع إلكتروني
• نعم / لا

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

أكبر ميزة ولكن أقلها تلميعًا هي مكتبة القوالب المصممة مسبقًا التي توفرها Gutenberg Forms. حاليًا ، يحتوي المكون الإضافي على حوالي ثلاثين قالبًا مخصصًا. بالنظر إلى عمل كمال مع القوالب في Gutenberg Hub ، أعتقد أننا سنرى المزيد من القوالب في المستقبل.

المشكلة؟ لا يعمل أداة إدراج قالب النموذج دائمًا.

باختبار المكوِّن الإضافي مقابل أحدث مكون إضافي لـ WordPress و Gutenberg ، لم أتمكن من إدراج أي قالب نموذج عبر شاشة النموذج الجديدة. كانت هناك أخطاء JavaScript حالت دون إدراجها. واحدة من أكثر الميزات إثارة التي فشل البرنامج المساعد في العمل ، على الأقل في بيئة الاختبار الخاصة بي ، كانت مخيبة للآمال بعض الشيء.

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

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

افكار اخيرة

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

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

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

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