Внимание всех администраторов!
Известная функция для бывших сообществ Геймпедии, но новинка для сообществ Фэндом, теперь доступна для всех! Отныне каждый администратор может настроить Мобильный CSS на своей вики с помощью MediaWiki:FandomMobile.css — это результат нашей усердной работы по улучшению мобильных устройств, которая началась с выпуска мобильной темы в 2022 году. Теперь у вас появилась возможность настроить такие вещи, как шаблоны, таблицы, заглавные страницы и другие функции, например семейное древо. Обратите внимание, что эта функция доступна только для администраторов, поэтому, если вы еще не являетесь им (пока!), следите за обновлениями, чтобы расширить возможности редактирования в ближайшем будущем.
Мобильный CSS[]
Исходя из обратной связи сообщества, отсутствие мобильных тем было проблемой для пользователей на протяжении последних нескольких лет. Более обширные исследования и опросы подтвердили, что эта одна из самых желанных и ожидаемых функций у пользователей. В прошлом году мы представили мобильную тему для проектов, давая администраторам возможность применять тему рабочего стола своей вики к мобильному устройству через конструктор тем, но мы знали, что многие администраторы хотят большего, чтобы улучшить контент на своих вики. Мобильный CSS был очевидным шагом в этом направлении, а также формально он завершат список функций, представленных на всемирной конференции Community Connect 2022.
Хотя у бывших сообществ Геймпедии уже был мобильный CSS, который могли редактировать представители вики, перед релизом мы хотели убедиться, что все будет работать исправно на всей платформе Фэндома. С этой целью несколько сообществ из всех вертикалей и языков помогли нам протестировать мобильный CSS, позволив нам исправить некоторые последние недочеты, а также гарантировать отсутствие проблем с производительностью и SEO. Тесты оказались весьма успешными, вики-администраторы представили творческие решения и примеры использования, которые превзошли наши ожидания.
На данный момент в кабинете администратора ссылка ведет только на пользовательский код, предназначенный для ПК. Мы исправим это в ближайшие недели!
Политика настроек[]
Рекомендуем заглянуть на страницу политики настроек для того, чтобы понимать что можно редактировать через мобильный CSS. Пожалуйста, обратите внимание, что политика обязательна для выполнения, и сотрудники/представители вики будут рекомендовать изменения, если что-то нарушает эти руководящие принципы. Вы можете изменять мобильную заглавную с помощью CSS, если это не влияет на размещение рекламы.
Конструктор тем. В идеале конструктор тем должен быть отправной точкой для изменения дизайна, поскольку там сразу можно просмотреть как будет выглядеть ваша вики на ПК и мобильных устройствах. Мобильный CSS — это надстройка, которая дает дополнительные возможности.
ПК vs. Мобильное устройство. Редактирование CSS доступно как на ПК, так и на мобильных устройствах (однако, редактирование JS доступно только на ПК). Но вы должны убедиться, что все работает верно, ведь то, что работает на ПК, вовсе не значит, что будет работать также исправно и на мобильных устройствах. Если вы еще не добавили CSS для мобильных устройств на свою вики, то мы настоятельно рекомендуем не копировать весь код с Fandomdesktop, а выбрать то, что необходимо и будет работать на мобильных устройствах.
Производительность. Помните, что избыточный CSS могут существенно замедлить скорость загрузки страницы, если у пользователей не такой быстрый интернет, как у вас. Помните, что плохая скорость загрузки может способствовать потреблению мобильных данных пользователей.
Учитывайте размеры экрана. В мобильной скине область контента сжата из-за ограниченного размера экрана — вы можете изменять только письменный, созданный пользователями текст и изображения, которые являются частью статьи. Другие места размещения в контенте, такие как модули рекомендаций по контенту, следует рассматривать как базовые элементы интерфейса.
Фоновое изображение. На мобильных устройствах вы можете настроить выравнивание фонового изображения, но вы не можете изменять тему, кроме той, что доступна в конструкторе тем.
Примеры[]
Ниже представлены несколько примеров использования мобильного CSS сообществом Genshin Impact. Мы надеемся, что эти примеры вдохновят вас на дальнейшее развитие вашей вики. Помните, что вам не обязательно вносить радикальные изменения, но этот ряд примеров предназначен для того, чтобы показать, как незначительные изменения могут оказать большое влияние.
Фон инфобокса стал немного темнее[]
Вкладки наверху страницы игровых персонажей[]
Оформление текстовых «кнопок»[]
Мобильная vs. Рабочая[]
Поделитесь своими впечатлениями[]
Спасибо всем вики-проектам, которые помогли нам провести раннее тестирование, чтобы мы смогли гарантировать, что пользовательский CSS для мобильных устройств не повлияет негативно на время загрузки страницы или рейтинг Google! Мы очень ценим вашу помощь и не смогли бы сделать это без вашего ценного вклада.
Не забудьте поделиться своими отзывами с нашими представителями вики, связаться со службой поддержки или связаться с нами в Discord в этом канале.