主题页脚的回复按钮可能会破坏帖子

用户体验
1

你好，

是的，我知道这是一个有趣的情况。我写这个话题是因为蓝色的 回复 按钮似乎比帖子中的回复按钮更受欢迎（尤其是在移动设备上 [1]）。如果答案实际上是针对最新帖子而不是 OP，那么这就成了一个问题。

这有两个问题：

  1. 除非被提及或引用，否则消息的实际接收者不会收到通知。

  2. 当这种情况发生时，工作人员的工作会变得更加困难，例如移动帖子，因为无法使用（选择 + 回复）来选择这些帖子，如果他们没有注意到，这可能会破坏帖子（对话）。

我正在考虑如何最好地处理这个问题。也许简单地将蓝色按钮重命名为 回复主题 或以某种方式指示该按钮是回复 OP 的… :thinking:

我决定将主题页脚的 回复 按钮更改为 回复主题，并在桌面版上添加一个标题 主题控件。在移动设备上，主题控件 已经在下拉菜单中。

希望通过这种方式，用户也能更好地看到他们正在使用该按钮回复主题（OP）。:slightly_smiling_face:

  1. 因为帖子回复中只有一个图标 ↩︎

3 个赞
2

我倾向于同意，我自己有时也会按错按钮。我可能会借鉴你的想法，给其中一个重命名。在我们的论坛上，我们使用快速引用组件，它效果很好，因为你知道你是在回复一个帖子。

3 个赞
3

是的，但现在可以通过主题组件重命名主题页脚（蓝色）回复，因为主题页脚回复按钮和帖子中的回复按钮具有相同的字符串 js.topic.reply.title。因此，如果您更改此设置，两个按钮都会更改。

您可以通过将此添加到新的主题组件或现有组件来更改主题页脚按钮。

通用 / CSS

#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // 在“回复”之后添加此内容
        content: " to topic";
      }
    }
  }
}

这是一个很棒的组件，感谢分享 :slightly_smiling_face: 我也会检查一下。 :heart:

4 个赞
4

真的吗？即使是回复多个人时也是如此？

当回复以引用开头，而下一章实际上是对主题的回复时，会怎么样？

我认为这有点令人困惑。而且……因为许多普通用户没有（并且完全不理解）“正确”答案按钮的区别，所以我不能完全确定它是否完美运行。

什么会是更好的选择？我不知道。

2 个赞
5

我不确定你的意思，但可以通过在同一帖子中多次复制粘贴快速引用来回复不同的人。我真的不明白你的担忧？下一章？“正确”的答案按钮？我不知道你在指什么？

6

总之，我现在重命名了底部的回复按钮，并且我喜欢这个区别，它在界面上更清晰。谢谢你的代码片段 @dodesz :slight_smile:

1 个赞
7

这是给你的答复。

但这却是给唐的答复。

确实太棒了！我们能否……以类似的方式更改“回复帖子”按钮的文本？

而这个可以作为主题回复：

我认为主要问题不是（尽管快速引用组件解决了这个问题）引用和/或标记本身，而是两个不同的按钮在做同一件事，但行为略有不同。

从另一方面来说，我理解它。对用户来说，回复就是回复。但是……如果有人阅读帖子/评论/答案，为什么他们不使用最近的回复按钮，而是使用最后一个呢？

是的，我知道。没有引用会发生这种情况，但仍然如此。

—

你现在明白我的意思了吗？这个帖子应该如何表现：回复你，回复唐，都不是，或者两者都是？当然——我确实引用了，这使得试图思考这是哪种回复变得非常没用。

8

你看，你同时引用了两篇帖子，这会自动创建回引：你可以通过点击现在出现在你引用的两篇帖子上的“1 条回复 ⌄”按钮来查看你的帖子。

我同意，对“回复”按钮进行更清晰的区分可能是有帮助的，我可能会在我的社区上进行测试。

2 个赞
9

该死！你说得完全对。每天都有新东西，但我怎么会错过呢 :man_facepalming:

3 个赞
10

不仅是反向链接（向上箭头），还可以通过单击/点按向下箭头来查看引用框：

image
image1506×1828 253 KB

抱歉，我想我之前误解了你的意思。

1 个赞
11

感谢您的分享，Don！我多年来一直想这样做！我根据自己的需求更进一步。由于我的网站有点不同，每个类别都不同，不仅仅是直接的讨论，所以我选择完全更改回复按钮的文本。因此，对于我的图片评论类别，我将其更改为“提供评论或回复”，通过添加“或回复”，我认为可以解决 Jakke 的担忧。感谢您提出这一点，Jakke，我最初将其设置为仅“提供评论”，但您说得对，这并不适用于所有情况。

我不喜欢 font-size: 0; 这个技巧，但不知何故无法让 visibility: hidden; 技巧在此生效。另外，我尝试将 font-size 设置为 1em 而不是 px，但这似乎也不起作用。我最终选择了一个稍大的字体来使该按钮更加突出，但我更希望使用 em，以便字体可以缩放。

// 图片评论
body.category-image-critiques-abstract-critiques,
body.category-image-critiques-avian-critiques,
body.category-image-critiques-flora-critiques,
body.category-image-critiques-human-fauna-critiques,
body.category-image-critiques-landscape-critiques,
body.category-image-critiques-macro-critiques,
body.category-image-critiques-night-critiques,
body.category-image-critiques-non-nature-critiques,
body.category-image-critiques-wildlife-critiques,
body.category-image-critiques-weekly-challenge {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // 隐藏回复文本
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // 新文本
          font-size: 18px;
          content: "Critique Image or Reply";
        }
      }
    }
  }
}

这对于我的 AMA（问我任何问题）类别尤其有用，我将回复按钮更改为“提问”，非常棒！这也有助于进行 AMA 的人理解他们需要使用小的回复按钮。

// AMA
body.category-learning-ama {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // 隐藏回复文本
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // 新文本
          font-size: 18px;
          content: "Ask a question";
        }
      }
    }
  }
}

我还为回复按钮设置了背景颜色，使其更加突出。我还没有弄清楚如何让它在悬停时正确过渡，如果您有任何想法，将非常有帮助……

.discourse-no-touch .topic-body .actions .fade-out {
    background: var(--primary-low);
}

image
image1880×1430 116 KB

总之，希望我的啰嗦能帮助到其他人！

2 个赞