在我的导航中为模式框添加按钮

Question

我的网站中具有以下导航。

前3个项目是指向我网站其他页面的常规链接。最后一个橙色链接打开一个模式框。

这就是我用代码编写的方式

    <?php wp_nav_menu(['menu' => 'Main menu', "container" => "", "menu_class" => "desktop-menu"]); ?>
    <a class="open-modal-registration passion-one bg-orange white" href="#">Einfach anmelden und kostenlos studieren</a>

我有一个可以从“控制面板”自定义的菜单，然后橙色按钮被硬编码。

现在是我的问题了。我希望能够以某种方式对导航中的项目进行重新排序，也可以对橙色按钮进行重新排序，然后将其放置在“页面＃1”和“页面＃2”之间。

要执行此操作，我想我必须将其从“控制面板”添加到菜单中，但是看不到任何正确的方法。所有可以添加到菜单的都是

• 自定义链接
• 页面
• 帖子
• 类别
• 标签

这些元素似乎都不是定义具有这种功能的按钮的正确方法。

我该如何解决？

Answer 1

根据您要查找的内容以及WordPress菜单的加载方式，我想您最好的选择是像其他项目一样将其添加到菜单中。您可以输入所有相同的数据，静态链接，设置其样式，然后将分配给每个wordpress菜单项的菜单项ID动态用作打开模式的选择器。当前不需要使用该类来打开它，因为只有一个元素将根据您的问题打开模态。

例如：

jQuery(document).ready(function(){

 jQuery('#menu-item-7155').click(function() {

      //add the selector/js to open your modal
      jQuery('#modal').show(); 

   });

 });

希望有帮助！祝你好运。