ФЭНДОМ


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

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

Что изменилось?

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

PortableInfobox-Panel-Orc

Поэтому главным изменением в новой разметке стал простой доступ к настройке внешнего вики практически любого элемента инфобокса, как с помощью CSS, также и с помощью JS. Также изменена идентификация инфобоксов, чтобы настройка касалась не определённых тем, которые прописывают в CSS, а того, что инфобоксы логически описывают. Раньше для этого использовался только параметр theme. Новый параметр type позволит более гибко подходить к настройке внешнего вида инфобокса.

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

Мы уже добавили описание новых функций в справочные статьи об инфобоксах, и эти функции уже можно использовать на википроектах! Но это ещё не финал работы с инфобоксами. У нас есть ещё планы на них. А может быть у вас есть какое-то интересное предложение по стилицизации или использованию инфобоксов? Тогда напишите нам в Служебная:Contact/feedback, и мы подумаем над его реализацией. В ближайшее время будут ещё новости, связанные с инструментами Фэндома. Следите за нашими блогами.

Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.