الغوص في البرنامج المساعد كتلة مراجعة الكتاب

نشرت: 2020-10-16

تم إنشاء المكون الإضافي Book Review Block بواسطة Donna Peplinskie ، وهو منتج Wrangler في Automattic ، ما يقرب من ثلاث سنوات. ومع ذلك ، لم يلفت انتباهي إلا خلال رحلة حديثة للعثور على مكونات إضافية مثيرة للاهتمام.

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

ماطر أو مشمس ، مريض أو بخير ، أقرأ كل يوم. أنا حاليًا أشعر بالخجل لمدة شهر ونصف من خط القراءة لمدة عامين. عندما يضرب المزاج ، حتى أنني أجرؤ على كتابة مراجعة كتاب. بقدر ما أرغب في مشاركة مشاريع WordPress المثيرة للاهتمام مع المجتمع ، لدي أحيانًا دوافع شخصية للاختبار والكتابة عن المكونات الإضافية مثل Book Review Block. أي شيء قد يساعدني أو غيره من القراء النهمين على مشاركة أفكارنا حول عالم الأدب مع الآخرين هو أمر مثير للاهتمام.

من المسلم به أنني كنت متحمسًا لأنني قمت بتوصيل رقم ISBN لـ Rhthym of War ، وهو الكتاب الرابع القادم من سلسلة الخيال المفضلة لدي على الإطلاق ، The Stormlight Archive . أنا فقط بحاجة إلى النقر فوق الزر "الحصول على تفاصيل الكتاب".

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

استخدام قالب مراجعة الكتاب في محرر WordPress.
الإخراج الافتراضي لمجموعة مراجعة الكتاب.

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

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

السقوط

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

فيما يلي قائمة بالعناصر التي يجب أن يتبعها الأساسي:

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

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

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

إعدادات اللون محدودة. تقدم الكتلة فقط خيار لون الخلفية بدون أي طريقة لضبط لون النص. الخيار الأفضل لمستخدمي البرنامج المساعد هو لفه في كتلة المجموعة وضبط الخلفية وألوان النص هناك.

التفاف كتلة مراجعة الكتاب داخل كتلة المجموعة في محرر WordPress.
مجموعة مراجعة الكتاب ملفوفة داخل كتلة مجموعة.

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

استخدام الوسائط وكتلة النص لإعادة إنشاء قالب مراجعة الكتاب

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

إنشاء قسم لمراجعة الكتاب باستخدام كتلة الوسائط والنص في المحرر.
تم إنشاء قسم مراجعة الكتاب باستخدام كتلة الوسائط والنص.

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

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

أعطتني كتلة الوسائط والنصوص الكثير من الأميال في التصميم.

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

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

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

واحدة من أفضل الكتل التي تحافظ على هذه الحرية هي من المكون الإضافي Recipe Block. لديها مدخلات وحقول منظمة. ومع ذلك ، فإنه يسمح للمستخدمين النهائيين بجعله محتوى حرًا خاصًا بهم.

عندما يتخطى مؤلفو الكتلة هذه الصلابة ، يفوز المستخدمون.