Как сделать на сайте липкое меню

Как сделать на сайте липкое меню 1

Что такое липкое меню?

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

Большинство современных шаблонов WordPress по умолчанию поддерживают липкое меню. Но, есть шаблоны у которых для меню не прописаны специальные стили.

Как сделать липкое меню?

ть два варианта решения этого вопроса:
– для меню прописать стили CSS
– использовать плагин

Рассмотрим второй вариант.

Я предлагаю установить плагин myStickymenu. Это плагин для нашего меню сам прописывает нужные стили. Главное, это указать плагину правильный класс нашего меню, ведь на сайте может быть несколько меню.

1.Установка плагина

Через раздел Плагины – Добавить новый в поиске указываем название плагина “myStickymenu”.
Устанавливаем и активируем плагин.

Как сделать на сайте липкое меню 2

2.Определяем ID или Класс нашего меню

Плагин не знает для какого меню мы хотим создать функцию липкости. А потому нам необходимо узнать и указать ID нашего меню.

Чтобы определить ID/класс меню можно воспользоваться инструментами разработчика, которые есть в браузерах Google Chrome или Mozilla Firefox. А можно открыть файл header.php и просмотреть исходный код.

Как сделать на сайте липкое меню 3

3.Настройки плагина

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

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

General Settings – Общие настройки

Как сделать на сайте липкое меню 4

В поле Sticky Class необходимо указать класс нашего меню. Это главное поле.

Disable at Small Screen Sizes – отключить липкое меню на маленьких экранах меньше чем…
Например, на устройствах с экранами до 600 px липкое меню отображаться не будет.

Disable at Large Screen Sizes – отключить липкое меню на больших экранах больше чем…

Style – Стиль

Как сделать на сайте липкое меню 5

Здесь можно настроить внешний вид липкого меню и изменить стили.

Advanced – Дополнительно

Как сделать на сайте липкое меню 6

Липкое меню можно отключить для страниц и таксономий.

Понравилась статья? Поделиться с друзьями:
Блог про WordPress
Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять
Отказаться
Политика конфиденциальности