ログインしていないユーザーのみバナーのトピックを非表示にするボタンを無効にする方法

サポート
1

How to disable the banner topic dismiss button? の議論を続けます：

このスレッドを確認しましたが、まだ明確な答えが得られていません。私のユースケースは以下の通りです：コミュニティ.pynk.io というフォーラムがあり、招待リンクを使って人々がフォーラムに参加しています。フォーラムに初めて訪れる人は小さなアンケート（TypeForm）に回答する必要があり、そのアンケートで一定の基準を満たすと、TypeForm が事前に生成された招待リンクを提供し、その潜在的な新規ユーザーが自動的にフォーラムに参加できるようになります。

フォーラムは招待制に設定し、新規登録を許可しているため、「サインアップ」ボタンは表示されなくなりました。その代わり、潜在的な新規ユーザーを「歓迎」し、アンケートへの参加を促すバナートピックをグローバルにピン留めしています。問題は、このバナートピックをログインしていないユーザーには非表示にできないようにしたいが、ログインしているユーザーには非表示にできるようにしたいという点です。つまり、ログインしていないユーザーには「X」ボタンを非表示にし、ログインしているユーザーには「X」ボタンを表示して、一度で完全に非表示にできるようにしたいのです。

この動作を実現するにはどうすればよいでしょうか？よろしくお願いいたします。

2

CSSで可能です。ユーザーがログインしているかを示す要素を見つける方法の例は、多くのトピックに載っています。（私の場合、CSSはまだかなり混乱しているので、実際の答えは持っていないのですが、それらを探すでしょう。）

急いでいる場合は、例を見つけることができるはずです。あるいは、誰かが実際のコードを提供してくれるかもしれません。

3

@pfaffman さん、ありがとうございます！今では自分で解決できました：

  • ログインしていないユーザーに「X」を非表示にするには：
.anon #banner .close .d-icon{
    display: none;
}
  • ログインしているユーザーに「X」を表示するには：
#banner .close .d-icon{
    display: block;
}
4

よくやりました！私の「答えになっていない答え」が、少しでもお役に立てたなら幸いです。:wink: