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