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

開発
1

素晴らしいテーマコンポーネントですね。ありがとうございます。

ユーザーがサイトコンテンツを表示するためにログインが必要な場合、リンクを非表示にする方法はありますか？
これが、テーマを有効にした際のログインページでの私のサイトの表示です。

image
image470×112 2.16 KB

「いいね！」 2
2

コンポーネントのアップグレードを通じてよりクリーンな方法が実現するまで、テーマに以下の CSS 行を追加してください。

.anon .custom-header-links {
    display: none;
}
「いいね！」 8
3

これで完璧に機能します！！！

もし、素晴らしいコードを書く皆さんの中で、各リンクごとに以下のように表示切り替えを追加できる方がいれば、大変感謝いたします！！！！！！

  1. ログイン中のユーザーのみ表示
  2. 匿名（ログインしていない）ユーザーのみ表示
  3. すべてのユーザーに表示
「いいね！」 2
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 です。

「いいね！」 10
5

ありがとうございます。助かりました :slight_smile:

「いいね！」 1