motasem
:: الأعضاء ::
- 29 يناير 2020
- 157
- 4
- 52
- 28
تُعد إدارة الروابط في المنتديات من أهم العناصر التي تساهم في تحسين تجربة المستخدم وضمان أمان التصفح. ومن بين الأدوات الفعّالة التي يمكن استخدامها، خاصية إعادة توجيه الروابط إلى صفحة انتظار، التي توفر ميزة رائعة مثل عرض رسالة ترحيب، تحذير، أو حتى إعلان قبل التوجه إلى الوجهة النهائية للرابط. في هذا الموضوع، سنقدم لكم طريقة سهلة ومضمونة لإضافة كود مخصص لإعادة توجيه الروابط الخارجية أو الداخلية إلى صفحة انتظار مخصصة على منتديات XenForo. الكود يساعد في تنظيم إدارة الروابط، تحسين وقت التفاعل مع الأعضاء، ويمنح إدارة المنتدى فرصة لعرض محتوى إضافي أو تحذير بشأن الروابط.
طبعا الطريقة جربتها على منتداي 2.3.3 ولكن المفترض انها تعمل على جميع النسخ لانها لا تستخدم class او متغير معين في السكربت
والان ضع الكود التالي في خانة قالب HTML:
والان توجه نحو لوحة الادارة - المظهر - البحث في القوالب - ابحث عن قالب Thread_view وضع الكود التالي في بدايته او نهايته ما تفرق
وقم بتغيير الرابط
ومن ثم اخر خطوة حتى لا تظهر الصحفة كمندى في الرئيسية توجه نحو تصاريح المنتدى وفي اول خيار ضع على "لا"
والان الكود أصبح يعمل ومبروك عليك
بالتوفيق للجميع
والسلام ختام
طبعا الطريقة جربتها على منتداي 2.3.3 ولكن المفترض انها تعمل على جميع النسخ لانها لا تستخدم class او متغير معين في السكربت
معاينة الكود
تركيب الكود
اولا لنقم بانشاء صحفة الانتظار التي سيتوجه لها العضو او الزائر بعد الضغط على الرابط فنذهب الى لوحة الادارة - المنتديات - انشاء منتدى - اختار يكون "صفحة" وضع معلومات الصفحة في البداية:والان ضع الكود التالي في خانة قالب HTML:
HTML:
<div class="redirect-wrapper" style="background: linear-gradient(45deg, #2d3436, #636e72); padding: 20px; border-radius: 10px;">
<div class="redirect-content" style="text-align: center;">
<div id="countdown" style="font-size: 60px; width: 120px; height: 120px; border: 4px dashed rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 20px auto; color: white;">5</div>
<div style="color: white; font-size: 18px; margin: 20px 0;">جاري تحويلك للرابط المطلوب...</div>
</div>
<center>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
</center>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const urlParams = new URLSearchParams(window.location.search);
const redirectURL = urlParams.get('redirect');
let counter = 5;
if(redirectURL) {
const interval = setInterval(() => {
document.getElementById('countdown').textContent = counter;
if(counter <= 0) {
window.location.href = redirectURL;
clearInterval(interval);
}
counter--;
}, 1000);
}
});
</script>والان توجه نحو لوحة الادارة - المظهر - البحث في القوالب - ابحث عن قالب Thread_view وضع الكود التالي في بدايته او نهايته ما تفرق
HTML:
<script>
document.addEventListener("DOMContentLoaded", function() {
const postLinks = document.querySelectorAll('a');
postLinks.forEach(link => {
link.addEventListener('click', function(e) {
if (link.href && !link.href.includes('javascript:void')) {
e.preventDefault();
window.location.href = 'https://forum.iinkor.com/pages/redirectlink?redirect=' + encodeURIComponent(link.href);
}
});
});
});
</script>وقم بتغيير الرابط
https://forum.iinkor.com/pages/redirectlink برابط الصفحة التي قمت بانشاءها واحفظومن ثم اخر خطوة حتى لا تظهر الصحفة كمندى في الرئيسية توجه نحو تصاريح المنتدى وفي اول خيار ضع على "لا"
والان الكود أصبح يعمل ومبروك عليك
بالتوفيق للجميع
والسلام ختام