Как настроить заголовок страницы в Weebly?

Область заголовка вашего сайта Weebly дает пользователям первое впечатление о сайте. Следовательно, он должен быть разработан правильно, чтобы привлекать и удерживать пользователей на вашем сайте. Чтобы удовлетворить различные потребности, Weebly предлагает различные элементы в области заголовка с параметрами настройки. Weebly полностью переработал область заголовка в Weebly 4, представленном в октябре 2016 года. Давайте посмотрим, как настроить заголовок Weebly как для неотзывчивых, так и для новейших адаптивных тем.

Как настроить заголовок страницы в Weebly — неадаптивные темы?

Область заголовка сайта Weebly состоит из следующих элементов:

  • Логотип веб-сайта
  • Телефонный номер
  • Социальные элементы
  • Окно поиска (доступно только для пользователей Weebly Pro)
  • Меню навигации для горизонтальных макетов
  • Заглавное изображение

На рисунке ниже объясняется каждый элемент заголовка сайта Weebly.

Weebly — Параметры настройки заголовка

Настройка логотипа сайта Weebly

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

Изображение логотипа Weebly

Изображение логотипа Weebly

Текст логотипа Weebly

Текст логотипа Weebly

Логотип можно загрузить и изменить с помощью редактора изображений Weebly, который называется imageperfect. Вы можете добавить заголовок, обрезать, повернуть и другие параметры обработки изображения к своему логотипу, как показано на рисунке ниже.

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

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

Меню навигации

Меню навигации является частью заголовка Weebly для тем горизонтального макета. Группировка страниц в меню навигации контролируется вкладкой настроек и выбором темы. Простое меню навигации будет выглядеть так:

Меню навигации Weebly

Меню навигации Weebly

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

Изображение заголовка зависит от выбранного типа макета страницы. Изображение заголовка не зависит от страниц, и вы можете в любой момент изменить любой макет страницы, а также изображение заголовка, не затрагивая другие страницы вашего сайта. Изображение заголовка можно редактировать с помощью редактора изображений Weebly, а пользователи Weebly Pro, кроме того, имеют возможность установить пользовательское слайд-шоу для целевой страницы.

Настроить изображение заголовка Weebly

Настроить изображение заголовка Weebly

Социальные элементы, номер телефона и окно поиска

Вкладка «Дизайн» в редакторе Weebly предлагает три варианта заголовка в дополнение к различным другим параметрам настройки, как показано на рисунке рядом.

  • Окно поиска для пользователей Pro
  • Социальные иконки
  • Телефонный номер

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

Параметры вкладки Weebly Design

Параметры вкладки Weebly Design

Каждый социальный элемент может быть настроен с помощью ваших URL-ссылок и может быть добавлен или удален из списка. Элементы также можно сортировать, просто перемещая вверх или вниз. Иконки социальных сетей также доступны как отдельный элемент в дополнение к опции заголовка сайта.

Weebly - значки социальных сетей, номер телефона и окно поиска

Weebly — значки социальных сетей, номер телефона и окно поиска

Настройте заголовок Weebly для последних адаптивных тем

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

Макет заголовка Weebly в адаптивных темах

Макет заголовка Weebly в адаптивных темах

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

Кроме того, вы можете настроить логотип, окна навигации и поиска, аналогичные неотзывчивой области заголовка.

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

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

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