# コメントではなく、ギフト/スパチャをテンプレートで表示できますか？

**URL:** <https://forum.onecomme.com/t/topic/953>\
**Category:** 質問\
**Created:** [2023 年 2 月 5 日午前 7:18 UTC](https://forum.onecomme.com/t/topic/953 "2023-02-05T07:18:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![u.k](https://avatars.discourse-cdn.com/v4/letter/u/dc4da7/32.png) [@u.k](https://forum.onecomme.com/u/u.k)\
**Post date:** [2023 年 2 月 5 日午前 7:18 UTC](https://forum.onecomme.com/t/topic/953/1 "2023-02-05T07:18:33Z")

</div>

## 対象

わんコメ / テンプレート / その他

## 利用OS

Windows

## 利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 10  
わんコメ： 4.1.2  
OBS: 29.0.0

## 内容

失礼します。  
showroomでコメントのみを表示するテンプレートとギフトのみを表示するテンプレートの2つを画面に表示したいです。

現在は

1. 設定で無料ギフトをコメントに表示することをチェック。
2. ワンコメユーチューブ参考にしてscriptを修正してgift-imageのあるコメントだけを見せるテンプレートを別途作って使いますが、

問題は

1. ワンコメ本体のコメント欄にギフトコメントが多くなると普通のコメントが見にくくなります。
2. 一人が連続してギフトを投げる時、コメントの方には複数の行で表示されますが、ギフトの方は1行で表示されるので、こちらが簡単で見やすいです。

というわけで  
設定で無料ギフトをコメントに表示することをチェック解除,  
ワンコメ本体に表示される’コメント’と’ギフト/スパチャ’をそれぞれobs画面に表示できればと思います。

もし現在可能であれば方法を知りたいです。 可能でなければ、いつか実装されることを願っています。

ありがとうございます。

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2023 年 2 月 5 日午前 7:37 UTC](https://forum.onecomme.com/t/topic/953/2 "2023-02-05T07:37:47Z")

</div>

コメント、ギフト/スパチャを分けて表示させることは可能です。  
OBSに入れたテンプレートに、以下のカスタムCSSをそれぞれ適用させてみてください。

コメントのみ表示させる

```auto
[data-gift="true"] {
display: none;
}

```

ギフト/スパチャのみ表示させる

```auto
[data-gift="false"] {
display: none;
}

```

基本的にはこのCSSで管理可能ではありますが、ご自身で望まれている挙動になるかについては、実際にカスタムCSSを適用させたあと確認頂く必要がございます。

---

<div class="post-metadata">

**Author:** ![u.k](https://avatars.discourse-cdn.com/v4/letter/u/dc4da7/32.png) [@u.k](https://forum.onecomme.com/u/u.k)\
**Post date:** [2023 年 2 月 5 日午前 8:09 UTC](https://forum.onecomme.com/t/topic/953/3 "2023-02-05T08:09:22Z")

</div>

ご回答ありがとうございます。  
scriptを修正するよりcssに追加する方がはるかに簡単ですね。すごく参考になります。  
しかし、  
この方法でも、無料ギフトを表示するには、コメントに無料ギフトを表示する設定をチェックする必要があります。 これをチェックせずに機能することを望んでいます。

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2023 年 2 月 5 日午前 8:30 UTC](https://forum.onecomme.com/t/topic/953/4 "2023-02-05T08:30:07Z")

</div>

承知しました。

CSSのカスタマイズのみではu.kさんのご希望される動作にはならないとのことですので、お手数ではございますが、スクリーンショットも活用いただき **希望される動作がどのようなものであるのか** を図でまとめていただき、同じような動作で使いたいという方の賛同を集めていただくのが一番かと思われます。

> **[対応サイト | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/supported-sites/)**
>
> | サイト名 | 対応状況 | サポートランク | 備考 |

SHOWROOMはサポートランクとしては現状Bではありますが、ご要望を出していただき実現させるには、賛同のコメントがついていないとなかなか難しいものです。  
ご希望の動作をまとめていただくとともに、お手数ではございますがSHOWROOMで同じ機能を実装してほしいという声を集めていただくようお願いいたします。

---

<div class="post-metadata">

**Author:** ![u.k](https://avatars.discourse-cdn.com/v4/letter/u/dc4da7/32.png) [@u.k](https://forum.onecomme.com/u/u.k)\
**Post date:** [2023 年 2 月 5 日午前 9:19 UTC](https://forum.onecomme.com/t/topic/953/5 "2023-02-05T09:19:21Z")

</div>

分かりました。もう少し調べて勉強した後に解決できなかったら試してみます。  
ありがとうございます。