- إنضم
- 06/04/2026
- المشاركات
- 72
الدليل الشامل لأهم قوالب XenForo وكيفية التعديل عليهافهم بنية القوالب الأساسية للتحكم الكامل في تصميم وتجربة مستخدم منتداك
■ مقدمة:
يعتمد نظام XenForo على بنية قوالب (Templates) مرنة جداً تعتمد على لغة HTML مدعومة بـ "وسوم زين فورو" الخاصة. لفهم كيفية بناء ستايل احترافي أو إضافة ميزات مخصصة، يجب معرفة القوالب الحاكمة للهيكل العام.
■ 1. قالب الهيكل العام (PAGE_CONTAINER):
هو القالب الأهم على الإطلاق، حيث يمثل الهيكل الخارجي لكل صفحات المنتدى.
● يحتوي على: الـ Header، الـ Footer، استدعاء ملفات الـ CSS والـ JS، ونظام القائمة العلوية (Navigation).
● ما يمكن تعديله: إضافة أكواد التتبع (Google Analytics)، تغيير مكان اللوجو، إضافة روابط مخصصة في الهيدر، أو تعديل بنية الفوتر بالكامل.
■ 2. قالب التنسيق المخصص (extra.less):
هذا هو الملعب الحقيقي للمصممين، حيث يتم وضع كافة لمسات الـ CSS الخاصة هنا.
● يحتوي على: لا يحتوي على أكواد افتراضية، هو مخصص فقط لإضافاتك.
● ما يمكن تعديله: تغيير ألوان الخلفيات، تنسيق بطاقات الأقسام، تعديل الخطوط، وإضافة تأثيرات Hover على الأزرار دون المساس بالقوالب الأساسية.
■ 3. قالب عرض الأقسام (node_list_category):
المسؤول عن كيفية ظهور فئات الأقسام في الصفحة الرئيسية.
● يحتوي على: عناوين الفئات، أزرار الطي (Collapse)، وترتيب الأقسام التابعة.
● ما يمكن تعديله: تحويل شكل الأقسام إلى نظام "شبكي" (Grid View)، إضافة أيقونات مخصصة لكل قسم، أو تغيير شكل عداد المواضيع والمشاركات.
■ 4. قالب معلومات العضو (message_macros):
يتحكم في شكل بطاقة العضو التي تظهر بجانب المشاركات داخل المواضيع.
● يحتوي على: الصورة الرمزية (Avatar)، مسمى العضو، الرتب، وعدادات الإحصائيات (الرسائل، الإعجابات).
● ما يمكن تعديله: جعل معلومات العضو "أفقية" بدل عمودية، إضافة خلفيات مخصصة للرتب، أو إخفاء بيانات معينة لغير المسجلين.
■ 5. قالب عرض المواضيع (thread_view):
المسؤول عن الصفحة التي يقرأ فيها المستخدم المحتوى.
● يحتوي على: عنوان الموضوع، أزرار المشاركة، ونظام الرد السريع.
● ما يمكن تعديله: إضافة مساحات إعلانية بين المشاركات، تغيير شكل أزرار "إضافة رد"، أو تعديل ترتيب ظهور الردود.
■ نصيحة للمطورين (XF Tips):
✓ نظام الـ Hooks: استخدم نظام "Template Modifications" لتعديل القوالب بدلاً من التعديل اليدوي المباشر لضمان سهولة التحديث.
✓ البحث في القوالب: استخدم ميزة "Search Titles" في لوحة التحكم للوصول السريع لأي قالب فرعي.
✓ الوضع الداكن: عند التعديل، تأكد من استخدام الـ Style Properties لربط الألوان بالمتغيرات (Variables) ليعمل التصميم بذكاء مع كافة الأوضاع.
تم إعداد هذا الدليل التقني لدعم مطوري ومصممي مجتمع XenForo العربي
مع تحيات إدارة المنتدى