ウェルカムバナーをユーザーのホームページに制限する

開発
4

承知いたしました。以下に動作するソリューションを示します。私の例では、ウェルカムバナーはユーザーのインターフェース設定に関係なく、/latest ページにのみ表示されます。これを /categories ページにのみ表示するようにカスタマイズできます。:slight_smile:

  1. ウェルカムリンクバナーの 表示対象 設定を、「すべて」または「ディスカバリー」に設定します。これは、バナーを表示したいページによって異なります。

  2. このスクリプトをテーマに追加します。

    <script type="text/discourse-plugin" version="1.4.0">
    //ウェルカムバナーを /latest ページにのみ表示します
    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