匿名ユーザーからカスタムヘッダーリンクを非表示にする

開発
4

すべては 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 です。