환영 링크 배너

:discourse2: 요약 Welcome Link Banner은 사용자 정의 텍스트와 1~4개의 링크를 추가할 수 있는 간단한 배너입니다.
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 리포지토리 링크 https://github.com/discourse/discourse-welcome-link-banner
:open_book: Discourse 테마가 처음이신가요? Discourse 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

기능

설정

이 컴포넌트에는 다양한 설정이 포함되어 있습니다!

이름 설명
표시 위치 배너를 홈페이지, 토픽 목록 또는 모든 페이지에 표시하도록 선택
배너 링크 font awesome 아이콘과 텍스트를 사용하여 1~4개의 링크를 추가 (Discourse에 기본적으로 포함되어 있지 않은 아이콘을 svg_icons 설정에 추가해야 할 수도 있음)
최대 신뢰 수준 특정 신뢰 수준의 사용자만 배너를 표시
스태프에게 숨김
모바일에서 숨김
레이아웃 텍스트 왼쪽(기본값) 또는 텍스트 상단
플러그인 아웃렛 배너가 렌더링되는 위치를 변경할 수 있으며, 사이드바를 사용 중이라면 above-main-container를 시도해 보세요
익명 사용자에게 숨김 로그인하지 않은 사용자에게 배너를 숨김
닫기 가능 사용자가 x를 클릭하여 배너를 숨길 수 있도록 허용
배너 배경 이미지 배너 뒤에 표시할 이미지 선택
배너 배경 반복 배경 이미지 반복 동작 구성
배너 배경 크기 CSS를 사용하여 배경 이미지 크기를 조정 (자세한 정보)
배너 배경색 배경 이미지가 없나요? 단색을 사용하세요!
배너 박스 배경색
배너 텍스트 색상
배너 아이콘 색상
배너 링크 색상
번역 기본값
meta_banner.welcome 우리 커뮤니티에 오신 것을 환영합니다!
meta_banner.subtitle 대화에 참여하고, 친절함을 잊지 마세요.

:discourse2: 저희가 호스팅을 제공하나요? 테마 컴포넌트는 Pro, Business 및 Enterprise 플랜에서 사용 가능합니다.

79개의 좋아요
How is the Banner at meta.discourse.org created?
How to Set a Closable Banner at the Top of site?
Banner text customization for Subscriptions plugin
Do the team have plan to release the banner as a theme component?
How is the "Welcome to Discourse Meta!" div being hid on forum posts?
Can the new About page be more visible?
Christmas Decoration Component :christmas_tree:
How do I add category groups and category group groups on my site? Just like Epic Forums
How to add sub header similar to "Welcome to Discourse Meta!"?
How to apply CSS code only in the discourse home page?
Adding icons for the Welcome Link Banner
How do I create a welcome banner like the one on this site?
How do I remove this sticky event/announcement banner?
Setup custom Welcome banner on the homepage
Make the Welcome Banner less intrusive
Can I create two new topic butons on my home page?
My Wiki of useful Meta (and other) links
What's with this official theme navigation?
Your own banner with a link
How to add a directory of people/businesses to my theme?
How to add title and buttons naturally above forum topics?
Name of component discourse top forum
How to show a piece of content to *only* non-logged in users
What are good plugins or theme components for a forum emphasizing pictures?
What are good plugins or theme components for a forum emphasizing pictures?
Questions about subcategories displaying in wiki sidebar
Creating a banner to display at the top of your site
Welcome Banner inspired by the discourse hiring banner
Horizon Theme
What Are Some Good Welcome Banner Designs?
What's the background image size for the Welcome Banner?
How can I make these two banners?
Handlebars template conditional for trust level
Feng Shui (Simplifying the UI for new users)
Call to action - encourage new users to participate
Showing a Warning to Non-Registered Users
Can the new About page be more visible?
Call to Action - Top Header (Like meta.discourse.org)
Third migration, once again for a niche forum (Volkswagen Campers vans)
Fancy site header: how do I get it & what made it go away?
What is this component?
Customizing your site with existing theme components
Add Discourse-style top banner to my forum
Dismissible banner on meta
How to put sidebar on "top" like it is on meta.discourse
How to add this type of banner?
Require users to join at least one group at sign-up
Design and elements like on meta.discourse.org
Versatile Banner

