I’m new to discourse, so I apologize if this is something that is easily done, however, I can’t seem to find where I can define the text that I want to appear beside our logo in the header of our discourse page. Within the red box in the header is where I’d ideally like to add text saying ‘Communit…

Hey Daniel :wave: You can use something like this to add text next to the header logo on your site <script type="text/discourse-plugin" version="0.8"> api.decorateWidget("home-logo:after", helper => { const titleVisible = helper.attrs.minimized; const headerText = "Text you want to add"; // <-…

[صورة] Joe: You can use something like this to add text next to the header logo on your site This is now causing an error banner to be shown, because of changes to Discourse. Do you have any suggestions for achieving the same result with the new approach? Thanks.

Yea that method will no longer work and you need to use the connectors specified here in the section about the home-logo plugin outlet replacing home-logo:after widget decorations: [صورة] Upcoming Header Changes - Preparing Themes and Plugins Development …

If I have time to do that myself I’ll paste the code here. Alternatively, if someone has time first I’d be very grateful… :slight_smile:

I just did this for a theme. I’m using the site’s title and short description, but you could also insert values from theme settings or localized text. Add a glimmer component in components/header-logo-title.gjs import Component from "@glimmer/component"; import { service } from "@ember/service"; …

[صورة] Manuel Kostka: api.renderInOutlet("home-logo__after", HeaderLogoTitle); You can also use api.renderAfterWrapperOutlet("home-logo") (since v.1.26.0). It has the advantage you use the actual outlet name without providing the magic __before/__after.

Thank you @Arkshine . That’s nicer, I updated the previous post.

Trying to do this now but having some trouble - how do I access the “glimmer component in components/header-logo-title.gjs”? My community is here: https://community.worldradioleague.com/ . I’m on the paid plan - maybe I don’t have access to Discourse core to see this?

I had wrapped this in a component, you could try using it: Manuel Kostka / Discourse / Helpers / Header Logo Title · GitLab . It adds the site title and short site description by default. Alternatively, you can add custom text for the title and the description on the component settings.

أضف نصًا بجانب الشعار في العنوان

مطور

Arkshine 27 يناير 2025، 11:34م 8

يمكنك أيضًا استخدام api.renderAfterWrapperOutlet("home-logo") (منذ الإصدار 1.26.0). يتميز بميزة استخدام اسم المنفذ الفعلي دون توفير __before/__after السحري.

الموضوع		الردود	مرات العرض
How to modify the header HTML, but still remaining the default founctions Support	3	3890	25 مايو 2018
Need plugin code for customised dicourse header Support	8	1670	10 مايو 2019
Text alongside logo in discourse both linked Support	8	958	16 فبراير 2022
Link on Top header to Go to Home page of main site Support	1	1340	25 فبراير 2020
How to add custom html next to logo using discourse plugin methods Support	1	1055	19 فبراير 2021

أضف نصًا بجانب الشعار في العنوان

الموضوعات ذات الصلة