# 添加自定义匿名模式按钮

**URL:** https://meta.discourse.org/t/add-custom-anonymous-mode-button/135793
**Category:** Support
**Tags:** anonymous-mode
**Created:** [2019 年12 月 12 日 01:35 UTC](https://meta.discourse.org/t/add-custom-anonymous-mode-button/135793 "2019-12-12T01:35:35Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![aksoforever](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aksoforever/32/502615_2.png) [@aksoforever](https://meta.discourse.org/u/aksoforever)
#### Post date: [2019 年12 月 12 日 01:35 UTC](https://meta.discourse.org/t/add-custom-anonymous-mode-button/135793/1 "2019-12-12T01:35:35Z")

</div>

你能告诉我如何像图片中那样移动我的匿名按钮吗？

 ![bbs-anonymous](https://global.discourse-cdn.com/meta/original/3X/7/a/7afa0cc69904e9a11ce319a1380f55a9dd4fd075.png)  
谢谢

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2019 年12 月 12 日 19:04 UTC](https://meta.discourse.org/t/add-custom-anonymous-mode-button/135793/2 "2019-12-12T19:04:49Z")

</div>

这可以通过使用插件出口并添加一些 Handlebars 来实现（这些概念在 [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648) 中有详细介绍）

在你的主题中（管理 \> 自定义 \> 主题 \> 编辑 CSS/HTML），你可以将此代码添加到你的 `<head>` 文件中。

```xml
<script type="text/x-handlebars" data-template-name="/connectors/above-main-container/anon-button">
{{#if this.currentUser}}
  {{#if this.currentUser.is_anonymous}}
    {{d-button class="btn-primary" action=(route-action 'toggleAnonymous') icon="ban" label="switch_from_anon"}}
  {{else}}
    {{d-button class="btn-primary" action=(route-action 'toggleAnonymous') icon="user-secret" label="switch_to_anon"}}
  {{/if}}
{{/if}}
</script>

```

 ![Screen Shot 2019-12-12 at 2.03.57 PM](https://global.discourse-cdn.com/meta/original/3X/1/9/1938cba5c08f0c4c86d97623d657eb48ed56129c.png)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2020 年1 月 11 日 19:05 UTC](https://meta.discourse.org/t/add-custom-anonymous-mode-button/135793/3 "2020-01-11T19:05:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
