توفر كتل ACF مجموعة متنوعة من الكتل التي تم إنشاؤها من Advanced Custom Fields Pro
نشرت: 2020-05-07خلال عطلة نهاية الأسبوع ، أصدر منير كمال الإصدار 2.0 من البرنامج المساعد ACF Blocks ، وهو مشروع ينشئ مجموعة من الكتل للمحرر. يقدم المكون الإضافي 18 كتلة مخصصة في نسخته المجانية و 15 كتلة أخرى في الترقية الاحترافية. إنه مبني على برنامج Advanced Custom Fields Pro (ACF Pro).
أضاف التحديث الأخير للمكوِّن الإضافي دعمًا للطباعة ، بما في ذلك خيارات استخدام خطوط Google المتنوعة للنص داخل الكتلة. قام Kamal أيضًا بتضمين خيارات التصميم الأساسية لميزات التصميم مثل الهامش والحشو لكل كتلة في المكون الإضافي.
مع ACF Pro باعتباره تبعية شديدة ، فإنه يحد من جمهور كتل ACF. إلى حد كبير ، سيكون هذا المكون الإضافي مفيدًا للوكالات وأصحاب الأعمال الحرة الذين يحتاجون إلى إنشاء ميزات للعملاء بسرعة في حدود ميزانيتهم. لهذا الغرض ، يقوم المكون الإضافي بعمل قوي.
يضر الاقتران المحكم مع ACF Pro بتجربة المستخدم في البرنامج المساعد. ومع ذلك ، فإن الأفكار الكامنة وراء ACF Blocks وخياراتها المخصصة تعوض عن أوجه القصور في الاعتماد على المكون الإضافي الرئيسي التابع لها. من غير المحتمل فصل الاثنين ، لكنه سيجعل تجربة أكثر سلاسة ويفتح المكون الإضافي لجمهور أوسع.
استوحى كمال الإلهام من البرنامج المساعد من ACF ونسخته الاحترافية. ووصف عملية اللبنات الأساسية بإطار العمل بأنها "سهلة للغاية" ، حتى بالنسبة لمطور من المستوى المتوسط. قال: "لقد كان إطار عمل WordPress رائعًا لسنوات لإنشاء حقول مخصصة". "وعندما أعلن [إليوت كوندون] عن ميزة إنشاء الكتلة في ACF ، دفعني ذلك سريعًا إلى إنشاء هذه المجموعة من كتل ACF الجاهزة للاستخدام."
أكبر قيد تقني هو أن كمال لا يستطيع بناء كتل متداخلة ، وهو قيد حالي لـ ACF. قال: "لقد ناقشت ذلك بالفعل مع [كوندون] ، وهو يعمل بالفعل على جلب هذه الوظيفة في القريب العاجل". "بمجرد أن يأتي ذلك إلى ACF ، قد نخلق المزيد من كتل Gutenberg المذهلة والقوية."
شاهد جولة قصيرة حول كيفية عمل المكون الإضافي:
تشكيلة مفيدة من الكتل
أثناء اختبار الإصدار المجاني من ACF Blocks بشكل أساسي ، وجدت أنه يحتوي على العديد من الكتل المفيدة التي يمكن أن تلبي على الفور الاحتياجات المشتركة للمستخدمين النهائيين. مع توفر 18 كتلة مجانية ، يكون لدى المستخدمين الكثير للعمل معه قبل تحديد ما إذا كانوا يريدون المضي قدمًا في مسار الترقية إلى الإصدار المحترف.
واحدة من أفضل الكتل في المجموعة هي مجموعة Photo Collage. إنها إجابة كتل ACF على كتلة المعرض الأساسية. خيارات الشبكة لهذه الكتلة وحدها تجعل هذا البرنامج المساعد يستحق التدقيق. تقدم الكتلة ما بين 2 و 15 تخطيطًا للشبكة ، اعتمادًا على خيار الشبكة الذي يحدده المستخدم.
ثاني مفضل لدي من المجموعة هو مجموعة الشهادات. إلى جانب خيارات الطباعة ، المتوفرة لجميع الكتل ، يمكنك الاستمتاع كثيرًا بتصميم قسم الشهادة.
هذه عينة صغيرة لما يمكن أن يفعله البرنامج المساعد. يمكن أن تساعد مجموعة قائمة الأسعار مواقع المطاعم في إعداد قوائمها. تسهل كتلة صندوق التسعير ، خاصة عند دمجها في كتلة الأعمدة الأساسية ، من إعداد قسم تسعير بخيارات متعددة للمنتج. وتجعل مجموعة Team من السهل إنشاء أقسام ملف تعريف في فريق الشركة / صفحة حول.
تتوفر الكتل التالية في الإصدار المجاني (مع العديد منها في الإصدار المحترف):
- كتلة صورة قابلة للتمرير
- كتلة علامة التبويب
- تبديل الكتلة
- بلوك الأكورديون
- كتلة شريط تمرير الصورة
- كتلة المشاركة الاجتماعية
- كتلة صور ملصقة
- كتلة المشاركات
- كتلة التزكية
- كتلة الفريق
- كتلة متعددة الأزرار
- مربع التسعير بلوك
- قائمة الأسعار
- حظر بدء التقييم
- كتلة شريط التقدم
- كتلة رقم العداد
- انقر لتغرد بلوك
- كتلة ساعات العمل
الكتل المفضلة لـ Kamal من المجموعة الشاملة هي Image Hotspot ، والتي تتيح للمستخدمين تعيين خلفية للصورة باستخدام "مؤشرات" لعرض المحتوى ؛ Before After Image ، الذي يتيح للمستخدمين مقارنة صورتين باستخدام شريط منزلق ؛ و Photo Collage ، مجموعة المعرض القائمة على الشبكة في المكون الإضافي. أول اثنين متاحان فقط في الإصدار المحترف من البرنامج المساعد. قال مُنشئ المكون الإضافي إنه يعتقد أن جميع الكتل مفيدة ، لكنها كانت الأكثر متعة في الإنشاء.
مجال للتحسين
كتل ACF مفهوم جميل. تحصل على الكثير من الأشياء في نصابها الصحيح. ومع ذلك ، هناك مشكلات ثانوية تضعف تجربة العمل مع الكتل. هذه القضايا ليست مستعصية على الحل ، وأتوقع أن يعالجها كمال في الإصدارات القادمة بناءً على الإلمام بعمله السابق والسعي نحو بناء منتجات رائعة للمستخدمين.
المشكلة الأكثر إلحاحًا والتي من المحتمل أن تكون أبسط حل لإصلاحها هي أنماط المكوّن الإضافي للهوامش اليمنى واليسرى في كل كتلة. يقوم المكون الإضافي بإعادة تعيين هذه الهوامش إلى 0 افتراضيًا. اعتمادًا على المظهر النشط على الموقع ، قد يؤدي ذلك إلى تحويل الكتل إلى حافة الشاشة بدلاً من منطقة المحتوى في الواجهة الأمامية. تستخدم بعض السمات الهوامش اليسرى / اليمنى لمحاذاة المحتوى. هذه ليست مشكلة مع كتل ACF فقط. إنه منتشر بين المكونات الإضافية ذات الإخراج الأمامي.
أحد الحلول السريعة لمشكلة الهامش هو التفاف أي من كتل المكون الإضافي داخل كتلة المجموعة الأساسية. سيؤدي هذا إلى إعادة الهوامش إلى تحكم الموضوع.
تحرير محتوى الكتلة يحدث في لوحة خيارات الحظر بدلاً من الكتلة مباشرة. لست متأكدًا مما إذا كان هذا قيدًا على استخدام إطار عمل ACF Pro أو قرار تصميم من جانب كمال. من الغريب التنقل بين تحرير المحتوى في منطقة المحتوى لتحرير المحتوى في الشريط الجانبي.
أحد الأمثلة على ارتباكي مع محتوى الحظر كان مع كتلة Photo Collage. لقد قمت بالنقر فوق الكتلة ، على أمل ظهور مكتبة الوسائط للتحميل. لم يحدث شيء. نقرت مرة أخرى لأنه ، حسنًا ، ربما لم أحصل على نقرة جيدة في تلك المرة الأولى. لم يحدث شيء. لقد وجدت في النهاية زر تحميل الصورة أسفل لوحة خيارات الكتلة على اليمين.
يمكن أن يبدو تعيين خيارات الحظر بطيئًا بعض الشيء في بعض الأحيان حيث لا يعكس إخراج الكتلة في المحرر التغييرات على الفور. هذا في المقام الأول لأن ACF Blocks تعتمد على قدرات العرض من جانب الخادم لـ ACF Pro. من غير المحتمل أن تتم معالجة ذلك في المكوِّن الإضافي للكتل. قد يجد بعض المستخدمين أن العرض المتأخر يكون مملاً عند تحرير خيارات متعددة.
افكار اخيرة
قام Kamal بتجميع مجموعة مفيدة من الكتل التي ستساعد العديد من المستخدمين النهائيين في إنشاء أقسام من المحتوى لا يمكنهم إنشاؤها خارج الصندوق. بين الإصدارين المجاني والمحترف ، هناك إجمالي 33 كتلة. يلتزم المنشئ بإضافة المزيد من الكتل بمرور الوقت بناءً على تعليقات المستخدمين. في المستقبل القريب ، يخطط لمواصلة الاختراق في إصلاحات الأخطاء وتحسين الشفرة.
ما زلت أشعر أن طريقة عمل ACF Pro تشكل عائقًا أمام مدى جودة هذا المكون الإضافي إذا تم بناؤه من الصفر. مع ذلك ، ساعد إطار العمل في جعل البرنامج المساعد كمال حقيقة واقعة. ACF Blocks هو عرض لما هو ممكن عبر ACF Pro ، والذي يجب أن يلهم المطورين الآخرين الذين يبحثون عن حلول مبنية على أحد أكثر الأطر استخدامًا على نطاق واسع في نظام WordPress البيئي.
يدرك كمال أن بعض مستخدمي ACF Pro قد يجربون أيديهم في إنشاء قوالب مماثلة ، لكنهم يشعرون أن معرفة فريقه وتفانيه في تقديم الدعم هما أهم أجزاء المعادلة. قال "كتل ACF توفر الوقت والجهد لإنشاء كتل بنفسك لعناصر تصميم الويب الأكثر شيوعًا".
ملاحظة: تم طلب مراجعة هذا المكون الإضافي وردود الفعل من قبل مؤلف البرنامج المساعد. اقرأ منشورنا حول التعليقات الصادقة المستندة إلى التجارب الحقيقية لمزيد من المعلومات حول كيفية التعامل مع المراجعات.