Как работают виджеты для сервера в Дискорде?

Как работают виджеты для сервера в Дискорде?
0 0
Read Time:2 Minute, 28 Second

Что такое виджеты для сервера в Дискорде, как их настроить и правильно использовать? Вы удивитесь, какие возможности таит в себе мессенджер – давайте опробуем их на практике!

Штатные средства

Виджет сервера Дискорд можно настроить самостоятельно – такая опция есть в функционале мессенджера. Что он собой представляет?

Значение виджета сервера

Виджет – это специальная форма для вставки на другие сайты – идеальное решение, если у вас есть свой блог! Появится небольшое окно, в котором показана основная информация о сервере и канале, количество участников, последние сообщения. Там же будет иконка, позволяющая присоединиться к числу участников. Очень удобно!

Что это за виджет сервера Дискорд – понятно, как можно его создать? Вам не придется ничего придумывать, все уже сделано за вас!

  • Откройте мессенджер и найдите на панели слева нужный сервер;

    Как работают виджеты для сервера в Дискорде?

  • Кликните по его названию наверху;
  • Из открывшегося меню выберите пункт «Настройки»;

    Как работают виджеты для сервера в Дискорде?

  • Перейдите к вкладке «Виджет»;

    Как работают виджеты для сервера в Дискорде?

  • Активируйте тумблер напротив параметра «Включить».

    Как работают виджеты для сервера в Дискорде?

Теперь вам нужно выбрать текстовый канал из выпадающего списка – тогда будет автоматически генерироваться ссылка-приглашение. Если вы не выберете канал, будут доступны только голосовые группы и участники в сети.

Выбрали? Виджет Discord практически настроен – вкладки «ID» и «JSON API» не трогаем, переходим к разделу «Готовый…» и жмем на кнопку копирования, чтобы получить код.

Как работают виджеты для сервера в Дискорде?

Важно: если у вас есть доступ к пользователям сайта, можете вставить &username= в строку запроса.

На выходе вы получите стандартное оформление, которое нельзя изменить. Окно встраивается в HTML-код страницы.

Если этого недостаточно – можно поискать готовые виджеты для сервера в Дискорде. Возможно, такое решение понравится вам больше!

Дополнительные возможности

Если вы готовы поэкспериментировать, можно взять уже готовый виджет для Дискорда и кастомизировать его под свои нужды!

Есть отличная вещь – DiscordIntegrator/ru, позволяющий интегрировать интерактивную панель на свой сайт. Просто скопируйте код и вставьте его в HTML-редактор.

Разумеется, мало просто скопировать код, вы можете сами поменять в нем некоторые параметры и выбрать, как он будет выглядеть. К сожалению, цвет останется по умолчанию, его отредактировать не получится.

{{DiscordIntegrator

| id = 246075715714416641

| theme = light

| width = 500px

| height = 500px

}}

В строку id вставляете свой идентификатор, который вы найдете в настройках мессенджера (выше мы говорили, где он находится). А дальше пройдемся по параметрам, которые вы можете добавить или убрать:

Параметр Что изменится
title Название модуля
moduleHeight Высота с правой стороны
text Текст над виджетом
footer Текст под ним
theme light или dark (светлая или темная)
width Ширина (количество пикселей (Xpx) или процентов (Y%)
height Высота (количество пикселей (Xpx) или процентов (Y%)
logged-in Будут ли отображаться только зарегистрированные участники (true) или все пользователи (false)

Кроме того, готовые виджеты для Discord вы можете найти здесь – к вашим услугам настоящий конструктор, где вы можете поработать с шаблонами, добавить свои кнопки, немного поменять оформление.

Важно! Для того, чтобы поставить панель на свой сайт, мало просто вставить код в редактор. Необходимо активировать опцию «Включить виджет» в настройках мессенджера. Как это сделать, мы рассказывали в первой части обзора!

Освоили виджеты для Дискорда? Если вам нужно встроить интерактивное окно со ссылкой на свой сайт – вы знаете, что делать! Воспользуйтесь штатной функцией или попробуйте силы в самостоятельной настройке готового решения.

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

admin

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *