Справка:Фон

В этой статье вы можете прочитать рекомендации по установке фона на вашей вики. Фон загружается через Конструктор тем.

Общая информация

Страницы ФЭНДОМА меняют свои размеры в зависимости от разрешения экрана пользователя:

• На небольших экранах, например на iPad с шириной экрана в 1024рх и менее, фоновая картинка не будет отображаться, за исключением узкой полоски вверху страницы, и всё пространство экрана займёт область с содержимым страницы.
• На экранах с большим разрешением фоновая картинка появится, а область с содержимым страницы составит не менее, чем 1030рх в ширину.
• При дальнейшем увеличении разрешения экрана область с содержимым будет расти до своего максимума в 1600рх. При этом с каждой стороны экрана будет видно до 170рх фонового изображения.
• Если разрешение экрана больше, чем 1920рх в ширину, то будет видно более, чем 170рх фонового изображения с каждой стороны.

Разделение фона

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

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

Создание фонового изображения

Для того, чтобы создать удачный фон, используйте программу, которая позволяет редактировать изображения, такие как Photoshop, GIMP или Paint.

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

Несколько пояснений к схеме:

1. Сам фон (синий) — являются основой, придающей уникальность вашей вики.
2. Градиент — плавный переход внизу фонового изображения в прозрачность или в цвет, заданный основным в конструкторе тем, позволит достичь плавного сочетания фонового изображения и фонового цвета.
3. Поля — области красного цвета по краям от основного пространства — это та часть фонового изображения, которая будет видна бóльшую часть времени.
4. Основное пространство — полупрозрачный прямоугольник в середине шаблона отмечает место, которое будут занимать страницы вики.
5. Жёлтая светящаяся полоса в центре шаблона — середина изображения, линия, по которой будет происходит разделение фоновой картинки на больших экранах. Цвет этой линии можно задать в Конструкторе тем.

Советы по созданию фона

В зависимости от размера вашего исходного изображения, фон может оказаться слишком маленьким или слишком большим для вашей вики. Лучше всего выбрать одно изображение с высоким разрешением. Начинайте с изображений в 1900 на 1000 пикселей и уменьшайте их по мере необходимости. Из-за динамического макета страниц на мониторах с разрешением от 1030 до 2000 пикселей в ширину с каждой стороны центральной части страницы будут присутствовать поля в 170 пикселей. Фон для вашей вики лучше всего будет виден в этих полях, и поэтому важно сделать так, чтобы самые интересные детали вашего изображения попали именно туда. Для плавного перехода фонового изображения в фоновый цвет, если выбранное изображение небольшое, можно использовать градиент.

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