Как сделать плавающее меню на сайте

Миниатюра

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

Добрый день, уважаемые читатели нашего блога!

Сегодня я хочу рассказать вам о своем опыте добавления и настройки всплывающего меню на сайте. Данное меню работает с помощью бесплатного плагина, работающего на jQuery. Данный плагин добавляет Видже всплывающего плавающего меню в список Виджетов. Будет работать на любых темах WordPress. Версия WordPress нужна не ниже 2.1. Симпатичные эффекты всплытия а также следования за экраном дополнят ваш сайт визуальными эффектами.

Если у вас нет времени читать данную статью, вы можете посмотреть видео, смонтированное с данной статьи на нашем канале Youtube:

Итак, начнем!

1. Добавляем новый плагин

1. Добавляем новый плагин

2. Читаем описание Плагина. Плагин называется «Floating menu». Если вам не знаком английский язык, вы можете перевести страницу с помощью плагины Google или зайти на сайт переводчика Google и ввести туда английский текст.Я протестировал данный плагин на WordPress 4.0 . Все работает четко и без сбоев.

Мне понравился функционал виджета. Все строго, функционально и минималистично. При необходимости можно порыться в исходных кодах плагина, чтобы настроить различные параметры. Единственный минус — нет возможности настройки цветовой палитры и эффектов. Есть предустановленные цвета в виде цветовых схем. Я порылся в коде и поменял цвета на нужные.

Вы можете выбрать предустановленную цветовую схему, настроить меню для виджета (можно создать отдельное меню)

2. Читаем описание Плагина

 

3. Не забываем активировать плагин

3. Не забываем активировать плагин.

 

4. Заходим в настройки темы

4. Заходим в настройки темы.

 

5.1. Добавляем Страницы и рубрики в структуру меню

5.1. Добавляем Страницы и рубрики в структуру меню.

 

5.2. Выбираем или создаем меню

5.2. Выбираем или создаем меню.

6. Проработайте рубрики вашего сайта

6. Проработайте рубрики вашего сайта.

7. Добавляйте рубрики в записи

7. Добавляйте рубрики в записи.

 

8. Проверим что запись выводится в рубрике сайта

8. Проверим что запись выводится в рубрике сайта.

9. Настраиваем виджеты в теме

9. Настраиваем виджеты в теме.

 

10. Настраиваем виджет

10. Настраиваем виджет.

11.1. Заключение

11.1. Заключение.

11.2. Можно создать множество всплывающих меню на сайте со своими меню

11.2. Можно создать множество всплывающих меню на сайте со своими меню.

Мне понравилось данное всплывающее меню своей функциональностью.

В следующих статьях я протестирую другие известные плагины, создающие интерактивные меню!

Всем до скорого, пока!

 

Теги: , , , , , ,

>