Встановлення теми для Discord

Зміст

• Варіант 1: програма для ПК
  • Спосіб 1: вбудовані налаштування зовнішнього вигляду
  • Спосіб 2: BetterDiscord
  • Редагування існуючої теми
• Варіант 2: Мобільний додаток
• Питання та відповіді

Варіант 1: програма для ПК

У програмі Discord для комп'ютера, на відміну від мобільного додатку, є набагато більше функцій персоналізації і рішень від сторонніх розробників, що дозволяють реалізувати практично будь-які завдання, якщо це не виходить зробити за допомогою внутрішніх інструментів. Тому спочатку розповімо про цю версію, детально розібравши два варіанти установки і настройки тим.

Спосіб 1: вбудовані налаштування зовнішнього вигляду

Цей метод для тих користувачів, хто не бажає завантажувати кошти від сторонніх розробників і доповнювати стандартну функціональність месенджера. В такому випадку налаштувань зовнішнього вигляду буде не так багато, оскільки поки творці не додали параметри для установки картинок на задній фон або хоча б вибору будь-якого однотонного кольору.

1. Натисніть по значку у вигляді шестерінки для переходу в меню &171;налаштування користувача&187; .

2. На панелі зліва в блоці &171;налаштування Програми&187; знайдіть пункт & 171; зовнішній вигляд&187; і зробіть клік по ньому.

3. Поки на вибір пропонується тільки дві теми: темна і світла. Яку з них вибрати &8212; ви вирішуєте самі, встановлюючи маркер навпроти відповідного пункту.

4. Якщо вибрати світлу тему, бічну панель можна зафарбувати в темний колір.

5. Результат такого налаштування демонструється на наступному скріншоті.

6. Додатково в цьому меню розташовано три різних повзунка. Перший відповідає за регулювання розміру тексту в чаті.

7. Вгорі даного вікна з настройками відразу ж після внесення змін ви побачите, як вони вплинуть на відображення повідомлень.

8. Наступний регулятор &8212; &171; відстань між групами повідомлень & 187; . За допомогою нього налаштовується відступ між серією повідомлень від одного користувача до першого повідомлення від іншого.

9. Останній параметр впливає на загальний рівень масштабування, тобто відповідає за зміну розмірів всіх елементів програми. Під цим повзунком знаходиться Примітка від розробників про те, як можна швидко змінити масштаб стандартними гарячими клавішами.

Поки це все Налаштування зміни зовнішнього вигляду, які надають розробники Діскорда. Слідкуйте за анонсами та описами оновлень публічної тестової версії &8212; її можна буде завантажити для перевірки всіх змін, ще не доданих до стабільної збірки.

Спосіб 2: BetterDiscord

BetterDiscord &8212; одна з кращих, якщо не єдина програма, значно розширює загальну функціональність Дискорду завдяки додаванню різних бібліотек і скриптів. В рамках цієї статті ми не будемо говорити про всі її можливості, а торкнемося тільки додавання і настройку тим. Розділимо всю операцію на кроки, щоб її було простіше виконати.

Крок 1: Встановлення BetterDiscord

Як вже можна здогадатися, BetterDiscord за замовчуванням не додано в Діскорд, тому його потрібно завантажити і інсталювати самостійно. Програма поширюється безкоштовно, а всі вихідні коди і додаткові матеріали викладаються автором на GitHub, завдяки чому досвідчені користувачі можуть використовувати їх у своїх цілях і модернізувати додаток.

Перейдіть до завантаження BetterDiscord з офіційного веб-сайту

1. Перейдіть за посиланням вище та натисніть кнопку &171;Download&187; для відкриття сторінки завантаження розширення.

2. Після відображення сайту GitHub знайдіть в списку файлів виконуваний файл установника для Windows і натисніть по ньому для початку завантаження.

3. Чекайте закінчення завантаження і запустіть інсталятор.

4. Для переходу до наступного кроку прийміть умови ліцензійної угоди, вибравши варіант &171;Agree&187; .

5. З'явиться вікно з трьома діями на вибір, де вам необхідно вибрати перший варіант &8212; &171;Install BandagedBD&187; .

6. Відзначте галочкою пункт &171;Install To Stable&187; для додавання компонентів до стабільної версії месенджера. Якщо ви використовуєте публічну тестову збірку, вона теж виявиться автоматично, але тоді доведеться додати галочку до рядка &171;Install to PTB&187; .

7. Чекайте завершення інсталяції, що займає буквально хвилину, а після закінчення закрийте дане вікно кліком по кнопці &171;Exit&187; .

Якщо вікно Діскорда з повідомленням про додавання нового компонента не з'явилося автоматично, перезавантажте програму і тільки потім переходите до наступного кроку.

Крок 2: пошук папки для встановлення теми

Розглянемо простий етап, що полягає в попередньому відкритті директорії, куди будуть встановлюватися всі сторонні теми. Наступна інструкція допоможе розібратися і з розташуванням необхідних пунктів налаштувань, доданих BetterDiscord.

1. Після запуску Діскорда переконайтеся в наявності написи &171;Public&187; на лівій панелі. Це означає, що розглянутий компонент успішно встановлений. Натискання по цьому напису відкриває його налаштування та інші корисні функції, але про це краще прочитати на офіційному сайті.

2. Зараз же потрібно перейти в Налаштування облікового запису, клікнувши по значку у вигляді шестерінки в головному вікні.

