تُعد الوحدات القابلة لإعادة الاستخدام من أكثر الميزات المفيدة في مواقع HubSpot الحديثة. فهي تتيح للمطورين إنشاء مكونات مرنة يمكن لمحرري المحتوى إعادة استخدامها عبر صفحات متعددة.
يوفر قالب HubSpot Start Pro أساسًا قويًا لإنشاء هذه الأنواع من المكونات وتخصيصها.
ما هي وحدات HubSpot؟
الوحدة هي مكون قابل لإعادة الاستخدام في الموقع. ويمكن أن تحتوي على حقول تتيح لمحرري المحتوى التحكم في النصوص والصور والأزرار والألوان والتخطيطات والإعدادات الأخرى.
على سبيل المثال، يمكن أن تحتوي وحدة Hero على حقول للعنوان والوصف والصورة وزر CTA والخلفية.
اجعل الوحدات مرنة
يجب أن توفر الوحدة الجيدة خيارات تخصيص كافية دون أن تصبح معقدة بشكل غير ضروري.
قد تتضمن الإعدادات المفيدة ما يلي:
- العنوان
- الوصف
- الصورة
- الزر
- المحاذاة
- الخلفية
- المسافات
- التخطيط
- إمكانية الظهور
تتيح هذه الإعدادات استخدام الوحدة نفسها مع متطلبات محتوى مختلفة.
استخدم أسماء واضحة للحقول
يجب أن تكون أسماء الحقول سهلة الفهم بالنسبة لمحرري المحتوى.
بدلًا من استخدام أسماء تقنية، استخدم تسميات واضحة مثل:
- العنوان
- نص الزر
- رابط الزر
- لون الخلفية
- الصورة
- موضع الصورة
يساعد ذلك على جعل تجربة التحرير أسهل بالنسبة لفرق التسويق.
أنشئ إعدادات متجاوبة
يجب تصميم الوحدات مع مراعاة السلوك المتجاوب.
قد تحتاج الوحدة إلى مسافات أو أحجام خطوط أو تخطيطات مختلفة على الأجهزة المحمولة.
يجب على المطورين التأكد من أن CSS المتجاوب لا يؤثر سلبًا على تصميم سطح المكتب، وأن إعدادات الأجهزة المحمولة تظل سهلة الإدارة.
حافظ على نطاق CSS محدود
عند استخدام عدة وحدات في الصفحة نفسها، يمكن أن تؤدي تعارضات CSS إلى نتائج غير متوقعة.
يساعد استخدام أسماء فئات خاصة بكل وحدة على منع تأثير الأنماط على المكونات الأخرى غير المرتبطة.
وهذا مهم بشكل خاص عند إنشاء وحدات HubSpot قابلة لإعادة الاستخدام.
اجعل الوحدات متاحة للجميع
يجب مراعاة إمكانية الوصول أثناء تطوير الوحدات.
ينبغي أن تحتوي الصور على نص بديل مناسب، وأن تكون للأزرار تسميات واضحة، وأن تكون العناصر التفاعلية قابلة للاستخدام بواسطة لوحة المفاتيح عند الحاجة.
اختبر الوحدات بشكل شامل
يجب اختبار الوحدة في حالات متعددة قبل إعادة استخدامها في جميع أنحاء الموقع.
اختبر العناصر التالية:
- أطوال النصوص المختلفة
- أحجام الصور المختلفة
- تسميات الأزرار
- أحجام الشاشات
- ألوان الخلفية
- تركيبات المحتوى المختلفة
يساعد ذلك على تقليل احتمالية حدوث مشكلات في التخطيط لاحقًا.
الخلاصة
تُعد الوحدات القابلة للتخصيص جزءًا أساسيًا من إنشاء موقع HubSpot فعال. يوفر قالب Start Pro أساسًا قويًا لتطوير مكونات قابلة لإعادة الاستخدام، بينما يمكن لتطوير الوحدات بشكل مدروس أن يجعل الموقع أسهل في الإدارة.
يمكن أن تساعد الحقول المرنة والتسميات الواضحة والتخطيطات المتجاوبة وCSS المحدد وإمكانية الوصول والاختبار الشامل في إنشاء وحدات تعمل بشكل موثوق عبر صفحات مختلفة.
