Can I change the URL of the main logo?

Development

AI-generated summary

In a Dev category discussion titled “Can I change the URL of the main logo?”, rodypl asks how to redirect the forum logo from the homepage to /latest, aiming to make the forum less intimidating by defaulting to Categories but sending users to Latest via the logo. Falco provides a solution using a theme script in the HEAD section: api.changeWidgetSetting('home-logo', 'href', '/latest'), and directs rodypl to the developer guide for theme structure Falco. Later, Lilly asks how to make the logo open in a new tab. awesomerobot explains that because the home-logo widget blocks new tab behavior, a workaround using reopenWidget is needed to override the click handler and set target="_blank". Lilly shares that they found an alternative by adding a separate icon link in the header to achieve their goal, while still preferring the logo to remain the forum’s home link.

1

For example, let’s say I wanted the logo to point to forum.example.com/latest instead of forum.example.com, how would I do that? Is that something I can change easily without needing a developer? Discourse is hosting my forum, if that makes any difference.

The reason I want that is because I want my default forum page when someone goes on the forum to be the “Categories” page so the forum is less intimidating. But I want them to go on the “Latest” page once they click on the logo.

2

This should work in a theme:

<script type="text/discourse-plugin" version="0.4">
    api.changeWidgetSetting('home-logo', 'href', '/latest')
</script>
3

Thanks! Since I’m a noob, could you specify where to paste this? I assume it’s not where the CSS goes?

4

Goes into the HEAD section to the right of the CSS one. You can learn about it on Developing Discourse Themes & Theme Components

5

sorry for the necro, but how do i make this open into a new tab instead of self? is the target blank usable here?

6

This takes a little more customization because it’s prevented in the home-logo widget here:

So you’d have to use changeWidgetSetting to set the URL, and then reopenWidget to add _blank and override the default click behavior that prevents it from opening in a new window.

<script type="text/discourse-plugin" version="0.8">
  const { h } = require("virtual-dom");

  api.changeWidgetSetting('home-logo', 'href', 'https://discourse.org');

  api.reopenWidget("home-logo", {
     html() {
       return h(
         "a",
         { attributes: { href: this.href(), "data-auto-route": true, "target": "_blank" } },
         this.logo()
       );
     },

     click(e) {
       return;
     },
   });
</script>
7

thank you for the excellent explanation. i sort of found a work around to what i was after by adding an icon link to the header with url to what i wanted the logo to go to and into another tab. it works and gave the users what they wanted in the end (the link to the external home site on the header). personally i prefer it the way it is because i like using the logo as my forum home link.