这个新的主题按钮是如何实现的？

[misterjtc (Jordan Cook)]

我非常喜欢主 Discourse 论坛上的新主题按钮。

我能在自己的网站上实现这个功能吗？

[ondrej]

你好

这是 Material Design 主题的一项功能

Material Design Theme

Summary Material Design has been created to be easily customizable. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/material-design-stock-theme New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme Features [topic list example] [posts example] [categories example] [search example] Color Options [indigo/orange] [red/blue] [te…

你需要将其安装到您的站点。如果不确定如何操作，请参阅下方的链接。

Installing a theme or theme component

This is a guide for installing and managing themes and theme components in Discourse. Required user level: Administrator Installing and customizing themes can significantly improve the look and feel of your Discourse site. You can easily import and manage themes and their components through the Discourse admin panel. This guide covers: Importing new themes and theme components Adding theme components to a theme Managing automatic updates Additional resourc…

[merefield (Robert)]

这个问题之前已经有人问过。我在此处提供了详细解答：

Floating "New topic" button

I can do better than that … I believe this is the CSS (UPDATED): @mixin buttonShadow { box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); } @mixin buttonTransition { transition: right 0.5s, bottom 0.5s, border-radius 0.5s, text-indent 0.2s, visibility 1s, width 0.2s ease, height 0.5s ease 0.4s, color 0.5s, background-color 2s, transform 0.5s; } //New Topic Fab #create-topic.btn-default { display: flex; align-items: center; justify-content: center; @inc…

自那以后，代码可能已经有所调整……

[misterjtc (Jordan Cook)]

谢谢 @ondrej。

我一直在本论坛上使用 Material Design 主题进行测试，没意识到它是该主题特有的。我的实例中已安装该主题，但我并未使用。

我很想了解如何在所有主题中实现这一功能。

目前我通过自定义页头链接来实现，但更倾向于浮动样式。

[misterjtc (Jordan Cook)]

感谢回复 @merefield。

如果能作为一个插件或主题组件，那就太棒了！