Добавить текст в шапку рядом с логотипом

Разработка
7

Я только что сделал это для темы. Я использую заголовок сайта и краткое описание, но вы также можете вставить значения из настроек темы или локализованный текст.

Добавьте компонент glimmer в components/header-logo-title.gjs

import Component from "@glimmer/component";
import { service } from "@ember/service";

export default class HeaderLogoTitle extends Component {
 @service siteSettings;

 <template>
   {{#unless @outletArgs.minimized}}
     <div class="header-logo-title">
       <span
         class="header-logo-title__title"
       >{{this.siteSettings.title}}</span>
       {{#if this.siteSettings.short_site_description}}
         <span
           class="header-logo-title__description"
         >{{this.siteSettings.short_site_description}}</span>
       {{/if}}
     </div>
   {{/unless}}
 </template>
}

Присоедините его к outlet в /api-initializers/my-theme.js

import { apiInitializer } from "discourse/lib/api";
import HeaderLogoTitle from "../components/header-logo-title";

export default apiInitializer("1.26.0", (api) => {
  api.renderAfterWrapperOutlet("home-logo", HeaderLogoTitle);
});

Хелпер #unless проверяет состояние минимизации логотипа и добавляет текст только тогда, когда будет отображаться полный логотип. Если вы всегда хотите показывать его, вам нужно убрать это условие.