I’m trying to add an icon and text link into our header to using Theme Component I’ve managed to add an icon using: const { iconNode } = require("discourse-common/lib/icon-library"); api.decorateWidget('header-icons:before', helper => { return helper.h('li.header-dropdown-toggle', …

In your example, you need to insert your text here: helper.h('a.icon', { href:'/docs', title: 'Document' }, ["test", iconNode("book")]), You will need to adjust the CSS on the link. For example: padding-inline-end: 2em; justify-content: space-between; color: currentcolor; [chrome_Tk18DU…

ヘッダーにテキストリンクを追加するにはdecorateWidgetを使用します

開発

Lilly (Lillian Louis) 2023 年 12 月 22 日午後 7:03 3

「いいね！」 2

トピック		返信	表示
How to add a link icon to the header Dev	4	446	2024 年 2 月 2 日
Adding a custom Link/Icon to the discourse header Support	4	3734	2019 年 1 月 21 日
Link on Top header to Go to Home page of main site Support	3	1246	2024 年 2 月 2 日
Adding a link into the mobile header Support	6	1675	2019 年 1 月 21 日
Adding icons rather than text UX custom-header-links	2	210	2019 年 5 月 30 日

ヘッダーにテキストリンクを追加するにはdecorateWidgetを使用します

関連トピック