Как сделать такое меню в WordPress?

Question

[nikitoshq]

Добрый день. Задача состоит в том, чтобы сделать такое вот меню:

Меню должно открываться по нажатию на стрелочке справа от названия пункта. И закрываться по нажатию на любую область сайта. С такой задачей в первый раз сталкиваюсь, так как раньше устараивало стандартное выпадающее меню. Но заказчик требует именно так. Может кто-то сталкивался с таким? Может есть какие-то плагины, через которые можно реализовать такое? Просто хотя быть понять в какую сторону рыть.

Answer 1

[Антон Литвиненко]

Та вроде как задача простая. Если нужно, что бы и сами ссылки работали и одновременно по нажатии на стрелочку открывалось подменю, то стрелочки делаете триггерами, которые либо лежат рядом со ссылками, либо перекрывают их. Прозрачный оверлей под меню и над остальным контентом даст возможность по клику на нем закрыть меню.
Интересный плагин, несколько раз использовал Rd-navbar

Это если касается верстки.
Если вы сверстаете руками такое меню, то вам нужно будет еще посадить его на Wordpress. В процессе придется столкнуться с использованием класса Walker для меню. Вроде как и не совсем сложная тема, ознакомится можно Здесь

Ну и как вариант смотреть на плагины для меню из репозитория Wordpress, пробовать, кастомизировать под свой дизайн

Comments

[nikitoshq]

Спасибо большое

Answer 2

[Орхан Гасанлы]

Здравствуйте!
Если ваша тема на бутстрап, то можете использовать это:
https://bootsnipp.com/search?q=accordion+menu
Тут куча сниппетов accordion menu
Вот, например - https://bootsnipp.com/snippets/x6dN
Вот, еще вариант - https://bootsnipp.com/snippets/prnvG
А далее так как вам надо это все прикрутит к ВП, то нужен Walker.
Для бутстрапа используйте - https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Comments

[nikitoshq]

Спасибо большое