Закреплённый элемент — это блок сайта, который остаётся неподвижным, когда посетитель прокручивает вниз страницу. В этом руководстве описан процесс создания закреплённых элементов на примере таких распространённых деталей, как кнопки, заголовки и меню. Следуя описанной процедуре, вы сможете закрепить любой элемент вашего сайта.
Чтобы закрепить любой блок или группу блоков, нужно поместить их в блок «Группа», в котором имеется специальная настройка «Закрепить». Чтобы создать на сайте закреплённый элемент, выполните следующие действия:
- Откройте консоль вашего сайта.
- Перейдите в раздел Страницы, Записи или Внешний вид → Шаблоны, чтобы отредактировать и закрепить нужный контент.
- Выберите Представление в виде списка в верхнем левом углу редактора. Этот значок выглядит как три горизонтальные линии, расположенные друг над другом.
- Выберите имеющийся блок «Группа» или создайте новый.
- Чтобы быстро создать группу, выберите несколько элементов, нажмите на три точки (⋮) и выберите «Группа», чтобы поместить эти элементы в блок «Группа».
- Закрепляемый элемент должен располагаться слева вверху (т. е. он не должен быть вложен в другие блоки).
- На боковой панели блока «Группа» откройте раздел «Положение» и выберите опцию «Закреплено» из раскрывающегося списка.
- Нажмите кнопку «Сохранить», чтобы применить изменения к шаблону.
См. подробнее о настройке стиля и макета блока «Группа», в котором располагаются закреплённые элементы.
Если закрепить меню, оно будет оставаться на месте при прокрутке страницы пользователем. Чтобы создать закреплённое меню, выполните следующие действия:
- На консоли перейдите в раздел Внешний вид → Редактор.
- Выберите вкладку Шаблоны и нажмите на шаблон с заголовком.
- Щёлкните по значку Представление в виде списка в верхнем левом углу.
- Выберите блок «Навигация» и убедитесь, что он является элементом верхнего уровня (как правило, блок «Навигация» вложен в часть шаблона «Заголовок» или в аналогичный элемент макета, поэтому вам нужно будет извлечь его оттуда и сделать самостоятельным элементом).
- Нажмите три точки (⋮) рядом с элементом блока «Навигация» и выберите «Группа», чтобы поместить меню в блок «Группа».
- На боковой панели настроек блока выберите значение Закреплено параметра «Положение».
- Вы также можете изменить цвет фона группы, чтобы текст меню легче читался при прокрутке контента.
- Нажмите Сохранить.
См. подробнее о настройке стиля и макета блока «Группа», в котором располагаются закреплённые элементы.
При прокрутке сайта закреплённый заголовок всё время остаётся на экране. Как создать закреплённый заголовок.