إظهار اسم العضو في عناوين المواضيع

كود جيفري

عضو جديد
عضو انكور
من الأساليب اللطيفة لجذب انتباه الزائر أن يرى اسمه في عنوان الموضوع، كأن يقرأ "مرحبًا محمد، إليك أفضل النصائح" بدل عنوان عام. هذا الكود يتيح لك وضع وسم خاص داخل عنوان أي موضوع، فيستبدله الكود تلقائيًا باسم العضو الذي يتصفح المنتدى إن كان مسجلًا للدخول، أو بكلمة "زائر" إن لم يكن مسجلًا. وبهذا يرى كل عضو اسمه في العنوان، مما يضفي طابعًا شخصيًا على المواضيع ويزيد من فرص النقر عليها.

مثال على الكود​

عنوان موضوع يظهر فيه اسم العضو المسجل تلقائيًا


عنوان موضوع يظهر فيه اسم العضو داخل صفحة الموضوع


شرح تركيب الكود​

أضف الوسم التالي في عنوان الموضوع الذي تريده:

HTML:
{USERNAME}

إضافة وسم اسم العضو داخل عنوان الموضوع عند كتابته


كود Javascript
لوحة الإدارة ← عناصر إضافية ← إدارة أكواد Javascript
العنوان: اختيارك
الصلاحيات: اختيارك
أضف الكود إلى: جميع الصفحات

JavaScript:
$(function() {
  var currentUsername = _userdata.session_logged_in ? _userdata.username : 'زائر';

  // استبدال داخل كل النصوص، باستثناء العناصر داخل .codebox dd
  $('body *').contents().each(function() {
    if (this.nodeType === 3) { // nodeType 3 = نص فقط
      if (this.nodeValue.includes('{USERNAME}')) {
        if ($(this).closest('.codebox dd,.codebox').length === 0) {
          this.nodeValue = this.nodeValue.replace(/{USERNAME}/g, currentUsername);
        }
      }
    }
  });

  // استبدال داخل روابط href و title، مع تجاهل الروابط داخل .codebox dd أيضاً
  $('a').each(function() {
    var link = $(this);

    // تجاهل الروابط داخل codebox dd
    if (link.closest('.codebox dd').length > 0) return;

    var href = link.attr('href');
    var title = link.attr('title');

    if (href && href.includes('{USERNAME}')) {
      link.attr('href', href.replace(/{USERNAME}/g, currentUsername));
    }
    if (title && title.includes('{USERNAME}')) {
      link.attr('title', title.replace(/{USERNAME}/g, currentUsername));
    }
  });

  // معالجة عناوين المواضيع كما في كودك الأصلي
  var isForumView = /^\/f[0-9]+-/.test(window.location.pathname);
  var isTopicView = /^\/t[0-9]+-/.test(window.location.pathname);

  if (isForumView) {
    $('a.topictitle').each(function() {
      var topicLink = $(this);
      var originalTitle = topicLink.text();
      if (originalTitle.includes('{USERNAME}')) {
        var newTitle = originalTitle.replace(/{USERNAME}/g, currentUsername);
        topicLink.text(newTitle);
      }
    });
  } else if (isTopicView) {
    var topicTitleElement = $('.postbody .topic-title');
    var originalTitle = topicTitleElement.text();
    if (originalTitle.includes('{USERNAME}')) {
      var newTitle = originalTitle.replace(/{USERNAME}/g, currentUsername);
      topicTitleElement.text(newTitle);
    }
  }
});

ثم اضغط على زر قدم.

فكرة بسيطة تصنع فرقًا في تفاعل الأعضاء مع المواضيع، وهي ثمرة تعاون جماعي بين عدد من أعضاء منتدى الدعم. فكرة الكود للعضو ابوعلي البلقاوي، وصمّمه Lufy، والشكر موصول للعضو S@MeH-Des على مساهمته.

صاحب الكود: كونان2000 (تعديل وتطوير بالاستعانة بالذكاء الاصطناعي)
 

رأيك جزء من المعرفة.

أضف تجربتك أو سؤالك، فالنقاش يكمل الفكرة.

في هذا الموضوع

صاحب النقاش

كود جيفري
كود جيفريعضو جديد

معرفة تكبر بالنقاش

وجدت معلومة مفيدة؟ أضف تجربتك أو سؤالك ليساعد النقاش أعضاء آخرين.

أكمل رحلتك

كود يخفي أي جزء من المساهمة عن الزواركود الروابط أو الزيارات الأخيرة في المنتدىتمييز المساهمات حسب الجهاز (الهواتف والكمبيوترات)
عودة
أعلى