公開トピックとプライベートメッセージの「返信」テキストを個別に変更する

マーケットプレイス
1

何をしてほしいですか？

当社のユーザーはメーリングリストの背景を持つ方が多く、公開投稿なのか、誰かに私信（PM）を送っているのかで混乱しています。Reply ボタンのテキストを「Reply」から「Reply All」に変更して、より明確にしたいと考えています。/admin/customize/site_texts を使用すれば既にこの変更は可能ですが、私信（PM）もトピックとして同じフレームワークを使用しているため、PM の Reply ボタンも変更されてしまいます。

  • 公開トピックについては、/admin/customize/site_texts で既に提供されているカスタマイズを維持します。
  • 私信（PM）については、Reply ボタンのテキストを以下の 3 ヵ所で「Message」に変更します。

適切な方法であれば何でも構いません。/admin/customize/site_texts のフィールド一覧の拡張、CSS カスタマイズ、テーマコンポーネント、プラグインなど。

おそらく、公開トピックと私信（PM）を区別することが鍵となるでしょう。

いつまでに必要ですか？

今後 2 週間程度でお願いできれば幸いです。

このタスクに対して提示可能な予算（米ドル）はどれくらいですか？

提案に開いています。

image
image1190×712 32.9 KB

「いいね！」 1
2

フォーラムで言語を一つだけ使用している場合、CSS でこれを可能にできると思います。テストして数時間後に連絡します。

すでに一つのフォーラムで CSS を使っていくつかのボタンを"ハック"しました。

「いいね！」 1
3

Change color of personal messages をチェックしてください

「いいね！」 2
4

コードを少し整理できますが、これで動作します

公開投稿内：

image
image857×255 5.54 KB

プライベートメッセージボックス内：

image
image800×542 17.7 KB

PM の返信コントロール：

image

.archetype-private_message .post-controls button.widget-button.btn-flat.reply.create.fade-out.btn-icon-text .d-button-label {
    font-size: 0;
}

.archetype-private_message .post-controls button.widget-button.btn-flat.reply.create.fade-out.btn-icon-text::after {
    content: "メッセージ";
    font-size: 1.00em;
}

.archetype-private_message .topic-footer-main-buttons button.btn-primary.create.btn.btn-icon-text.ember-view .fa {
    margin-right: 0;
}

.archetype-private_message .topic-footer-main-buttons button.btn-primary.create.btn.btn-icon-text.ember-view .d-button-label {
    font-size: 0;
}

.archetype-private_message .topic-footer-main-buttons button.btn-primary.create.btn.btn-icon-text.ember-view::after {
    content: "メッセージ";
    font-size: 1.00em;
}

.archetype-private_message #reply-control button.btn-primary.create.btn.btn-icon-text.ember-view .fa {
    margin-right: 0;
}

.archetype-private_message #reply-control button.btn-primary.create.btn.btn-icon-text.ember-view .d-button-label {
    font-size: 0;
}

.archetype-private_message #reply-control button.btn-primary.create.btn.btn-icon-text.ember-view::after {
    content: "メッセージ";
    font-size: 1.00em;
}
「いいね！」 3
5

もっと簡単な方法があるかもしれません。テキストのカスタマイズを確認しましたか？

18DBA95B-DB23-4882-81C7-A268F79E693B
18DBA95B-DB23-4882-81C7-A268F79E693B2048×1343 363 KB

「いいね！」 3
6

テスト用に別途 Discourse インスタンスをインストールしています。非常に便利です。このプランで最近何が変わったか確認してみました。

  1. 各翻訳に数値を追加しました。

2
2391×408 15 KB

  1. これでフォーラム上で以下のように表示されます:

1
1782×216 10.8 KB

現在はコードを確認していませんが、以前はこれらの 2 つの異なる場所で同じ言語変数が使われていました。

トピックと個人メッセージには js.topic.reply.title が使用されていました。

7

ありがとうございます。後で詳しく見ますが、なぜテキストではなく、PM（個人メッセージ）の色の変更が焦点になっているのか、何か理由がわかりますか？

8

ああ、それが鍵だったんですね。アーキタイプについて調べてみます。ありがとう！

9

テキストは /admin/customize/text で簡単に変更できます。色によって、何か違うことをしていることが非常に明確になります。

「いいね！」 1
10

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