「最新」ページと「トップ」ページを個別にスタイル設定する方法はありますか？

サポート
4

はい、@manuel のソリューションは非常に簡単に実現できる良いアプローチです。window.location.href を使用すると、いずれにしても Ember の runloop のために正しい URL を取得する際に問題が発生する可能性があります。

あなたがやっていることをより「Ember」的なアプローチに調整するには、次のようなことを行う必要があります。

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.querySelectorAll('#main-title')[0].style.display = 'none';
    }
  });
</script>

ただし、おそらく単に body クラスを追加してそのクラスをスタイル設定するのが最善でしょう。これにより、より複雑なスタイル変更も可能になります。

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

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

.route-discovery-top #main-title {
    display: none;
}
「いいね！」 3