当前位置: 首页 > 知识库问答 >
问题:

如何使用wp_nav_menu()将子类别拆分为列?

萧越泽
2023-03-14

我有一个导航菜单,它使用WordPress'wp_nav_menu()函数,首先在下拉子菜单中将父类别和所有子类别呈现到该类别。标记如下所示:

<li id="menu-item-256" class="category-electronics menu-item menu-item-type-taxonomy menu-item-object-category">
    <a class="expander-btn" href="#">
    <div class="drop-down">
        <div class="arrow left"></div>
        <ul class="sub-menu">
            <li id="menu-item-272" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-271" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-270" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-269" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-268" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-267" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-266" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-265" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-264" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-263" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-262" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-261" class="menu-item menu-item-type-taxonomy menu-item-object-category">
        </ul>
    </div>
</li>

我希望能够将子类别分成列(每列有5或6个链接),但不知道如何去完成这件事。我已经花了近30个小时在这一点现在没有任何作用,所以任何想法将是非常感谢。提前道谢!

共有1个答案

曾高杰
2023-03-14

您可以始终使用http://codex.wordpress.org/function_reference/wp_nav_menu#using_a_custom_walker_function为所需的列设置适当的HTML标记格式。

还有另一种解决方案,只使用CSS即可。只需在

    上加上width和
  • 的width(
      的宽度应该是
    • 的两倍),并将
    • 元素浮动在里面。

      • 第一列中的第一个
      • 第二列中的第二个
      • 第一列中的第三个

 类似资料:
  • 问题内容: 我需要分解一个始终如下所示的字符串: 东西-something_else。 我需要在另一个输入字段中输入“ something_else”。当前,此字符串示例正被即时添加到HTML表行中,如下所示: 我认为“拆分”是可行的方法,但是几乎找不到文档。 问题答案: 可以在MDN找到文档。请注意,是不是 一个jQuery方法,但本地字符串的方法。 如果在字符串上使用,则返回带有子字符串的数组

  • 问题内容: 如何使用Stanford解析器将文本或段落拆分为句子? 有没有可以提取句子的方法(例如为Ruby提供的方法)? 问题答案: 您可以检查DocumentPreprocessor类。以下是一个简短的摘要。我认为可能还有其他方式可以做您想要的事情。

  • 我尝试了一些代码片段将wordpress子菜单拆分为两个Colum,我获得了一些成功。但它们并没有完全分开。奇数菜单项下面有空白,偶数菜单项上面有空白。菜单链接 在上面的网页中,菜单-->纳维什塔黄金时段-->第二季 菜单项似乎不在一条线上,造成了白色的空隙。下面是我使用的CSS代码: 我在wordpress菜单设置中的菜单项“第2季”上应用了这个类“子菜单-列”。

  • 我有一些字符串,每个字符串都是某个字符串的一个或多个副本。例如: 我想把这些字符串分割成一个列表,这样每个元素都有重复的部分。例如: 由于每个字符串大约有1000个字符长,因此如果速度也相当快,那就太好了。 请注意,在我的例子中,重复都从字符串的开始开始,它们之间没有间隙,所以这比在字符串中查找最大重复的一般问题简单得多。 怎么能这样呢?

  • 问题内容: 我已经编写了这段代码,用于拆分字符串并将其存储在字符串数组中:- 但是,我添加了[az],因为我想处理一些缩写问题。但是随后我的结果显示为: 此外,当埃弗里特(Everett)试图指导他们进行基础数学训练时,他们被证明是毫无反应的 我看到丢失了split函数中指定的模式。对我来说,可以省略句号,但是丢失单词的最后一个字母会打乱其含义。 有人可以帮助我吗?此外,有人可以帮助我解决缩写吗?

  • 我想把大的xml分成小块。我正在使用VTDGen将xml文件分割成小块,它可以很好地适应文件大小 代码可以很好地使用VTDGen,但当我使用vtdgenhug时,它就不工作了。 我在“byte[]xml=vn.getXML().getBytes();”处得到空值当您执行syso vn时。getXML()获取对象值。但使用“getBytes()”返回null。我不知道为什么。但如果u do“byte