Как я могу создать меню, как в примере?

Я пытаюсь создать цикл меню со структурой, как показано ниже, но я не могу, функция по умолчанию wp_nav_menu не позволяет это делать, я не понимаю, как это сделать. Мне нужна структура, как в примере, с подсчетом данных-ремодала-цели и data-remodaul-id. Как мне это сделать?

<nav class="main-menu"> <ul class="row between"> <li class="main-menu__item"> <a class="main-menu__link" href="#" data-remodal-target="modal00">News</a> <div class="modal main-menu__modal-wrapper" data-remodal-id="modal00"> <button class="button_close" data-remodal-action="close"></button> <div class="modal-wrapper"> <div class="modal__content"> <ul class="main-menu__sub-menu animated fadeIn"> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page1.html">page 1</a> </li> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page2.html">page 2</a> </li> </ul> </div> </div> </div> </li> <li class="main-menu__item"> <a class="main-menu__link" href="#" data-remodal-target="modal01">Media</a> <div class="modal main-menu__modal-wrapper" data-remodal-id="modal01"> <button class="button_close" data-remodal-action="close"></button> <div class="modal-wrapper"> <div class="modal__content"> <ul class="main-menu__sub-menu animated fadeIn"> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page1.html">page 1</a> </li> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page2.html">page 2</a> </li> </ul> </div> </div> </div> </li> <li class="main-menu__item"> <a class="main-menu__link" href="#" data-remodal-target="modal02">Serv</a> <div class="modal main-menu__modal-wrapper" data-remodal-id="modal02"> <button class="button_close" data-remodal-action="close"></button> <div class="modal-wrapper"> <div class="modal__content"> <ul class="main-menu__sub-menu animated fadeIn"> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page1.html">page 1</a> </li> <li class="main-menu__sub-menu__item"> <a class="main-menu__sub-menu__link" href="page2.html">page 2</a> </li> </ul> </div> </div> </div> </li> </ul> </nav> 

Solutions Collecting From Web of "Как я могу создать меню, как в примере?"