Липкое меню на сайт WordPress плагин !

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

 

12-03-2016 14-56-02

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

12-03-2016 14-22-11

 

После установки и активации плагина перейдите на страницу: Настройки — myStickymenu, здесь вы сможете настроить меню.

 

— Sticky Class, укажите здесь класс меню, страницы которого должны отображаться в липком меню. В конце записи я покажу как узнать класс меню.

— Sticky z-index, оставьте без изменений.

— Sticky Background Color, можете выбрать цвет меню.

— Sticky Opacity, можете задать здесь степень прозрачности меню.

— Sticky Transition Time, здесь указано время перехода от стандартного меню к липкому.

— Disable at Small Screen Sizes, отключить липкое меню на небольших экранах. Укажите размер экрана, если экран будет меньше установленного размера, то липкое меню показываться не будет.

— Make visible on Scroll, расстояние в пикселях после которого будет появляться меню при прокрутке страницы.

— Make visible on Scroll at homepage, то же самое что и выше, но на главной странице.

— Fade or slide effect, можно включить слайд эффект.

— myfixed css class, оставьте без изменений.

— Disable CSS style, можно отключить стили по умолчанию и использовать свои стили.

Сохраните изменения.

 

12-03-2016 15-04-53_mini

 

Как узнать класс меню ? 

 

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

 

12-03-2016 15-27-31_mini

 

После сохранения настроек липкое меню появится на вашем сайте.

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

Липкое меню на сайт WordPress плагин ! обновлено: Октябрь 14, 2016 автором: Илья Журавлёв
 
 

5 комментариев

  • Тенгиз 28.06.2016 Ответить

    Применил для своего сайта. Получилось превосходно!
    Класс меню у себя нашел в header.php.

    Спасибо Вам, Илья!

    p.s. Не знаю, приветствуются ли на этом сайте прописать линки (без внешних ссылок, разумеется), а то, для демонстрации проделанной мною работы, мог выложить его.

  • Денис 29.07.2016 Ответить

    Привет! как сделать свои стили для липкого меню?

    • Илья Журавлёв 29.07.2016 Ответить Автор

      Привет, можно вручную стили поменять или добавить, а можно плагин использовать — SiteOrigin CSS.

  • Эдуард 29.11.2016 Ответить

    Не встал.

    • Илья Журавлёв 29.11.2016 Ответить Автор

      Что значит «Не встал» ?

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

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


1 + 5 =



super-infa-top
Стрелка вверх