3. Прокрутіть панель ліворуч, щоб знайти новий блок &171;Bandaged BD&187; . Там розташовані всі розділи, пов'язані з доданими компонентами. Вони дозволяють керувати загальними налаштуваннями, смайликами, плагінами та темами. Якраз теми нас зараз і цікавлять, тому зробіть клацання по рядку &171;Themes&187; .

4. Після відкриття вікна з темами ви виявите, що зараз там немає жодної доступної варіації зовнішнього вигляду, і це не дивно, адже ще нічого не встановлено. Натисніть на &171;Open Theme Folder&187; для відкриття каталогу, де зберігаються всі теми.

5. Не закриваючи дане вікно &171; провідника & 187; , переходите до наступного етапу, де ми покажемо принцип пошуку та інсталяції тим.

Крок 3: Пошук та встановлення теми

Найважливіший етап нашого матеріалу &8212; пошук і установка різних тим для Дискорду. Для цього використовуються сторонні веб-ресурси, оскільки офіційно розробники не створюють теми. Враховуйте це при виконанні наступних дій і завантажуйте файли тільки з перевірених джерел.

Перейдіть на офіційний веб-сайт BetterDiscordLibrary

1. Як приклад ми будемо використовувати сайт BetterDiscordLibrary, тобто відгалуження від вже розглянутого веб-ресурсу, звідки здійснювалася завантаження доповнення. Скористайтеся посиланням для переходу до необхідної сторінці або самостійно відшукайте будь-який інший джерело, після чого виберіть відповідну тему.

2. Відкрийте її сторінку та натисніть кнопку &171;Download&187; , почавши тим самим скачування файлу на свій комп'ютер.

3. Чекайте завершення завантаження CSS-об'єкта, а потім перемістіться в директорію його зберігання.

4. Перенесіть його у вже відкриту папку, щоб зберегти теми.

5. Переконайтеся в тому, що переміщення пройшло успішно і CSS-стиль тепер відображається в даному каталозі.

6. Поверніться до розділу налаштувань &171;Themes&187; на Discord і перевірте, чи є там додана тема. Якщо знадобиться, перезавантажте програму і відкрийте розділ заново. Переключіть повзунок для активації нового зовнішнього вигляду.

7. На наступному скріншоті ви бачите, що все пройшло успішно, на задній план додана фотографія і панелі стали напівпрозорими. У вашому випадку можуть застосовуватися й інші зміни &8212; все залежить від типу завантаженої теми.

Ми не рекомендуємо активувати кілька тим одночасно (хоч це і є в Налаштуваннях), оскільки так відбувається накладення стилів CSS і можуть виникнути не тільки артефакти зовнішнього вигляду, але і функціональні збої. Краще по черзі використовуйте кожну тему, перемикаючи їх через розглянутий розділ з параметрами.

Редагування існуючої теми

Цей розділ Статті відноситься до попереднього методу і призначений для редагування існуючої теми за допомогою інструментів одного веб-ресурсу. Це дозволяє змінити кольори, прозорість вікон і додати своє зображення на фон, включаючи GIF-анімації для програвання циклічної анімації на тлі.

Перейдіть на офіційний веб-сайт Gibbu

1. Перейдіть на сайт за посиланням вище та виберіть одну з тем для редагування. Як правило, починати варто з тієї теми, в яку ви хочете внести мінімальну кількість змін.

2. В першу чергу задайте для неї нове ім'я і вирішите, яке головне зображення хочете встановити. Вставте посилання на нього або відзначте галочкою варіант &171;Computer File&187; для завантаження його через & 171; провідник & 187; .

3. Після цього з'явиться кілька перемикачів і повзунків, що відповідають за розмиття зображення, його розмір і розташування. При внесенні будь-яких зображень звертайте увагу на вікно попереднього перегляду праворуч.

4. Точно таким же чином можна додати додаткові зображення для інших головних вікон програми, використовуючи всі ті ж настройки в інших розділах.

5. Прозорість кожного доступного елемента налаштовується регуляторами в розділі &171;Brightness&187; .

6. В &171;Colours&187; ви можете вибрати абсолютно будь-який колір для різних елементів Діскорда, відштовхуючись тільки від своїх уподобань.

7. Зупинятися на останніх розділах редагування теми не будемо, оскільки два з них призначені тільки для досвідчених користувачів, а шрифти взагалі краще не чіпати, щоб не виникло функціональних помилок.

8. По готовності натисніть кнопку для завантаження навпроти рядка з назвою теми.

9. Після завантаження перетягніть файл у папку тем BetterDiscord.

10. Запустіть месенджер і застосуйте нову тему для перевірки її відображення. У нашому випадку на тлі відтворюється GIF-анімація.

Варіант 2: Мобільний додаток

На завершення розберемо метод зміни налаштувань зовнішнього вигляду в мобільному додатку Discord. На жаль, поки для нього немає додаткових програм, як для десктопної версії, тому доведеться обмежитися стандартними параметрами, яких, до речі, ще менше, ніж в збірці для ПК.

1. На панелі внизу натисніть по зображенню своєї аватарки, перейшовши тим самим в Налаштування профілю.

2. Опустіться до розділу &171;налаштування Програми&187; і виберіть категорію & 171; зовнішній вигляд&187; .

3. Перемикайтеся між світлою і темною темою, відзначаючи галочками відповідні пункти.

4. Вимкніть синхронізацію клієнтів, щоб Налаштування Теми не збігалися з встановленими на ПК під час використання програми.

5. Остання доступна функція &8212; зміна загального масштабу тексту за допомогою переміщення повзунка.