If you’re using the experimental sidebar, I’ve added a setting (plugin outlet) that will make the welcome banner appear above the content but not above the sidebar. Just change that setting to above-main-container.

Changing that setting will make the banner appear to the right of the sidebar, as our banner does here on Meta:

https://github.com/discourse/discourse-welcome-link-banner/pull/7

6개의 좋아요

10 posts were split to a new topic: Welcome Link Banner no longer showing on my site?

Question: when a user (me ^^) has closed the banner, how can he recover it ?
I do ctrl+F5 but it won’t come back, and I closed it just for test.

3개의 좋아요

On desktop, you can clear the localstorage item here, discourse_dismissedWelcomeLinkBanner.

You hit F12 to open the browser console → go to Application tab → In the left panel, click on Local Storage then your website → Look for the discourse_dismissedWelcomeLinkBanner key and delete it.

That’s it! You can refresh, and the banner should appear again.

5개의 좋아요

Is there a way to display the banner if a user is in, or not in a group? rather than based on trust levels?

2개의 좋아요

Hi @martyn_thomas :wave: If you install this theme component you should be able to use CSS to achieve what you want

4개의 좋아요

My question may seem stupid, but I’m not a programmer. I installed the CSS Classes for Current User's Groups component. If I want to display 3 banner options for three different groups, should I install three copies of the Welcome Link Banner component? Then how should I style the CSS if I want to:
For group A, banner-A was displayed, for group B, banner-B was displayed, and for group C, banner-C was displayed? Could you give an example?
Thanks in advance for your answer :pray:

2개의 좋아요

Only install one copy of the component. See here for how to use

https://github.com/discourse/discourse-groups-css-classes-in-body?tab=readme-ov-file#usage

body.group-(group name here) .welcome-link-banner-wrapper {
    display: none;
}

replace “(group name here)” with the group you want to hide banner for.

4개의 좋아요

Thanks, this works if I want to hide a banner for a specific group, but I don’t know how to display different banners with different content for different groups(

2개의 좋아요

if you want different banners, that is going to required more than one copy of the welcome link banner component (not the css group component). You may also want to do different CSS to show rather than hide.

4개의 좋아요

I understand this, but I don’t know how to implement such CSS. I need a rough CSS example

2개의 좋아요

you may want to hide it for everyone first, then use display: block for select groups. What you are wanting can likely be achieved more than one way - hiding for all then showing for some, or hiding for some.

1개의 좋아요

Allow me to offer some clarifications.

If I have several copies of a component, how should I write the class name. For example,

body.group-name1 .welcome-link-banner-wrapper 1{
display: none;
}
body.group- name1 .welcome-link-banner-wrapper 2 {
display: none
}
body.group-name2 .welcome-link-banner-wrapper 1{
display: block;
}
body.group-name2 .welcome-link-banner-wrapper 2{
display: none
}
body.group-name3 .welcome-link-banner-wrapper 2{
display: block
}

Something similar to?
I can’t figure out what .welcome-link-banner-wrapper will be called for each component instance.

3개의 좋아요

You may have to fork the banner component for each use? probably best to learn some basic CSS and theme component dev for this sort of out of scope use case.

4개의 좋아요

I would like to use this banner because it is simple and clean. Is it OK to use it to promote my company’s app rather than as a welcome banner?

I’m thinking of setting the link to a URL that can be downloaded from the App Store. Is there any problem with this as well?

Can I change the “Welcome to our community!” part?

2개의 좋아요

Yes you can customize all the texts, choose the icons and add whatever links you want to add.
You can also try the theme on theme creator

4개의 좋아요

@Moin

Thanks!

2개의 좋아요

3 posts were split to a new topic: What icons can I add the Welcome Link Banner?

3 posts were split to a new topic: Show Welcome Link Banner for specific Categories