Adding custom html under header (d-header-wrap) instead of main-outlet

[Canapin (Coin-coin le Canapin)]

Hi @AmericanGuy!

There’s an excellent theme component that let you see all the available outlets in which you can add custom HTML code:

Plugin outlet locations theme component

Continuing the discussion from Plugin Outlet Locations: I needed an updated version with all the plugin outlets that have been added recently and then I realised that it would be really easy to create a theme component for this, so there is no need to install a plugin any more. Repository: GitHub - communiteq/plugin-outlets-theme-component The repository includes a script (gen/generate.rb) that will auto-generate the outlets based on the Discourse source code. To toggle the plugin outlets, c…

After you have enabled the theme component in your theme, you can display or hide the outlets’ locations on your website by clicking the outlet icon next to the search icon:

You can see that there’s an outlet named “below-site-header” just below the header.

Now, you can put your custom HTML in this outlet by using this code in the Head tab of your theme or component:

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
    test
</script>

(replace my-custom-element with a unique and more descriptive one)

Here’s how it will look (look at the top left of the image):

You can read more about outlets here: Beginner's guide to developing Discourse Themes