如何从导航菜单项触发弹出窗口

从导航菜单项触发弹出窗口很容易。

创建弹出窗口 #

1. 首先，创建您的弹出窗口。
2. 在Popup Settings的Advanced选项卡中，我们将在Open By Selector字段中添加一个小代码片段。对于此示例，我们将输入如下所示的代码。
   a[href="#popup-menu-anchor"]
3. 现在发布弹出窗口并设置显示条件。如果菜单位于站点范围的标题中，请将显示条件设置为Entire Site。如果菜单在特定页面上，请将显示条件设置为该特定页面（单数 > 页面 > 搜索并选择您的页面）。
4. 确保没有 为您的弹出窗口设置触发器或高级规则。

注意：确保使用直引号而不是弯引号以避免 jQuery 错误。

编辑菜单项 #

1. 接下来，编辑位于Appearance > Menus的 WordPress 菜单。
2. 添加新的自定义链接
3. 在 URL 中，使用上面创建的选择器名称（例如：#popup-menu-anchor）
4. 输入链接文本
5. 保存您的菜单

而已！现在，当用户单击菜单项时，将触发您设计的弹出窗口。