TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Різне фонове зображення для різних сторінок у Weebly

5

Налаштування фонового зображення Weebly

Weebly пропонує більше 100 шаблонів із фіксованим фоновим зображенням, у цій статті ми пояснюємо дві наступні можливості зміни фонового зображення у темі Weebly.

  • Змініть фонове зображення для всіх сторінок
  • Встановіть різні фонові зображення для різних сторінок

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

Зміна фонового зображення вашого сайту

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

Різне фонове зображення для різних сторінок у Weebly

Змінити фонове зображення веб -сайту Weebly

  • Перейдіть до "main-style.css", доступного в розділі "CSS".
  • Знайдіть тіло CSS та замініть останній рядок у розділі body. Зазвичай це буде щось на зразок нижче:
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” тощо.
  • Публікуйте свій сайт, і на різних сторінках відображатимуться різні фонові зображення, коли сайт завантажується у браузері.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі