Вики Сообщества
Вики Сообщества
Advertisement
Вики Сообщества

Конструктор тем — это простой в использовании инструмент администратора, который позволяет быстро настроить внешний вид и стиль вашей вики. Создайте свою собственную уникальную тему, которая соответствует тематике вашей вики.

Описание[]

Перейти в Конструктор тем можно:

Конструктор тем состоит из трёх частей:

  • в левой части располагается панель инструментов, с помощью которой можно менять цвета и другие элементы оформления вики;
  • в центральной части находится предварительный просмотр страницы, где в реальном времени отображаются все ваши правки с помощью инструментов;
  • вверху находится адресная строка, где можно указать конкретную страницу для предварительного просмотра; по умолчанию в предпросмотре отображается заглавная страница вики, но вы можете проверить цветовую гамму на любой другой странице, указав её название в адресной строке.
    • здесь же находится переключатель между видом страницы на компьютере и на мобильном устройстве (мобильным скином).
Конструктор тем общий вид

Общий вид Конструктора тем.

Мобильный скин[]

Все изменения в Конструкторе тем затрагивают и внешний вид мобильного скина, если вы активировали эту возможность. Для добавления темы Конструктора тем в мобильный скин вам необходимо исправить все проблемы с контрастностью (см. ниже), а затем - нажать кнопку "Сохранить".

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

Инструменты оформления[]

Атрибуты сообщества[]

Конструктор тем атрибуты сообщества

Эти элементы не зависят от тёмной или светлой тем оформления, которые можно настроить в других разделах. Они будут отображаться всегда одинаково.

  • Название вики. По умолчанию здесь отображается название вики (sitename), которое было задано при создании вики. Вы можете написать здесь любой текст, что может быть полезно, если вы уже указали название вики в логотипе сообщества. Однако при прокрутке страницы вниз в навигационном меню всё равно будет отображаться название вики (sitename), а не тот текст, который вы написали.
  • Логотип сообщества. При желании вы можете создать и загрузить для вики собственный логотип. Он придаст индивидуальность вашему сообществу. Мы рекомендуем создать квадратный логотип. Он должен быть в формате .png и размерами не более 500х500px. Если поставить галочку напротив "Использовать в навигации", то логотип будет отображаться в навигационном меню при прокрутке страницы вниз. Это можно использовать, если у вас крупный и хорошо различаемый логотип, без мелкого текста. В противном случае, эту опцию лучше не применять.
  • Фавикон. Это маленькое изображение, которое появляется на вкладке вашего браузера и некоторых других местах. Фавикон должен быть в формате .ico или .png размером не менее 16×16px и не более 256x256px. См. справочную статью, чтобы узнать больше.
  • Изображение сообщества. Это изображение будет представлять ваше сообщество на Фэндоме и отображаться в различных местах, включая поиск и профиль. Рекомендуется использовать изображение высокого качества размерами 600x450px.

Светлая и тёмная темы[]

Конструктор тем фон и навигация

Все последующее оформление вики можно и нужно настроить для тёмного и светлого скинов вики. Переключиться между ними можно на вкладках с соответствующими заголовками. Здесь же можно выбрать, какой скин будет выбран для вики по умолчанию. Для этого переключитесь на нужную вкладку и выберите опцию "Сделать темой по умолчанию". Выбранную тему будут видеть анонимные пользователи и участники вики, которые выбрали соответствующую опцию в личных настройках.

Фон и навигация[]

Это настройки фонового изображения или цвета вики и области с меню вики вверху страницы.

  • Фоновое изображение. Вы можете использовать для своей вики фоновое изображение, которое будет отображаться по бокам и сверху области с контентом или только сверху. Фоновое изображение может быть в формате jpg, .png или .gif и весом не более 1 MB. Подробнее о настройках фона см. справочную страницу.
    • Фоновое изображение можно добавить на мобильный скин вики, поставив галочку в опции ниже выбора фонового изображения.
  • Цвет фона сообщества. Это цвет для фона по бокам и сверху области с контентом. Он будет отображаться, если вы не поставили фоновое изображение и в тех местах, которые не перекрывает фон. Если использовать ползунок Непрозрачный фон, то сквозь фоновое изображение будет просвечивать выбранный цвет фона.
  • Цвет фона навигации. Это цвет для фона меню вики при его прокрутке вниз страницы. Цвет текста меню при этом выбирается автоматически.
  • Цвет заголовка. Это цвет текста меню вики вверху страницы. Подбирайте его максимально контрастным по отношению к фоновому цвету или к цветам фонового изображения.

Стиль статей[]

Конструктор тем стиль статей

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

  • Шрифт заголовков. Вы можете выбрать разный шрифт для заголовков разделов статей.
  • Цвет элементов/кнопок. Эта настройка задаёт цвет различных элементов на странице, включая кнопки, панель Мои инструменты, заголовки инфобоксов.
  • Цвет ссылок. Эта настройка задаёт цвет ссылок, которые должны хорошо выделяться на страницах вики. Избегайте красного и близких к нему цветов, так как красным отображаются ссылки на несуществующие страницы.
  • Цвет фона статьи. Эта настройка задаёт цвет фона для контента, а также цвет фона для различных выпадающих меню, включая меню навигации. Цвет текста при этом будет подобран автоматически для лучшего контраста.

История темы[]

Конструктор тем история темы

С помощью этой настройки вы можете вернуться к предыдущим правкам в Конструкторе тем. Когда вы выберете одну из правок, настройки оформления сразу отобразятся в окне предварительного просмотра. При желании вы можете сохранить предыдущую версию оформления как текущую.

Обратите внимание, что в истории Конструктора тем сохраняются только 10 последних правок. Поэтому мы рекомендуем вносить существенные изменения в оформление вики, а только затем сохранять правки, чтобы история правок была информативной.

Если ваша вики была создана до перехода на новый дизайн, то внизу раздела История темы вы можете воспользоваться опцией "Импортировать тему", чтобы восстановить цветовые настройки, которые были у вас ранее.

Контрастность[]

В современном дизайне сайтов очень важна контрастность текста (в том числе ссылок) и фона. Для википроектов это особенно актуально, так как контент вики предполагает чтение статей. Поэтому если выбранные вами цвета для любой из тем вики окажутся неконтрастными, то вы увидите предупреждение и не сможете сохранить ваши правки.

Конструктор тем ошибка в контрастности

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

Требуемы коэффициенты контрастности
  • Цвет ссылок относительно цвета фона статьи: 4.5
  • Цвет элементов (кнопок и пр.) относительно фона статьи: 3.0
  • Цвет фона сообщества относительно цвета текста навигации: 4.5

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

См. также[]

Advertisement