问题标签 [wp-nav-walker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1021 浏览

php - WordPress:仅显示来自自定义导航菜单的当前页面的顶级父级子菜单项

我需要帮助来组合这两个代码:

这个:

和这个(来自https://www.minddevelopmentanddesign.com/blog/showing-current-pages-parents-sub-menu-items-custom-nav-menu-wordpress/):

更准确地说,我希望第二个代码回显的链接显示为第一个代码。

我的页面结构是这样的:

每当我访问业务的子页面时,我希望菜单仅列出子页面 ac,而当我访问私人的子页面时,我希望菜单仅列出子页面 xz。

由于可以添加多个页面,我不想针对特定的页面 id。

这样做的主要原因是输出代码像 wp_nav_menu 一样使用 walker bootstrap nav 进行包装和嵌套(将当前类添加到 nav-items)。

0 投票
0 回答
674 浏览

php - 为什么 search.php 上的 Wordpress wp_nav_menu 为空?

出于某种原因,我在 Wordpress 中的导航步行器正在为菜单吐出空项目,但仅在 search.php 页面上。这是输出示例:

这是生成 html 的代码:

这是functions.php中的nav walker代码:

同样,这在除 search.php 之外的每个页面上都可以完美运行。我唯一能想到的可能是 header.php 中的这段代码(当然是由 search.php 调用的)以某种方式与命名空间发生冲突:

以前有人遇到过这种情况吗?你能看到我错过了什么吗?

编辑is_search() 之后添加的代码

所以我终于在开发服务器上进行了调试(搜索在我的本地不起作用),看起来这两行导致错误(接近导航步行器代码的末尾):

这是他们抛出的错误:

试图在 /var/www/html/wp-content/themes/mytheme/functions.php 中获取非对象的属性

0 投票
1 回答
1686 浏览

javascript - Wordpress:Walker Class:尝试将下拉箭头添加到导航菜单

好的,所以我有一个 Walker 课程。我正在尝试仅向具有 SUB MENU 的菜单项添加下拉箭头。

箭头图标:<br><span class="nav-desc" id="nav-desc-show"><i class="fa fa-caret-down" aria-hidden="true"></i> </span>

问题目前我得到了每个菜单项的箭头,因为我不确定如何更改它,所以它只显示带有子菜单的菜单项。

custom-primary-nav.php

头文件.php

0 投票
0 回答
262 浏览

php - 如何使用 navwalker 获得以 bootstrap 4 wordpress 为中心的品牌的双主导航菜单

我正在尝试为我正在开发的 Bootstrap 4 WordPress 主题创建主导航菜单。我只是让菜单显示有点麻烦,希望有人能帮助我。

所以基本上我想要的是导航菜单中以品牌为中心的图像,并在导航的两侧都有一个菜单。折叠时,两个菜单应该在同一个下拉列表中可见。目前我无法显示第二个菜单。

到目前为止,这是我所在的位置,以下是相关文件的片段。非常感谢任何有时间提供帮助的人的努力。

函数.php

导航行者

头文件.php

0 投票
1 回答
1313 浏览

javascript - walker 菜单,在下拉菜单中获取父元素,在另一个元素中获取子元素

这是我的情况,我正在尝试自定义 wordpress 菜单:

  • 在选择下拉列表中显示的所有父元素
  • 所有子元素都显示在另一个选择下拉列表中。

到目前为止,我的助行器是这样的:

问题是,它在同一个选择下拉列表中添加父元素和子元素,而不是两个单独的一个。.

这怎么能实现?

在这方面有一些帮助会很棒,

谢谢

- 编辑 -

例子:

如果我有这样的菜单:

0 投票
0 回答
176 浏览

wordpress - WordPress - 显示类别、重复父项并在有子项时显示为子项

我在自定义 Custom Walker 时遇到问题。

我要做的是创建一个手风琴菜单,其中第一个父级打开子列表,父级也重复该列表,以便可以单击它。

Parent 1 - Parent 1 - Child 1 - Child 2 Parent 2 - Parent 2 - Child 1 - Child 2 - Child 3

我环顾四周堆叠溢出,这就是我到目前为止所得到的。

首先,它不适用于 sub sub child,其次,它在 ul 包装器之外添加 parent-category-title。

如果有更好的方法来做到这一点,我全神贯注!

非常感谢 :)

0 投票
0 回答
429 浏览

php - WordPress nav walker 分成三列

我想把我的菜单分成三列,目前它分成两列。我正在使用 nav walker 类。我的菜单中有 12 个链接,因此计算部分除以 2。我尝试除以 3 但不起作用。

帮帮我,伙计们

拆分部分来自此代码

这是我到目前为止的代码

0 投票
0 回答
509 浏览

javascript - 如何使用切换按钮使下拉菜单的父项可点击?

首先,如果您认为我的问题有问题,请向我解释您希望我进行哪些更改以使其变得更好。我已经为此工作了几天,但收效甚微,我真的在尽力而为,但我对这个话题也很陌生,所以请耐心等待。

我正在使用 Bootstrap 4.0 开发 WooCommerce Storefront 的子主题。

我正在尝试将 [jQuery Smartmenus 插件] ( https://www.smartmenus.org/about/introduction-to-smartmenus-jquery/ ) 与他们的 Bootstrap 4 插件一起用于我的主菜单的小屏幕版本,因为它带有我想要的切换按钮。这是我希望它的工作方式:就像他们的 ["SmartMenus Bootstrap 4 Addon (Navbar)" Demo] ( http://vadikom.github.io/smartmenus/src/demo/bootstrap-4-navbar.html ),与一个区别:我希望父项是可点击的,以便它指向链接而不是切换下拉菜单。+/- 按钮应该是唯一的下拉菜单。

我设法使用这个问题的部分答案让父链接可以点击。我正在使用相同的nav walker,只是 Bootstrap 4 版本。在那个文件中,我用“$atts['href'] = !empty($item->url)?$item->url:'';”替换了原来的第 206 行 正如链接问题中所建议的那样。虽然我没有更改 CSS,但我不希望在悬停时发生任何特别的事情。

我现在的问题是,单击父链接和单击 +/- 都会导致下拉菜单在加载父链接之前被展开片刻,并且我被定向到该链接。我希望父链接不进行任何切换,但更重要的是,我需要 +/- 按钮来切换下拉菜单,而不是用作指向父项页面的链接。我怎样才能让它切换下拉菜单?

我试图在 walker 文件的同一部分中删除 data-toggle 属性和下拉切换类,但这没有任何区别。

这是 header.php 中我的小屏幕菜单的代码:

以下是functions.php中对应的函数:

我真的不确定这些功能是否正确。我需要更改 walker 文件的更多内容吗?还是 Smartmenus JS?如果是这样,是什么?我想不通。任何帮助,将不胜感激!

PS:如果你有一个没有 Smartmenus 插件的解决方案,它可以创建一个带有切换按钮的可点击菜单项,我会接受的!我并不是很喜欢 Smartmenus。

2018 年 12 月更新:我还没有弄清楚这一点。谁能帮我?请?

0 投票
1 回答
126 浏览

wordpress - Wordpress Bootstrap Navwalker 让我发疯

无法让 navwalker 在移动设备上扩展。

我已将代码添加到函数 php

这是我的 navwalker 代码,如果有人可以帮助我解决这个难题,我将非常感激。请原谅这里的格式。

0 投票
0 回答
40 浏览

php - 如何使用 wp 菜单创建这种菜单?

我想使用创建下面的代码wp_nav_menu。如何使用创建此代码wp_nav_menu?另外如何使用 UL 类页面更改为页面wp_nav_menu

我现在使用此代码:

使用此代码我可以查看主 URL,但我不知道如何查看子菜单项。