菜单和自定义类中的 Wordpress 帖子答案

【问题标题】：Wordpress posts in menu and custom classes菜单和自定义类中的 Wordpress 帖子
【发布时间】：2021-02-10 16:20:14
【问题描述】：

我是 WordPress 的新手，我正在尝试将纯 HTML 主题转换为 WordPress 主题。但是我有一个问题，我找不到解决方案。在导航菜单中，我找不到有选择地将类添加到 WordPress 作为菜单生成的 ul 和 li 元素的方法。

基本上，我需要为 1 个深度元素、2 个深度元素和 3 个深度元素设置不同的类，还要检查项目是否有子项，然后还要设置不同的类。

然后我必须将 onclick 脚本放在 li 元素中（我知道这些是按钮，但我认为它也应该与生成的 li 项目一起使用

<div class="tab">
    <button class="tablinks active" onclick="openCategory(event, 'cat01')">Science</button>
    <button class="tablinks" onclick="openCategory(event, 'cat02')">Technology</button>
    <button class="tablinks" onclick="openCategory(event, 'cat03')">Social Media</button>
    <button class="tablinks" onclick="openCategory(event, 'cat04')">Car News</button>
    <button class="tablinks" onclick="openCategory(event, 'cat05')">Worldwide</button>
</div>

我知道这要求很高，但我会感谢任何形式的帮助...

【问题讨论】：

标签： javascript php html css wordpress

【解决方案1】：

其中一部分必须/可以在您主题的 functions.php 文件中完成，请参阅 https://developer.wordpress.org/reference/functions/wp_nav_menu/ ，您可以在其中定义容器、其类、ID 等。

可以使用包含直接子选择器组合的 CSS 选择器来实现不同菜单级别的样式，例如 nav.your_class > ul > li > ul > li > ul { ... } 和类似

【讨论】：

有什么方法可以在不改变css的情况下做到这一点？ css 相当大，而且 javascript 也适用于类。
另一种可能性是您可以将 any 类分配给您在 WP 菜单页面上创建的任何单个菜单项。
“没有 CSS” - 你是什么意思？您询问了向菜单添加课程的问题。如果您没有任何相关的 CSS，这些类应该怎么做？
我确实有与它们相关的 css，我只想将菜单元素的基本类更改为我拥有的类。因为更改 css 文件真的很痛苦。
那么，您可以在functions.php 中为容器分配一个类，并使用与该类相关的javascript 选择器来插入/分配您需要的所有其他类。或者，正如我上面写的，通过直接在 WP 菜单编辑页面中将类分配给菜单项（这仅适用于 li 元素，但不适用于 ul 子菜单容器）。