Вкладка «Стили и Цвета»

Вкладка «Стили и Цвета» позволяет администраторам управлять стилями комментариев, настраивать цвета и добавлять собственные CSS коды. Давайте сразу перейдем к разбору опций в данной вкладке.

Вкладка «Стили и Цвета»

Стиль списка и формы комментария

Это опция имеет три варианта:

    1. Off
    2. По умолчанию
    3. Темный

Первый вариант добавлен в 7-ой версии плагина wpDiscuz.  Он позволяет удалить большую часть CSS-кодов wpDiscuz. Следовательно, вы легко можете написать собственные CSS коды.

Два других варианта были добавлены довольно давно.  Здесь в зависимости от WordPress темы вы можете выбрать подходящий вариант. А именно для тем с темным фоном, идеально подойдет «Темный» стиль.

OffПо умолчаниюТемный
Примечание: возможно вы, уже знаете, что wpDiscuz 7 имеет три разные стили комментариев. Вы можете выбрать макет перейдя в Dashboard > wpDiscuz > Forms. Стоит отметить, что эти стили доступны только для стилей «По умолчанию» и «Темный». Так как, стиль Off предназначен только для разработчиков, которые хотят создать новый макет на основе этого минимального стиля. По умолчанию активен макет №1. Однако вы можете выбрать один из трех встроенных макетов в настройках формы комментариев:
макет №1макет №2макет №2

Специальные цвета

Далее идет раздел «Специальные цвета». Здесь вы можете настроить цвета для отдельных элементов с помощью цветового миксера («Color Picker»).  Эти параметры позволяют управлять цветами раздела комментариев как для стиля по умолчанию и, так и для тёмного стиля.

Итак, здесь мы можем изменить фон и цвет:

  • области комментария
  • текста комментария
  • текста  полей комментария
  • плейсхолдеров

Стили и Цвета

Основные цвета

В разделе «Основные цвета» вы можете поменять цвет:

  • Основной цвет
  • Текста основных кнопок
  • Инфо-кружочека (Comment Bubble)

Цвета рейтингов и ярлыков авторов можно поменять соответственно во вкладках «Рейтинг статей и комментариев» и «Ярлыки и значки пользователей».

Вкладка «Стили и Цвета»

Font Awesome

Font Awesome предоставляет масштабируемые векторные иконки, которые используют wpDiscuz. Если у вас уже загружена библиотека Font Awesome, вы можете отключить ее.

ВАЖНО: если ваша тема использует старые версии Font Awesome, вы не должны отключать эту опцию. Старая версия не поддерживает значки новой версии, поэтому некоторые значки wpDiscuz могут не отобразится.

Пользовательский CSS код

Если вам нужно поменять стиль комментариев, вы можете добавить пользовательский CSS код в данное текстовое поле. Также, можно, например, скрыть какой-либо элемент с помощью CSS  правила {display:none}.

CSS — Cascading Style Sheets — это каскадные таблицы стилей. По сути — язык, который отвечает за описание внешнего вида HTML-документа. Вы можете найти всю информацию о CSS в ресурсе W3Schools.

На этом пожалуй все.

Если у вас возникнут вопросы связанные с настройками плагина, добавьте новую тему в Форуме wpDiscuz, буду рада помочь!

4.8 5 votes
Рейтинг статьи
Подписаться
Уведомить о
guest

7 Комментарии
новые
старые популярные
Inline Feedbacks
View all comments
Александр
14.01.2022 10:32

Здравствуйте. Конкретный вопрос. Как покрасить кнопки редактора (сейчас синий при наведении, хочу красный) используя шаблоны и стили пользователя (Custom Template and Style)?
А может это возможно при помощи CSS? Тогда как?

Александр
17.01.2022 09:03
Reply to  Ольга

Странно, не получил Вашого коммента на мейл, ну да ладно. Сам сел разбираться, хотя я не веб-мастер, а всего лишь сисадмин.
Ответ в посте моего блога.
Однако все равно спасибо за Ваш труд.
wpDiscuz — реально клевый плагин, и хорошо что Вы поддерживаете сайт на русском.

Константин
Константин
23.10.2021 09:43

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

Kонстантин
Kонстантин
23.10.2021 11:39
Reply to  Ольга

И действительно) Что ж, спасибо. Использую плагин на нескольких сайтах, обычно обращаюсь в официальный саппорт, но думаю у вас уже много готовых ответов, желаю удачи в развитии!