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

Weebly обновил платформу до четвертого поколения и назвал ее Weebly 4 в сентябре 2016 года. Одной из особенностей Weebly 4 является гибкий заголовок с перетаскиванием. Мы опубликовали трюк о том, как перетаскивать элементы в область заголовка, и Weebly сделал это функцией по умолчанию.

Может ли каждый использовать гибкий заголовок?

Хорошей новостью является то, что эта функция доступна всем пользователям тарифного плана Weebly, включая бесплатных пользователей. Но плохая новость заключается в том, что гибкий заголовок доступен только в адаптивных темах Weebly по умолчанию и не может использоваться в следующих темах:

  • Если вы изменили и сохранили тему как пользовательскую тему.
  • Вы используете тему, купленную у стороннего поставщика.
  • Вы используете одну из старых неадаптируемых тем Weebly.

Вкратце, Weebly заставляет платформу использовать темы по умолчанию, а разработчики могут использовать Центр приложений для продажи предметов (хотя темы не продаются на данный момент, эта статья написана). С введением элемента «Раздел», который также может использоваться только в адаптивных темах по умолчанию, сторонним разработчикам будет сложно продавать свои темы без функций по умолчанию.

Если вы уже используете настраиваемую тему, прочтите нашу статью о создании заголовка с перетаскиванием.

Особенности гибкого заголовка

Ниже приведены особенности гибкого заголовка:

  • Перетаскивая указатель, можно изменить высоту области заголовка. Это избавляет от необходимости использовать разные типы заголовков для разных страниц, поскольку вы можете перетаскивать и настраивать высоту в соответствии с вашими потребностями на отдельных страницах. Следовательно, все предыдущие типы заголовков были объединены в макеты страницы заголовка, без заголовка и страницы-заставки.
  • Примените изменения заголовка ко всем страницам или только к выбранным страницам вашего сайта.
  • Отредактируйте фоновое изображение или выберите один из доступных макетов.
  • Перетащите любые элементы в область заголовка, например значки социальных сетей, кнопки, текст и т. Д.
  • Создайте заголовок с фоновым изображением или простым цветом. Пользователи Pro, Business и Performance Plan могут добавлять видео фоны в заголовок перетаскивания.
  • Легко создавайте эффект параллакса или проявляйте эффект в заголовке.

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

Как упоминалось выше, гибкий заголовок доступен только для адаптивных тем Weebly по умолчанию. Следовательно, если вы используете модифицированную настраиваемую тему, измените ее на одну из последних тем. Обратите внимание, что вы потеряете все пользовательские изменения при переходе на тему по умолчанию. Лучший способ – создать новый сайт и проверить, полезен ли он для ваших нужд.

Как только вы войдете в редактор сайта, убедитесь, что на странице есть изображение по умолчанию. Или же перейдите в меню «Страницы» и выберите тип заголовка «Заголовок», чтобы включить раздел заголовка на вашей странице. Теперь вы можете перетаскивать любые элементы в область заголовка, аналогичную области содержимого.

Гибкие параметры заголовка Weebly

  1. Перетащите любые элементы
  2. Отрегулируйте размер, перетащив
  3. Редактировать фон с изображением, цветом или видео
  4. Удалите существующий макет заголовка, заменив его новым макетом

Щелкните заголовок, чтобы просмотреть параметры настройки. У вас есть два варианта – отредактировать фон и заменить макет заголовка.

Изменить фон

Пользователи бесплатного и запущенного тарифного плана могут изменить фон заголовка с помощью параметров изображения и цвета. Пользователи планов Pro, Business и Performance могут добавлять видео в фон заголовка.

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

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

1. Использование изображения в качестве фона заголовка

Ниже приведены доступные варианты использования изображения в качестве фона заголовка:

Вариант фонового изображения заголовка

Вариант фонового изображения заголовка

  • Отредактируйте фоновое изображение с помощью редактора изображений Weebly, отрегулируйте размытие, темноту и примените фильтры.
  • Замените изображение своим собственным изображением.
  • Замените изображение с одного из бесплатных изображений заголовка Weebly.
  • Включите параллакс или покажите эффекты прокрутки.
  • Примените изменения заголовка к выбранным или всем страницам вашего сайта, щелкнув «Дополнительно»> «Сохранить в других…».
Сохранить изменения заголовка на нескольких страницах

Сохранить изменения заголовка на нескольких страницах

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

Расширенные параметры фона заголовка

2. Использование цвета фона

Цвет фона имеет все параметры, аналогичные параметрам изображений, за исключением того, что вы не можете включить эффект прокрутки параллакса.

3. Фон видео

Если вы приобрели план Pro, Business или Performance, вы можете добавить видео на фон заголовка.

Заменить макет заголовка

Если вам не нравится макет по умолчанию, нажмите «Заменить макет заголовка», чтобы проверить некоторые из вариантов, предлагаемых Weebly. Прежде чем выбрать другой макет, вы должны нажать кнопку «Удалить», чтобы удалить текущий макет. Обратите внимание, что это приведет к удалению всех изменений, внесенных вами в заголовок.

Замена существующего макета заголовка

Замена существующего макета заголовка

Выберите один из доступных макетов и настройте его снова.

Выбор нового макета заголовка

Выбор нового макета заголовка

Изменение размера заголовка

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

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

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

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