تقييد لافتة الترحيب بصفحة المستخدم الرئيسية

مطور
4

حسنًا، إليك حل يعمل. في مثالي، سيتم عرض لافتة الترحيب على صفحة /latest فقط، بغض النظر عن إعدادات واجهة المستخدم الخاصة بالمستخدمين. سأدعك تقوم بتخصيصها لعرضها على صفحة /categories فقط. :slight_smile:

  1. قم بتعيين إعداد “عرض على” لافتة رابط الترحيب إلى “all” أو “discovery”، اعتمادًا على الصفحة (الصفحات) التي تريد عرض اللافتة عليها.

  2. أضف هذا النص البرمجي في السمة الخاصة بك:

    <script type="text/discourse-plugin" version="1.4.0">
    //shows the welcome banner only on the /latest page
    api.onPageChange(() => {
        const router = api.container.lookup('service:router');

        if (router.currentRoute.name === 'discovery.latest') {
            document.body.classList.add('route-discovery-latest');
        } else {
            document.body.classList.remove('route-discovery-latest');
        }
    });
</script>

  3. أضف هذا CSS إلى السمة الخاصة بك:

    body:not(.route-discovery-latest) .welcome-link-banner-connector {
   display: none;
}

المرجع المستخدم:

8 إعجابات