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

Как добавить разделы параллакса на сайт Weebly?

46

Разделы с параллаксом добавляют красоту страницам и привлекают пользователей, которые нажимают на кнопку или ссылки в разделе. Элементы параллакса очень подходят для тем со 100% шириной, и Weebly сделал это возможным с помощью элемента «Раздел ». Элемент раздела можно использовать во всех адаптивных темах, предлагаемых Weebly. В этой статье мы обсудим пошаговое руководство о том, как для добавления секций параллакса на сайт Weebly. Добавляя несколько секций параллакса последовательно, вы также можете легко создать макет страницы параллакса полной ширины .

Примечание. Помните, что элемент раздела по умолчанию применим только к адаптивным темам, но вы можете включить элемент раздела в неадаптивных темах, используя этот небольшой трюк.

Как добавить секции параллакса в Weebly?

Есть два места, где вы можете включить секции параллакса:

  1. Использование макета страницы заголовка в области заголовка
  2. Использование элемента раздела в области содержимого

Перейдите на вкладку страниц и выберите страницу, на которую вы хотите добавить раздел заголовка параллакса. В разделе «Тип заголовка» выберите вариант «Заголовок» в первом раскрывающемся списке.

Как добавить разделы параллакса на сайт Weebly?

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

Это включит изображение заголовка по умолчанию для темы на выбранной странице. Вы можете перетащить любые элементы в раздел заголовка, а также изменить его высоту. Узнайте больше о гибком макете заголовка Weebly. Щелкните раздел заголовка, чтобы увидеть два всплывающих окна – «Изменить фон» и «Заменить макет заголовка».

Как добавить разделы параллакса на сайт Weebly?

Параметры раздела заголовка в Weebly

Нажмите на опцию «Редактировать фон». Вам будет предложено выбрать один из трех вариантов:

  1. Изображение – применимо для всех пользователей
  2. Цвет – применим для всех пользователей
  3. Видео – только для премиум-пользователей

Как добавить разделы параллакса на сайт Weebly?

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

Если вы бесплатный пользователь, выберите изображение или цвет для фона заголовка. Фон заголовка видео доступен только для пользователей с тарифными планами Weebly Pro или более высокого уровня. По сути, все эти три параметра позволяют вам иметь раздел заголовка параллакса. Выберем изображение в нашем примере.

Как добавить разделы параллакса на сайт Weebly?

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

Нажмите на опцию «Эффект прокрутки», и вы увидите три эффекта – нет, параллакс и раскрытие.

Как добавить разделы параллакса на сайт Weebly?

Эффекты прокрутки заголовка Weebly

Выберите эффект «Параллакс», сохраните изменения макета заголовка и опубликуйте свой сайт, чтобы увидеть красивый макет заголовка с эффектом параллакса.

Добавить раздел параллакса в область содержимого

Перетащите элемент раздела в любое место области содержимого. Это создаст на вашей странице раздел во всю ширину, и вы сможете добавлять любые элементы внутри элемента раздела. Щелкните элемент раздела, чтобы увидеть следующее всплывающее окно с параметрами.

Как добавить разделы параллакса на сайт Weebly?

Параметры элемента раздела Weebly

Щелкните «Редактировать фон» и выполните аналогичные шаги, описанные в разделе выше для изображения заголовка. Вы можете разместить несколько элементов раздела один под другим, чтобы создать макет с параллаксом на всю страницу с красивым эффектом прокрутки.

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

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

Как добавить разделы параллакса на сайт Weebly?

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

Источник записи: www.webnots.com
Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее