I’m afraid installing this component multiple times will not work. Your best option at this point is likely to pay someone to build you a custom solution via the marketplace
I have only had time to address bug reports on this component for the past while, but in the next year or two, I plan to do a major overhaul that will hopefully facilitate even more versatility.
I’m using the component settings to only show the banner on specific pages. I came across two glitches in the css:
To supress both I have to declare .banner-box {display: none;} and then add display declarations for the specific pages where it’s supposed to show.
hello @tshenry
is it possible to make the icons bigger?
デスクトップユーザーとモバイルユーザーで異なるグラフィックを提供する方法について、これはより一般的なFAQになるかもしれませんが、知りたいです。
これらのグラフィックはどこに表示したいですか？ デスクトップ/モバイルの状態に基づいて条件付きで表示する方法は確かにありますが、どのようなアプローチを取るかは、何をしようとしているかによって異なります。
クリスマスメッセージをグラフィックを含めて表示するために、versatile banner を使用しています。versatile banner のコンテキスト内でこれを実行できるようにしたいと考えています。
なるほど、その場合、Versatile Banner の「content」設定のいずれかに以下のようなものを追加できるかもしれません。
<div class="xmas-banner-image"></div>
そして、メインテーマまたは新しいコンポーネントに CSS を追加します。ここでは、LINK_TO_MOBILE_IMAGE を実際の画像リンクに置き換えることができる例を示します。
.mobile-view .xmas-banner-image {
background-image: url("LINK_TO_MOBILE_IMAGE");
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.desktop-view .xmas-banner-image {
background-image: url("LINK_TO_DESKTOP_IMAGE");
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
CSS の調整が必要になりますが、これで開始できることを願っています。
非常に良いですね。CSSで解決する必要があると感じていました。たたき台を提供していただきありがとうございます。
Discourse Assign プラグインと連携して、「/latest?assigned=」を具体的にターゲットに使用したいと考えています。これにより、「すべて」、「自分」、「なし」に割り当てられたトピック用のボタンを追加できます。
しかし、これは機能しません。「/latest」が機能するため、「?」が原因だと推測しています。これらのページ/ビューに対してのみこのバナーを表示するには、どうすればよいでしょうか？
また、「/latest」のみを選択した場合でも、バナーはホームページにも表示されます。これを防ぐにはどうすればよいですか？ ホームページの表示チェックボックスの設定を見落としていました。
最後に、アイコンをクリック可能にする方法はありますか？ アイコンの下のテキストのみがクリック可能なようです。
これらはより複雑なカスタマイズであり、別のコンポーネントに追加する必要があります。ウィジェットの1つを再オープンして動作を調整する方法の例は次のとおりです。Versatile Banner - #158
アイコンについては、CSSソリューションをハッキングすることもできると思います。列コンテンツ設定にアンカー要素を追加し、画像をオーバーラップするようにスタイルを設定できる可能性があります。
どうもありがとうございます！これで自分で解決できると思います。
テーマを有効にする前に、汎用的なバナーをプレビューする方法はありますか？ 
公開する前にどのように見えるかを確認したいのです（そして、恥ずかしい間違いを見つける前に） 
変更用に開発用ドロップレットを保持しています。月額5ドルで、何か問題が発生した場合に、何かを壊す前に確認できます（笑）。
ローカルホストでも同じことができると仮定します。それなので、VMを作成して月額5ドルを節約します（笑）。
なるほど、それは思いつきませんでした
そして、今日の発表に加えて、まさにそれをRaspberry Piで実行するかもしれません 
テストサイトに両方ともインストールしており、Versatile Banners の swap default positioning 設定をオンにすることで、位置を入れ替えることができます。これであなたも解決できるのではないでしょうか？
below-site-header を検索バナーで使用すると、「デフォルト位置の入れ替え」設定で、汎用バナーを上または下に切り替えることができます。
検索バナーのプラグインコンセントを above-main-container に設定すると、スワップをオンにしてもオフにしても、汎用バナーは常に一番上に表示されます。
（変更はページをリフレッシュすると表示されます）
フォーラムを立ち上げたばかりで、まだホストプランを利用しています。
このバナーは気に入っていますが、一つ質問があります…
ダークモードとライトモード（つまり、異なる配色と異なる背景画像/色）を実装したいのですが、設定を見落としているか、何か方法がありますか？
テーマコンポーネントを2回インストールし、1つをLight、もう1つをDarkと名付け、LightコンポーネントをLightテーマに、DarkコンポーネントをDarkテーマにそれぞれアタッチしました。
ただし、Lightコンポーネントはdefault dark mode color scheme idが設定されている場合、カラーパレットが切り替わりません。そのため、100%完璧ではありません。
