Добавить элемент в меню WordPress?

Question

[furcifer]

Вечер добрый!!! Нужно сделать такое меню

при клике на серую область переход на одну страницу

при клике на стрелку открывается подменю. Не много по тупому, но так нужно. Как вставить стрелку в пункт меню, с подвешенным событием клика?
Думал добавить в админке css класс, но это класс а не элемнт

подскажите пожайлуста, что можно сделать?

Answer 1

[ой всё]

чистая проблема usability
половина юзеров будет попадать на страницу, а половина открывать меню, причем когда в следующий раз они случайно нажмут наоборот, то будут очень злиться из-за того, что не могут найти то, что им надо, в лучшем случае они вам пожалуются, в 99.99% случаях они просто уходят

поэтому так не надо делать, вполне достаточно поставить нужную вам ссылку первым пунктом списка, открывающегося по стрелке, если эта ссылка не заслуживает отдельной строки в основном списке меню

Comments

[furcifer]

а что Вы думаете по поводу стрелок?

[ой всё]

furcifer, а что про них нужно думать?

[furcifer]

ой всё, как в пункты меню вставить стрелки?

[ой всё]

furcifer, css

Answer 2

[Иван К]

Может запоздалый ответ, но вопрос гуглится, и возможно поможет кому то еще.
В общем я с такой же проблемой сталкивался и псевдокласс тут не поможет т.к. JS на него не будет реагировать.
В общем в Wordpress это уже предусмотрено.
Итак, функция вывода меню wp_nav_menu() принимает аргументы, в частности нам нужен after
Мой пример:

<?php $args = array( 'theme_location' => 'mobile',  'container'=> 'nav', 'menu_id' => 'mobi-navi',  'after' => '<div class="open-submenu"></div>' ); wp_nav_menu($args); ?>

Результат:

Далее уже стилизуем CSS и вешаем JS