# 拡張可能なバナートピック

**URL:** https://meta.discourse.org/t/expandable-banner-topic/223831
**Category:** Feature
**Created:** [2022 年 4 月 10 日午前 6:45 UTC](https://meta.discourse.org/t/expandable-banner-topic/223831 "2022-04-10T06:45:04Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022 年 4 月 10 日午前 6:45 UTC](https://meta.discourse.org/t/expandable-banner-topic/223831/1 "2022-04-10T06:45:04Z")

</div>

こんにちは。

拡張可能なバナーのトピックが役立つと思います。コードブロックの展開機能のように、モーダルを使用して全高またはそれ以上の表示に使用できます。これにより、特にモバイルビューでの読み取りとスクロールが容易になります。

ありがとうございます 🙂

---

<div class="post-metadata">

### Author: ![osioke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osioke/32/238946_2.png) [@osioke](https://meta.discourse.org/u/osioke)
#### Post date: [2022 年 4 月 10 日午後 8:19 UTC](https://meta.discourse.org/t/expandable-banner-topic/223831/2 "2022-04-10T20:19:39Z")

</div>

ドンさん、ご提案は非常に役立つように思えますが、「拡張可能なバナーのトピック」という言葉の意味がよくわからないため、完全に理解できません。このバナーがどのような見た目になるのか、またはどのような問題を解決するのに役立つのか、スケッチや説明などの詳細を教えていただけますでしょうか。

もしこれが別のトピックからのフォローアップまたは継続である場合は、そのトピックへのリンクと、このトピックに必要なコンテキストを与える部分を引用していただけますでしょうか。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022 年 4 月 10 日午後 8:58 UTC](https://meta.discourse.org/t/expandable-banner-topic/223831/3 "2022-04-10T20:58:12Z")

</div>

こんにちは、Osiokeさん

はい、これについて簡単なスケッチを作成しました。このようなアイデアです 🙂

これは、展開ボタン付きのデフォルトのバナートピックです。

 ![expand-banner-topic-1](https://global.discourse-cdn.com/meta/original/4X/f/a/7/fa7d25760ac20ec4d7c9161b4eb6c2016ace8105.jpeg)

* * *

ボタンをクリックすると、バナートピックがモーダルで展開され、x が圧縮ボタンに置き換えられます。または、モーダルを閉じるために x ボタンをそのままにしておくこともできます。また、外側をクリックしても閉じることができると思います。

 ![expanded-banner-topic](https://global.discourse-cdn.com/meta/original/4X/4/7/4/47402a48b26aead6f4f18273e47c41c345f2b63e.jpeg)

ありがとうございます 🙂
