# Discourseの採用バナーに着想を得たウェルカムバナー

**URL:** <https://meta.discourse.org/t/welcome-banner-inspired-by-the-discourse-hiring-banner/344434>\
**Category:** General\
**Created:** [2024 年 12 月 26 日午後 5:21 UTC](https://meta.discourse.org/t/welcome-banner-inspired-by-the-discourse-hiring-banner/344434 "2024-12-26T17:21:20Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)\
**Post date:** [2024 年 12 月 26 日午後 5:21 UTC](https://meta.discourse.org/t/welcome-banner-inspired-by-the-discourse-hiring-banner/344434/1 "2024-12-26T17:21:21Z")

</div>

**Discourse の採用バナー** にインスパイアされた新しいデザインに取り組んでおり、皆さんと共有できることを楽しみにしています！😄

このバナーは **Welcome Link Banner** コンポーネントを使用して構築されており、完全に **レスポンシブ** です。つまり、デスクトップ、タブレット、モバイルのいずれであっても、あらゆる画面サイズに完全に適応します。Discourse の採用バナーと同様に、スムーズなトランジションとアニメーションでスタイリングされています。

詳細を確認し、このリンクからコンポーネントをインストールできます: [Meta Discourse の Welcome Link Banner](https://meta.discourse.org/t/welcome-link-banner/218743?u=mihirr)。

このデザインを使用するには、こちらの GitHub リポジトリからコンポーネントをインストールしてください: [Welcome Banner Responsive CSS](https://github.com/mihirranjan7/Welcome-Banner-Responsive-CSS.git)。

**重要:** 動作させるには、 **Welcome Link Banner** コンポーネントが有効になっていることを確認してください。

バナーが実際にどのように見えるかは次のとおりです:

 ![Screenshot 2024-12-26 225005](https://global.discourse-cdn.com/meta/original/4X/2/1/f/21fc717431ec2dd20f3e214d1c9bc515e3fb7182.png)  
 ![Screenshot 2024-12-26 225025](https://global.discourse-cdn.com/meta/original/4X/f/6/b/f6ba62b4403153bc115cb58143b60d6de6adda1f.png)

ご意見やフィードバックがあれば、ぜひお知らせください！皆さんの考えを聞かせていただけると嬉しいです。

---

_[View the full topic](https://meta.discourse.org/t/welcome-banner-inspired-by-the-discourse-hiring-banner/344434)._