Различное фоновое изображение для разных страниц в Weebly

Настройка фонового изображения Weebly

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

  • Измените фоновое изображение для всех страниц
  • Установите разные фоновые изображения для разных страниц

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

Изменение фонового изображения вашего сайта

  • Подготовьте изображение, которое подходит для вашего шаблона и навигации.
  • Войдите в свою учетную запись Weebly и отредактируйте сайт, на котором вы хотите изменить фоновое изображение.
  • В редакторе Weebly перейдите на вкладку «Дизайн» и нажмите кнопку «Редактировать HTML / CSS».
  • Нажмите «Добавить новый файл (ы)» в разделе «Файлы» и загрузите фоновое изображение.

Изменение фонового изображения на сайте Weebly

  • Перейдите к «main-style.css», доступному в разделе «CSS».
  • Найдите тело CSS и замените последнюю строку в разделе тела. Обычно это будет примерно так:
background: url(main-bg.jpg) repeat;
  • Замените строку приведенным ниже кодом:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Если вы назвали загруженное фоновое изображение image1.jpg, то код будет выглядеть следующим образом:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#5a5a5a;
background: url(image1.jpg) repeat;
}
  • Сохраните свою тему и опубликуйте сайт. Откройте сайт в браузере, чтобы убедиться, что фоновое изображение заменяется новым изображением, которое вы загрузили.

Установка разных фоновых изображений для разных страниц вашего сайта

  • Выполните те же шаги, что и в описанном выше методе, чтобы загрузить файлы изображений, здесь вам необходимо загрузить количество изображений, необходимое для отображения на разных страницах вашего сайта.
  • Назовите изображения как image1.jpg, image2.jpg и так далее.
  • Идти к «Страницы”И выберите страницу, на которой нужно изменить фоновое изображение.
  • Нажмите на опцию «Дополнительные настройки» и вставьте приведенный ниже код в раздел «Код заголовка», как показано на рисунке ниже.
Изменить фоновое изображение страницы Weebly

Изменить фоновое изображение страницы Weebly

  • Здесь «image1.jpg» - это имя загруженного вами фонового изображения.
  • Вставьте один и тот же код в раздел кода заголовка на разных страницах, изменив имя изображения на «image2.jpg», «image3.jpg» и т. Д.
  • Опубликуйте свой сайт, и на разных страницах будут отображаться разные фоновые изображения, когда сайт загружается в браузере.

6

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *