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

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

创建弹出窗口 #

  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. 保存您的菜单
将选择器添加到菜单中的自定义链接。

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

Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top