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

Як додати розділи Parallax на веб -сайт Weebly?

0

Розділи Параллакс додають красу сторінкам і залучають користувачів натискати кнопку або посилання в розділі. Елементи Parallax дуже підходять для тем зі 100% шириною, і Weebly зробив це можливим за допомогою елемента " Розділ ". Елемент розділу можна використовувати для всіх адаптивних тем, пропонованих Weebly. У цій статті ми покроково обговоримо, як щоб додати розділи паралаксу на веб -сайті Weebly. Додавши послідовно кілька розділів паралаксу, ви також можете легко створити макет сторінки з паралаксами на всю ширину .

Примітка: Пам’ятайте, що елемент розділу за замовчуванням застосовується лише до адаптивних тем, але ви можете ввімкнути елемент розділу щодо невідповідних тем, використовуючи цей маленький трюк.

Як додати розділи параллаксу у Weebly?

Увімкнути параллаксні розділи можна в двох місцях:

  1. Використання макета сторінки заголовка в області заголовка
  2. Використання елемента розділу в області вмісту

Перейдіть на вкладку сторінки та виберіть сторінку, до якої потрібно додати розділ заголовка паралаксу. У розділі «Тип заголовка» виберіть опцію «Заголовок» у першому спадному меню.

Як додати розділи Parallax на веб -сайт Weebly?

Виберіть тип заголовка для сторінки Weebly

Це увімкне зображення заголовка теми за умовчанням на вибраній сторінці. Ви можете перетягувати будь -які елементи у розділі заголовка, а також змінювати розмір висоти заголовка. Докладніше про гнучкий макет заголовка Weebly. Натисніть на розділ заголовка, щоб побачити два варіанти, що з’являються – Редагувати фон та Замінити макет заголовка.

Як додати розділи Parallax на веб -сайт Weebly?

Параметри розділу заголовка у Weebly

Натисніть на опцію «Редагувати фон». У вас буде три варіанти вибору:

  1. Зображення – застосовується для всіх користувачів
  2. Колір – застосовний для всіх користувачів
  3. Відео – лише для преміальних користувачів

Як додати розділи Parallax на веб -сайт Weebly?

Параметри фону заголовка Weebly

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

Як додати розділи Parallax на веб -сайт Weebly?

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

Натисніть на опцію «Ефект прокрутки», і ви побачите три ефекти – жоден, паралакс і розкриття.

Як додати розділи Parallax на веб -сайт Weebly?

Ефекти прокрутки заголовків Weebly

Виберіть ефект «Параллакс», збережіть зміни в макеті заголовка та опублікуйте свій сайт, щоб побачити гарний макет заголовка з ефектом паралакса.

Додайте розділ «Параллакс» щодо області вмісту

Перетягніть елемент розділу будь -де у вашій області вмісту. Це створить розділ на всю ширину вашої сторінки, і ви можете додати будь -які елементи всередині елемента розділу. Натисніть на елемент розділу, щоб побачити спливаюче вікно нижче.

Як додати розділи Parallax на веб -сайт Weebly?

Параметри елементів розділу Weebly

Натисніть «Змінити фон» і виконайте аналогічні кроки, описані у наведеному вище розділі для зображення заголовка. Можна створити декілька елементів розділу один під одним, щоб створити макет паралаксу на всю сторінку з прекрасним ефектом прокрутки.

Регулювання фону зображення

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

Як додати розділи Parallax на веб -сайт Weebly?

Редактор зображень Weebly

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

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