自定义标题链接(图标)

:discourse2: 摘要 自定义标题链接(图标) 允许您轻松地在 Discourse 标题中添加可点击的图标。
:eyeglasses: 预览 在 Discourse 主题创建器中预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-icon-header-links
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

截图

桌面端

移动端

设置

此组件包含一个主题设置,允许您添加任意数量的链接,指定它们的图标,并决定它们在哪些设备上显示!

名称 描述
header links 链接列表,包含以下属性:标题、图标、URL、视图和目标
add whitespace 如果选中,将在默认的 Discourse 标题图标与通过此组件添加的自定义图标之间添加一些空白
Svg icons 为列表中使用的每个图标包含 FontAwesome 6 图标类

说明:

如果您想使用的图标未显示,请将其添加到组件的 svg_icons 设置中。如果您添加新图标,需要为其添加 FontAwesome 6 前缀,如 fab、far 和 fas。

致谢

本组件基于 @techAPJ 的精彩教程:https://meta.discourse.org/t/add-new-link-on-header-beside-search-icon/48621,并参考了 @vinothkannans 的 Brand header 主题,该主题为组件结构提供了重要参考。

\u003cbr\u003e

\u003e:discourse2: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。

93 个赞
How are theme setting fields created?
Discourse Mingle
Header Submenus
Can I add a icon and link back to my homesite at the top bar
Login Required activated - after successfull login it transfers you to nonexisting page
Introducing Font Awesome 5 and SVG icons
Add custom buttons at the top of the site
How to use my own SVG icons in Custom Header Links theme component?
Adding a custom Link/Icon to the discourse header
Show "new topic" when not logged in
Help changing Help Guide Permalink
Customize the header with links, icons, or menus
Updated Custom Header Icon: Post Data via URL
Nextcloud support
(deprecated) Plugin outlet locations theme component
User custom field toggle for sidebar (SFW Mode)
Custom Homepage for Groups
Disclaimer section on the "about" page
How to add a link icon to the header
Add button in header for logged in users
Use decorateWidget to add text link to header
Visiting /admin/upgrade may lead to a server error
How to add a directory of people/businesses to my theme?
How to make Navbar SVG icons white?
How to make Navbar SVG icons white?
Add a link to user profile in the navigation
Adding icons rather than text
Clickable Social Icon Links on Profile
Create hyperlink from home logo
Upcoming Header Changes - Preparing Themes and Plugins
Left side hamburger menu on mobile
Air Theme
How to Integrate a Custom Plugin in discourse UI
How to Disable ALL User-to-User DMs/Chat without breaking Other Features?
Custom Header Links
Disable personal message between members
Generic URL for private messages?
How to remove iconified header links from mobile?
Header icons color on mouse hovering issue
Link on Top header to Go to Home page of main site
Missing custom header link icon after update
Upcoming Header Changes - Preparing Themes and Plugins
How to add a "button" which composes a pre-filled topic
[PAID] Moving the Anonymous icon onto the header
Category for Threads with zero replies?
Plugin: add a menu icon (next to search)
Discourse Mingle
Introducing Font Awesome 5 and SVG icons
Introducing Font Awesome 5 and SVG icons
Adding a link into the mobile header
How to create a dynamic header link?
How can I add a button to the header?
Looking for a freelancer to implement a custom Discourse theme (based on an existing mockup)
Problem with beta6: Header Link Theme Component no longer working
Discourse messaging guide for new users
Insert Link to External Website
My 2nd Discourse forum, 2 years after the first one
Custom Buttons with own functions
Link to external site remains in forum context somehow
Is it possible to add an icon to create New Topic in the navbar?
Is it possible to add an icon to create New Topic in the navbar?
Custom Admin Toolbox
2021: The Year in Review
External Links Icon
How to use my own SVG icons in Custom Header Links theme component?
Customizing your site with existing theme components