我尝试用下面的结构创建菜单循环，但我做不到，默认函数wp\\u nav\\u menu不允许这样做，我不明白hot怎么做。我需要类似于示例中的数据remodal target count和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>