问题标签 [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 投票
0 回答
30 浏览

php - Wordpress Walker 菜单 - 基于菜单 url 的不同输出

我正在一个有菜单的 Wordpress 网站上工作。在此菜单中,我需要基于菜单项的 url/页面 id(或任何其他参数)的不同子菜单输出。如果可能的话,我不喜欢按菜单的顺序来做(例如,第二个和最后一个菜单项)。

我正在寻找的输出是:

您可以看到两个子菜单级别的输出略有不同。

我目前正在使用的 Walker 课程是:

希望任何人有一个好主意:)

0 投票
0 回答
49 浏览

wordpress - 如何仅将 div 添加到深度 2 子菜单?

我找到了这个 wordpress nav menu walker 代码,并且在添加此代码时,div 会附加到每个深度的所有子菜单。我只需要 div 用于深度 2 的子菜单。我应该改变什么以获得所需的结果。

0 投票
1 回答
67 浏览

wordpress - 在链接之前将 div 插入菜单项等

我已经在https://wordpress.stackexchange.com/上问过这个问题,但没有人回答。有类似的问题,但我认为它们是针对主题开发人员的,而不是针对那些只是使用某个主题并希望扩展其功能的人。

我使用特定主题在 Wordpress 中制作网页。现在,这个主题有一个预期的菜单标记:

在移动菜单上,愿望略有不同。在公司中,他们希望在按下菜单项时进行一些过渡。我在另一个(硬编码)菜单上解决了这样的问题:

或者像这个jsfiddle 一样

我不知道这是否是这种过渡的最佳解决方案,但它确实有效。

所以,我想在我想添加<div><li>之前<a>和中<a>添加<p>。我在摆弄with wp_nav_menuwp_nav_menu_items但我没有成功。我需要注册<ul>还是其他?此外,似乎我将不得不使用 Walker 课程,但我不知道如何。

现在,因为我没有得到任何回应,我已经找到了原始主题标记的解决方案div(没有and p)。但问题仍然存在:如何将任意标记插入某个现有菜单(在我的情况下是所选主题的主菜单)。即进入每个菜单项li,然后进入每个链接a,保留菜单的 URL。

任何人都可以帮助我或简单地告诉我这是不可能的吗?我已经可以用来wp_nav_menu_items在菜单中插入一个项目。因此,我认为wp_nav_menu为更详细的工作提供了功能。

0 投票
0 回答
45 浏览

html - 单击Wordpress中的项目时如何重置导航栏

目前,我使用bootstrap5在WordPress中开发新主题,当我构建导航栏并单击下拉列表中的子项,然后重定向其他页面,但我再次单击下拉按钮,它不起作用并重定向到主页,如何重置导航栏点击状态或其他方法可以

下面是我的代码:

0 投票
0 回答
346 浏览

php - wordpress 中的 Bootstrap Navwalker 父链接问题

我看到这个问题的变化已经得到回答,但我正在努力弄清楚如何申请我的网站。

当我单击具有子级的顶级链接时,我可以让它切换以显示子导航项或转到链接页面。我想要两者都有(单击一次切换,第二次单击转到链接,或悬停切换)。这是我正在使用的 navwalker 代码。我已经尝试了多种方式。我对编码基本 html 和 css 之外的任何内容都是新手。任何帮助表示赞赏!

原始代码有$atts['href'] = '#';

代替$atts['href'] = ! empty( $item->url ) ? $item->url : '';

我也试过 $atts['data-hover'] = 'dropdown';

代替 $atts['data-toggle'] = 'dropdown';

这是我现在在文件 class-wp-navwalker.php 中拥有的版本,下面是它解析为的 html。

和html...

0 投票
0 回答
19 浏览

php - Wordpress Nav Walker Anchor 仅在 li

我有一个自定义的 wordpress 主题,并且希望我的菜单与这样的 Wordpress 标准有点不同:

我只设法<li>在我的 walker 类中删除,但无法移动 1 li 标签内的链接。

有什么办法可以做到这一点?先感谢您。

编辑:这是现在通过使用 wp_get_nav_menu_items 实现的。

0 投票
0 回答
164 浏览

javascript - 如何在wordpress中对齐父项下的下拉菜单

我为我的自定义 wordpress 主题创建了一个下拉菜单。要自定义它,我使用的是自定义步行器,但我不知道如何对齐左侧和父“课程”下方的下拉菜单。

我对 start_el 和 start_lvl 函数有点困惑。

现在下拉菜单似乎是在父级之外构建的,所以我不能相对于它定位它。

落下

custom_nav.php

我的脚本.js

样式.css

0 投票
1 回答
32 浏览

php - 使用 WordPress walker (Walker_Nav_Menu) 时出错,在子菜单中插入 Anchor 父级

此类创建具有不同子级别的菜单:

我正在等待以下 HTML:

但它打印这个 HTML:

正如您在每个菜单级别看到的那样,脚本再次打印父菜单的锚标记,我无法识别脚本循环何时插入父 TAG 锚,您可以帮助我解决这个问题

0 投票
0 回答
109 浏览

php - 菜单wordpress中一项的自定义导航步行器

我需要为菜单 wordpress 中的一个项目制作一个单独的导航步行器。

当我悬停“商店”链接时,我只是有不同的布局。目前,我拥有的代码适用于所有元素:

品牌悬停菜单

我需要做出一个条件,即此代码(即 start_lvl 和 end_lvl)适用于菜单中的所有项目,但 ID 为 259(商店 ID)的项目除外。

当我将鼠标悬停在“商店”元素上时,步行者变为: 店铺悬停状态

我应该如何为一个菜单制作两个导航步行器或如何正确解决它?仅更改 CSS 不会起作用。

0 投票
1 回答
76 浏览

php - 将 div 添加到 wordpress 导航中

我正在使用下划线构建自定义 wordpress 主题,并希望在导航中添加两个 div。我知道我必须使用自定义 Walker,但我不确切知道如何以及我能找到的只是如何自定义列表项本身。但我所需要的只是将 div 放在生成的列表之上。

这就是我现在得到的:

我想拥有的:

正如我所说,我认为我需要一个自定义 Walker 并自定义 start_el() 函数?但在那之后我迷路了..

提前致谢 :)