Полноцветное изображение — это изображение, которое простирается до края страницы без каких-либо полей. Другими словами, изображение заполняет всю страницу. Полноцветные изображения широко используются в полиграфии, а также могут применяться на веб-страницах для создания эффектного эффекта.
Если вы хотите добавить полноцветное изображение на страницу Squarespace, вам нужно будет использовать некоторые пользовательские CSS. Не волнуйтесь — это не так сложно, как кажется! Просто выполните следующие шаги.
1. Войдите в свой аккаунт в Squarespace и перейдите на страницу, где вы хотите добавить изображение.
2. В панели «Настройки страницы» перейдите на вкладку «Дополнительно». 3. В поле Custom CSS введите следующий код:
1. Убедитесь, что ваше изображение имеет достаточно высокое разрешение. В противном случае оно будет выглядеть пиксельным при растягивании по странице.
2. Полноцветные изображения могут быть сложными для правильного выравнивания. Если вы хотите, чтобы изображение было расположено по центру страницы, убедитесь, что добавлены соответствующие поля с каждой стороны.
3. Помните о том, как полноцветные изображения будут выглядеть на экранах разных размеров. Некоторые посетители могут увидеть часть изображения обрезанной, если они просматривают ваш сайт на мобильном устройстве.
.image-block-wrapper { max-width: 100% !important; }
.
4. Нажмите Сохранить. 5. Теперь вы можете добавить свое изображение с помощью блока изображений. Просто нажмите «Добавить изображение», а затем загрузите или выберите изображение со своего компьютера или из библиотеки Squarespace. Убедитесь, что вы выбрали опцию выравнивания «По всей ширине».
Вот и все! Теперь вы знаете, как добавить полноцветные изображения на страницы Squarespace с помощью пользовательского CSS.