限制欢迎横幅仅在用户主页显示

开发
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 个赞