すべては CSS で実現可能ですが、リンクごとに設定を追加する必要があり、時間がかかる場合があります。
このコンポーネントのデモを例に取ります:
https://theme-creator.discourse.org/theme/Johani/custom-header-links
技術の例を使って、あなたの 3 つのシナリオを試してみます。
例 #1 ログインユーザーにのみ表示
.anon .headerLink.tech {
display: none;
}
例 #2 ログインしていないユーザーにのみ表示
.headerLink.tech {
display: none;
}
.anon .headerLink.tech {
display: inline-block;
}
例 #3 すべてのユーザーに表示:何も追加しない
テキストをメニューのキーワードに置き換えてください。
最後に、もう一つの例で説明します。メニュー項目「Your Vote Counts!」に使用する CSS クラスは .headerLink.your-vote-counts です。