- إنضم
- 06/04/2026
- المشاركات
- 72
شرح إضافة روابط نصية احترافية في ذيل الصفحة (Footer) لمنتديات XenForo
تعتبر منطقة ذيل الصفحة (الفوتر) من الأماكن الاستراتيجية في المنتدى، حيث تُستخدم لإضافة روابط سريعة، صفحات الشروط، أو روابط لمواقع صديقة، مما يحسن من تجربة المستخدم (UX) وقوة الأرشفة (SEO).
الخطوة الأولى: تعديل قالب الـ Footer
سنقوم بإضافة الروابط يدوياً في المكان المناسب داخل القوالب:1. من لوحة التحكم اذهب إلى **المظهر** > **القوالب**.
2. ابحث عن قالب باسم footer.
3. ابحث داخل القالب عن الوسم التالي:
HTML:
<ul class="footer-links">
</footer>.4. أضف الكود التالي في المكان الذي تراه مناسباً:
HTML:
<div class="custom-footer-links">
<a href="#">الرئيسية</a>
<a href="#">متجر الخدمات</a>
<a href="#">سياسة الخصوصية</a>
<a href="#">اتصل بنا</a>
</div>
الخطوة الثانية: تنسيق الروابط عبر CSS
لجعل الروابط تظهر بشكل أنيق ومنظم بدلاً من نص عادي، اتبع الآتي:1. ابحث عن قالب extra.less.
2. أضف الكود التالي في نهاية القالب:
CSS:
.custom-footer-links {
padding: 15px 0;
text-align: center;
border-top: 1px solid #333; /* خط فاصل بسيط */
margin-top: 10px;
}
.custom-footer-links a {
color: #0099ff; /* لون الروابط */
margin: 0 10px;
font-size: 13px;
text-decoration: none;
transition: 0.3s;
}
.custom-footer-links a:hover {
color: #ffffff; /* لون الرابط عند مرور الماوس */
text-shadow: 0 0 5px #0099ff;
}
طريقة بديلة (عبر إعدادات الستايل)
في أغلب الستايلات الحديثة، يمكنك القيام بذلك دون تعديل القوالب:1. اذهب إلى **المظهر** > **إعدادات الستايل**.
2. ابحث عن خيار تذييل الصفحة (Footer).
3. ستجد غالباً مربعات نصية لإضافة روابط مخصصة (Custom Links)، قم بوضع روابطك هناك مباشرة.
تحياتي ادارة المنتدى
.