Фоновое изображение может придать уникальность вашему проекту. В этой статье вы можете прочитать рекомендации по установке фона на вашей вики.
Общая информация[]
Фон загружается через Конструктор тем и имеет два настраиваемых поля: непосредственно фоновое изображение и цвет. Оба этих параметра задаются отдельно для светлой и тёмной тем.
Изображение[]
Фоновое изображение может быть загружено в форматах PNG или JPG и не должно превышать размера в 1МБ. Если желаемый файл больше этого значения, вы можете попробовать уменьшить его размер, понизив качество или снизив разрешение, в том числе в многочисленных онлайн-редакторах. Также изображение PNG формата можно уменьшить в весе, конвертировав его в JPG.
В настройках доступно два вида отображения фона:
- Заголовок раздела отобразит изображение в области меню вики, вверху страницы. Данная настройка подойдёт для баннеров и других горизонтальных изображений. Рекомендуемые размеры фоновых изображений для заголовка — 2880x656 пикселей.
- Полный экран представляет собой способ отображения по всей области сайта. Такая настройка подходит для больших и наполненных изображений. Рекомендуемый размер такого изображения — 2880x2880 пикселей.
Оба типа отображения можно дополнительно настроить с помощью стиля фонового изображения:
- Обложка растягивает изображение, чтобы заполнить как можно больше высоты браузера. Это лучший вариант для очень больших изображений.
- Плитка будет повторять изображение по вертикали, горизонтали или по обеим сторонам. Это лучший вариант для небольших изображений, предназначенных для повторения.
- Выровнять (выравнивание) ограничивает изображение шириной браузера. При использовании типа отображения "Заголовок раздела" выравнивание также позволяет расположить изображение в левом верхнем углу, правом верхнем углу или посередине.
Непрозрачность изображения также можно изменить, перемещая ползунок под выбором стиля. 100% — полностью непрозрачное, а 0% — полностью прозрачное. При этом с уменьшением прозрачности будет происходить смешение с выбранным цветом фона.
Цвет[]
Настройка "Цвет фона сообщества" в конструкторе тем позволяет изменить цвет фоновой области. Когда фоновое изображение не загружено, отображается только выбранный цвет. Если загружено изображение, то в зависимости от выбранного отображения и стиля некоторые стороны изображения будут переходить в цвет через градиент. Уменьшение непрозрачности изображения также приведет к смешению изображения и фонового цвета.
Настройка "Цвет текста навигации" позволяет изменить цвет текста и значков в области заголовка (меню вики). Его следует изменить, если вариант по умолчанию плохо читается на фоне изображения и/или цвета фона.
Советы[]
- При создании внешнего вида вики всегда учитывайте широкий диапазон возможных разрешений экрана. Чем лучше ваше изображение адаптировано к различным разрешениям экрана, тем больше участников вашего сообщества останутся им довольны.
- Обои, постеры и другие медиа-изображения по теме вашего сообщества могут стать хорошим источником вдохновения для вашего фона.
- При создании фона учитывайте все остальные элементы сайта. Насыщенный и яркий фон может отвлечь внимание читателей от содержания вашей вики. В то время как спокойный однотонный фон может стать хорошим завершающим штрихом в вашем дизайне.
- В целом, для загрузки фоновых изображений и оформления вашей вики рекомендуется использовать конструктор тем. Фоны, добавленные с помощью пользовательского CSS, могут привести к негативным последствиям после обновления или изменения платформы.
- Если вы всё же хотите внести изменения в отображение фона с помощью CSS, используйте страницу
MediaWiki:Fandomdesktop.cssна вашей вики.