ФЭНДОМ


Знаете ли вы, что тот потрясающий и красивый контент, который вы коллективно создаете, ежемесячно читают более 100 миллионов человек по всему миру? И большинство из них делают это с помощью мобильных устройств.

Лучшие примеры ФЭНДОМА, о которых будет рассказано в этой статье, помогут вам форматировать содержимое страниц так, чтобы они выглядели великолепно на любом устройстве, будь это экран компьютера, экран мобильного телефона или специальное мобильное приложение.

Что такое лучшие примеры?

ФЭНДОМ привлёк нескольких опытных администраторов и участников сообщества, чтобы сформировать список того, что нужно, а что не нужно делать с содержанием и шаблонами вики. Нашей целью было поддержать и поощрить креативность, которая существует на платформе ФЭНДОМА сегодня, и в то же время сделать ее соответствующей современным веб-стандартам.

Лучшие примеры очень просто добавить в те шаблоны и контент, которые уже существуют на вики. Большая часть страниц будут выглядеть так же, как и раньше, если вы просматриваете вики с компьютера. А на экране мобильных телефонов и планшетов (в том числе, и в наших мобильных приложениях) они будут смотреться еще лучше.

Сейчас между сообществами ФЭНДОМА есть много общего, но следование лучшим примерам позволит сайту правильно идентифицировать различные типы контента (инфобоксы, навигационные шаблоны, цитаты и т.д.) и отображать их правильно на любом типе устройства.

Лучшие примеры

Инфобоксы

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

Шаблоны

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

Таблицы

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

В случае с таблицами мы бы посоветовали избегать страниц, которые состоят исключительно из них. Таблицы нужны, чтобы наглядно показать лишь некоторые данные, например, статистические данные о предмете или список актеров, появившихся в серии. Не используйте таблицы для оформления страницы, в этом случае лучше использовать HTML и CSS, например, это продемонстрировано на сайте W3Schools.com.

Избегайте вложенных таблиц. Они усложняют код страницы и могут с ошибками отображаться на экране мобильного устройства.

Также обратите внимание на число колонок и строчек, которые будет легко просматривать как на большом, так и на маленьком экране. Большое количество информации лучше разбить на несколько таблиц.

Вопросы?

Если у вас есть вопросы о том, как использовать лучшие примеры, и как адаптировать к ним ваш контент, обратитесь на форум Вики Сообщества.

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