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

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

Новый взгляд и новые возможности

Сразу хотим отметить, что Конструктор тем для FandomDesktop был сделан с нуля. Это абсолютно новый инструмент, который, тем не менее, является наследником текущего Конструктора тем и одновременно предлагает пользователям много нового, в том числе то, о чём вы просили в своих отзывах.

Налево!

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

Theme Designer Light.png

Реальные страницы вместо макета

В новом Конструкторе тем все изменения будут отображаться в реальном времени на реальной странице вики. Вы можете сами выбрать, на какой странице открыть Конструктор тем, чтобы увидеть, как изменения в настройках будут влиять на неё. Для перехода между страницами (например, для просмотра Заглавной) нужно будет добавить её название в строку с URL-адресом окна предварительного просмотра.

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

Theme Designer - Page URL.png

Тёмный и светлый скин

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

Немного подробнее о том, как будут работать тёмный и светлый скины:

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

Это небольшое изменение по сравнению с тем, что говорилось ранее. Нам потребовалось немного больше времени, чтобы разработать логику переключения скинов.

И ещё больше новых возможностей

Разные шрифты

Новой функцией Конструктора тем станет возможность выбора шрифта для заголовков страницы. Для начала мы предлагаем администраторам 5 шрифтов, которые были проверены командой, отвечающей за дизайн, на удобство использования и чтения. Это шрифты: Rubik, Work Sans, Lora, Roboto Slab, BioRhyme и Inknut Antiqua. Другие шрифты можно по-прежнему подгружать через CSS.

Theme Designer - Font.png

Хранение изображений

Текущий Конструктор тем хранит часть файлов, например, фон вики, вне базы данных MediaWiki. Это вызвало ряд проблем во время перехода на UCP. Новый Конструктор тем будет работать только с файлами в рамках MediaWiki. Поэтому вы можете оперировать с файлами, которые используются в оформлении, не только с помощью Конструктора тем, но и с помощью стандартных инструментов MediaWiki. Это также избавит от проблем при дальнейшей работе с самой MediaWIki.

Больше выбора цвета

В текущем Конструкторе тем вы обязаны знать (или знать, где их найти) шестнадцатеричные коды для цвета, так как в Конструкторе предлагается выбор только из 21 цвета. Это, конечно, ограничивает творчество участников с небольшим опытом.

Legacy Swatch Picker.png

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

Better Color Picker.png

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

Theme Designer - Color.png

Больше - лучше

Разрешение экранов пользователей растёт, как и скорость интернет-соединения. Поэтому ограничение для фонового изображения будет увеличено с 300кБ до 1МБ.

Такие разные логотипы

Одно из существенных отличий в дизайне Фэндома и Gamepedia - это логотипы. На Gamepedia используются квадратные логотипы, а на Фэндоме - узкие прямоугольные.

Theme Designer - Logo.png

В новом дизайне логотип может быть как квадратный, так и прямоугольный. Ограничение для логотипа будет составлять 500х500px, что позволит без проблем перенести в новый дизайн логотипы с Gamepedia и с Фэндома. На экране монитора старые логотипы Gamepedia будут отображаться размером 100x100px (80x80px на планшете), а размеры логотипов википроектов Фэндома останутся без изменений - 250x65px.

Theme-Designer-Avatar-Scroll.png

Однако мы советуем администраторам википроектов создать новые логотипы квадратной формы. Такую форму легче использовать для продвижения вики на различных сайтах, в виде ссылок на страницы вики и других местах.

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

Мне надо заново делать весь дизайн?

Для википроектов на Фэндоме - выбор за вами

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

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

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

Для википроектов на Gamepedia - создание с нуля

На Gamepedia никогда не было Конструктора тем, поэтому невозможно импортировать предыдущие настройки. Единственное, что будет учитываться, это тема Hydra или HydraDark, которая была установлена на вики. То есть, будет ли вики по умолчанию отображаться в тёмном скине или в светлом. Принимая это во внимание, мы постараемся дать больше внимания википроектам Gamepedia, чтобы помочь с настройками цветовой схемы вики.


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


Advertisement