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

**URL:** <https://meta.discourse.org/t/add-text-in-header-beside-logo/162670>\
**Category:** Development\
**Created:** [1 سبتمبر 2020، 3:19م UTC](https://meta.discourse.org/t/add-text-in-header-beside-logo/162670 "2020-09-01T15:19:54Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [27 يناير 2025، 11:19م UTC](https://meta.discourse.org/t/add-text-in-header-beside-logo/162670/7 "2025-01-27T23:19:00Z")

</div>

لقد قمت بهذا للتو لسمة. أنا أستخدم عنوان الموقع ووصفه المختصر، ولكن يمكنك أيضًا إدراج قيم من إعدادات السمة أو نص مترجم.

أضف مكون glimmer في `components/header-logo-title.gjs`

```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>
}

```

قم بإرفاقه بالمنفذ في `/api-initializers/my-theme.js`

```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` من حالة التصغير للشعار ويضيف النص فقط عندما يكون الشعار الكامل مرئيًا. إذا كنت تريد دائمًا إظهاره، فستحتاج إلى إسقاط هذا الشرط.

---

_[View the full topic](https://meta.discourse.org/t/add-text-in-header-beside-logo/162670)._