Make "New Topic" button more prominent

I had some users complain that it wasn’t obvious how to post a new topic, so I styled the button to look like .btn-primary. I think that might be a good default, actually:

(I also changed the “create” vocabulary to “post” since taking the screenshot, but that’s another matter altogether :slight_smile: )

「いいね!」 4

This is intentional, we believe people should look for existing topics first before rushing to create a new one. Reply is primary action not create topic.

「いいね!」 6

Ah, interesting! For our community, we currently want new users to be able to find how to ask questions more easily. We’re a small, private community. But I can see why this would be counterproductive in large, public, and active forums.

「いいね!」 2

Yes it’s totally fine to change this to whatever you want locally on your discussions, my comments are in the context of global defaults for all sites.

「いいね!」 6

とても素敵ですね、ありがとうございます。「新しいトピック」ボタンを、あなたが使ったレイアウトに変更したいと考えています。私はプログラマーではないので、技術的な知識が限られている状態でこれを実現する方法について、何かご提案はありますか?@alehandrof

admin/customize/themes に移動し、アクティブなテーマの common > CSS に以下のコードを追加してください。

#create-topic {
  background: var(--tertiary);
  color: var(--secondary);
  svg {
    color: var(--secondary);
  }
  
  &:hover {
    background: var(--tertiary-hover);
    svg {
      color: var(--secondary);
    }
  }
}

Discourse テーマの詳細については、こちらをご覧ください。

「いいね!」 6

おお、素晴らしい!これをコピー&ペーストするだけで動きました。コードを何かに入れるのは初めてで、とてもワクワクしています。見た目も最高です。@Johani さん、ありがとうございます。
「New Topic」というデフォルトの文言を「Create New Topic」や、もっと目を引く別の表現に変更する方法はありますか?

「いいね!」 1

はい、admin/customize/site_texts に移動し、js.topic.create を検索してください。

これで2つの結果が表示されます。

最初の結果はトピック一覧に表示されるボタンのものです。2番目の結果は、新しいトピックを作成する際にコンポーザー内に表示される送信ボタンのものです。

どちらのテキストも、お好みの内容に変更できます。

「いいね!」 3

本当にありがとうございます。とても役立ちました。すでに修正しました。

「いいね!」 1

休暇中でメールの確認ができておりませんでした。フォローアップしてくださった @joe さん、ありがとうございます!実は私もいつ頃何をしたか覚えていませんでした。もう随分前のことだったのです!:blush:

「いいね!」 3