Руководства/Создание контента/Дизайн/Закрепляйте блоки, чтобы при прокрутке они оставались на местах

Закрепляйте блоки, чтобы при прокрутке они оставались на местах

Закреплённый элемент — это блок сайта, который остаётся неподвижным, когда посетитель прокручивает вниз страницу. В этом руководстве описан процесс создания закреплённых элементов на примере таких распространённых деталей, как кнопки, заголовки и меню. Следуя описанной процедуре, вы сможете закрепить любой элемент вашего сайта.

Обучающее видео

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

Закрепление любого элемента

Чтобы закрепить любой блок или группу блоков, нужно поместить их в блок «Группа», в котором имеется специальная настройка «Закрепить». Чтобы создать на сайте закреплённый элемент, выполните следующие действия:

  1. Откройте консоль вашего сайта.
  2. Перейдите в раздел Страницы, Записи или Внешний видШаблоны, чтобы отредактировать и закрепить нужный контент.
  3. Выберите Представление в виде списка в верхнем левом углу редактора. Этот значок выглядит как три горизонтальные линии, расположенные друг над другом.
  4. Выберите имеющийся блок «Группа» или создайте новый.
    • Чтобы быстро создать группу, выберите несколько элементов, нажмите на три точки () и выберите «Группа», чтобы поместить эти элементы в блок «Группа».
    • Закрепляемый элемент должен располагаться слева вверху (т. е. он не должен быть вложен в другие блоки).
  5. На боковой панели блока «Группа» откройте раздел «Положение» и выберите опцию «Закреплено» из раскрывающегося списка.
  6. Нажмите кнопку «Сохранить», чтобы применить изменения к шаблону.

См. подробнее о настройке стиля и макета блока «Группа», в котором располагаются закреплённые элементы.

Как создать закреплённое меню

Если закрепить меню, оно будет оставаться на месте при прокрутке страницы пользователем. Чтобы создать закреплённое меню, выполните следующие действия:

  1. На консоли перейдите в раздел Внешний вид → Редактор.
  2. Выберите вкладку Шаблоны и нажмите на шаблон с заголовком.
  3. Щёлкните по значку Представление в виде списка в верхнем левом углу.
  4. Выберите блок «Навигация» и убедитесь, что он является элементом верхнего уровня (как правило, блок «Навигация» вложен в часть шаблона «Заголовок» или в аналогичный элемент макета, поэтому вам нужно будет извлечь его оттуда и сделать самостоятельным элементом).
  5. Нажмите три точки () рядом с элементом блока «Навигация» и выберите «Группа», чтобы поместить меню в блок «Группа».
  6. На боковой панели настроек блока выберите значение Закреплено параметра «Положение».
    • Вы также можете изменить цвет фона группы, чтобы текст меню легче читался при прокрутке контента.
  7. Нажмите Сохранить.

См. подробнее о настройке стиля и макета блока «Группа», в котором располагаются закреплённые элементы.

Как создать закреплённый заголовок

При прокрутке сайта закреплённый заголовок всё время остаётся на экране. Как создать закреплённый заголовок.

Copied to clipboard!