Баннер приветственной ссылки

:discourse2: Резюме Welcome Link Banner — это простой баннер, позволяющий добавить пользовательский текст и 1–4 ссылки.
:eyeglasses: Предпросмотр Предпросмотр в конструкторе тем Discourse
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/discourse-welcome-link-banner
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Возможности

Настройки

Этот компонент включает множество настроек!

Название Описание
show on Выберите, где отображать баннер: на главной странице, в списках тем или на всех страницах
banner links Добавьте 1–4 ссылки с иконками Font Awesome и текстом (возможно, вам также потребуется добавить иконки, не включённые в Discourse по умолчанию, в настройку svg_icons)
max trust level Отображать баннер только пользователям определённого уровня доверия
hide for staff
hide on mobile
layout Текст слева (по умолчанию) или текст сверху
plugin outlet Позволяет изменить место рендеринга баннера; если вы используете боковую панель, попробуйте above-main-container
hide for anon Скрывает баннер у неавторизованных пользователей
can be dismissed Позволяет пользователям скрывать баннер, нажимая на x
banner background image Выберите изображение для фона баннера
banner background repeat Настройте поведение повторения фоновой картинки
banner background size Измените размер фоновой картинки с помощью CSS (дополнительная информация)
banner background color Нет фоновой картинки? Используйте сплошной цвет!
banner box background color
banner text color
banner icon color
banner link color
Переводы По умолчанию
meta_banner.welcome Добро пожаловать в наше сообщество!
meta_banner.subtitle Присоединяйтесь к обсуждению и помните о доброте.

:discourse2: Размещено нами? Компоненты тем доступны для использования в наших тарифах Pro, Business и Enterprise.

78 лайков
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?
Versatile Banner
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?
How to show a piece of content to *only* non-logged in users
Handlebars template conditional for trust level
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?
Name of component discourse top forum
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)
How can I make these two banners?
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

Если вы используете экспериментальную боковую панель, я добавил настройку (plugin outlet), благодаря которой приветственный баннер будет отображаться над контентом, но не над боковой панелью. Просто измените эту настройку на above-main-container.

Изменение этой настройки приведет к тому, что баннер появится справа от боковой панели, как это сделано с нашим баннером здесь, на Meta:

6 лайков

10 сообщений были перенесены в новую тему: Баннер приветственной ссылки больше не отображается на моём сайте?

Вопрос: если пользователь (я ^^) закрыл баннер, как его можно восстановить?
Я нажимаю Ctrl+F5, но он не появляется, хотя я закрыл его только для теста.

3 лайка

На рабочем столе вы можете удалить элемент localstorage здесь: discourse_dismissedWelcomeLinkBanner.

Нажмите F12, чтобы открыть консоль браузера → перейдите на вкладку Application → в левой панели выберите Local Storage, затем ваш сайт → найдите ключ discourse_dismissedWelcomeLinkBanner и удалите его.

Вот и всё! Обновите страницу, и баннер должен появиться снова.

5 лайков

Можно ли отображать баннер в зависимости от того, состоит пользователь в группе или нет, а не исходя из уровней доверия?

2 лайка

Привет @martyn_thomas :wave: Если вы установите этот компонент темы, вы сможете использовать CSS для достижения желаемого результата.

4 лайка

Мой вопрос может показаться глупым, но я не программист. Я установил компонент CSS-классы для групп текущего пользователя. Если я хочу отобразить три варианта баннера для трёх разных групп, нужно ли мне установить три копии компонента Welcome Link Banner? Тогда как мне стилизовать CSS, если я хочу:
Для группы A отображался баннер-A, для группы B — баннер-B, а для группы C — баннер-C? Не могли бы вы привести пример?
Заранее спасибо за ответ :pray:

2 лайка

Установите только одну копию компонента. Инструкция по использованию доступна здесь: GitHub - discourse/discourse-groups-css-classes-in-body · GitHub

body.group-(имя группы) .welcome-link-banner-wrapper {
    display: none;
}

Замените «(имя группы)» на название группы, для которой нужно скрыть баннер.

4 лайка

Спасибо, это работает, если я хочу скрыть баннер для конкретной группы, но я не знаю, как отображать разные баннеры с разным контентом для разных групп(

2 лайка

Если вы хотите использовать разные баннеры, потребуется более одной копии компонента баннера приветственной ссылки (не компонента группы CSS). Возможно, вам также стоит использовать разные стили CSS, чтобы отображать их, а не скрывать.

4 лайка

Я понимаю это, но не знаю, как реализовать такой CSS. Мне нужен пример грубого CSS.

2 лайка

Возможно, стоит сначала скрыть его для всех, а затем использовать display: block для выбранных групп. То, что вы хотите сделать, скорее всего, можно реализовать несколькими способами — скрыть для всех, а затем показать для некоторых, или скрыть только для некоторых.

1 лайк

Позвольте внести некоторые уточнения.

Если у меня есть несколько копий компонента, как мне писать имя класса? Например,

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
}

Похоже на это?
Я не могу понять, как будет называться .welcome-link-banner-wrapper для каждого экземпляра компонента.

3 лайка

Возможно, вам придется создавать форк компонента баннера для каждого отдельного случая. Вероятно, в таких нестандартных сценариях лучше освоить основы CSS и разработку тем для компонентов.

4 лайка

Я хотел бы использовать этот баннер, так как он простой и аккуратный. Можно ли использовать его для продвижения приложения моей компании, а не в качестве приветственного баннера?

Я планирую установить ссылку на URL, с которого можно загрузить приложение из App Store. Возникнут ли с этим какие-либо проблемы?

Могу ли я изменить текст «Welcome to our community!»?

2 лайка

Да, вы можете настроить все тексты, выбрать иконки и добавить любые ссылки, которые пожелаете.
Вы также можете протестировать тему в создателе тем.

4 лайка

@Moin

Спасибо!

2 лайка

3 сообщения были перенесены в новую тему: Какие иконки я могу добавить в баннер ссылки «Добро пожаловать»?

3 сообщения были перенесены в новую тему: Показывать баннер приветственной ссылки для конкретных категорий