Willkommensbanner auf die Homepage des Benutzers beschränken

[Discoursenaut]

Ich habe einen Benutzer, der fragt, ob es möglich ist, das Banner nur auf der Homepage anzuzeigen, sodass es nicht angezeigt wird, wenn sie “Latest” als Lesezeichen haben? Derzeit scheint es in beiden Fällen angezeigt zu werden.

[Canapin (Coin-coin le Canapin)]

@Discoursenaut

Ich habe einen Benutzer, der fragt, ob es möglich ist, das Banner nur auf der Homepage anzuzeigen

Ja, das ist in den Einstellungen für das Willkommens-Link-Banner möglich:

@Discoursenaut

also wenn sie die neuesten als Lesezeichen gesetzt haben, erscheint es nicht?

Meinen Sie, wenn sie eine benutzerdefinierte Seite (neueste, Kategorien, was auch immer) als ihre Homepage in ihrem eigenen Profil festlegen?
Dann wird diese beliebige Seite für den Benutzer als „Homepage“ betrachtet, und somit wird das Willkommensbanner für sie auf ihrer neuen Homepage angezeigt.

Wenn die Standard-Homepage Ihrer Website /categories ist und Sie möchten, dass das Willkommensbanner nur auf /categories angezeigt wird, unabhängig von den Benutzeroberflächeneinstellungen der Benutzer, könnten Sie anzeigen auf auf „discovery“ oder „all“ setzen und JavaScript verwenden, um das Willkommensbanner auf anderen Seiten als der gewünschten auszublenden.

Ich weiß derzeit jedoch nicht, wie ich die aktuelle Seite zuverlässig identifizieren kann (einschließlich des ersten Ladens einer Seite und des Wechsels zwischen Seiten), um das Willkommensbanner dynamisch auszublenden.

Ich werde das gerne später ausprobieren (), aber vielleicht ist dies ein Anfang:

Trigger javascript on clicking any page link, but before the page content loads?

Hey There’s currently no method in the Plugin-API that will allow you to fire a script before a page transition because this has not come up before as far as I recall. That said, you can leverage on the willTransition() action in the application route You would use something that like this in your theme / component // this fires after the transition api.onPageChange((url, title) => { console.log("after transition"); }); // this fires right before the transition api.modifyClass("r…

[Discoursenaut]

Ah, vielen Dank, ja, einige meiner Community-Leiter, die das Standardlayout auf das Neueste eingestellt haben, würden es bevorzugen, wenn das Banner beispielsweise nur auf der Kategorieseite angezeigt wird. Ich werde den Link, den Sie geteilt haben, überprüfen.

[Canapin (Coin-coin le Canapin)]

Okay, hier ist eine funktionierende Lösung. In meinem Beispiel wird das Willkommensbanner nur auf der Seite /latest angezeigt, unabhängig von den Benutzeroberflächeneinstellungen der Benutzer. Ich werde es Ihnen ermöglichen, es so anzupassen, dass es nur auf der Seite /categories angezeigt wird.

1. Stellen Sie die Einstellung “Welcome Link Banner show on” auf “all” oder “discovery” ein, je nachdem, auf welcher Seite (oder welchen Seiten) das Banner angezeigt werden soll.

2. Fügen Sie dieses Skript in Ihr Theme ein:

   <script type="text/discourse-plugin" version="1.4.0">
       // zeigt das Willkommensbanner nur auf der /latest-Seite an
       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. Fügen Sie dieses CSS zu Ihrem Theme hinzu:

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

---

Referenz verwendet:

Is there a way to style the "Latest" page and "Top" page separately?

Yes, @manuel’s solution is a good approach for achieving things quite simply. Using window.location.href you may run into issues with getting the correct url due to Ember’s runloop anyways. To adjust what your doing into the more “Ember” approach would be to do something like this: <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.qu…

[Discoursenaut]

Vielen Dank dafür, vielen vielen Dank!