显示家长＆amp;下拉列表Wordpress中的第一级儿童类别

Question

我目前拥有此代码，可在下拉列表中显示所有父类别。

HTML / PHP代码

<ul>
    <?php 
    $args = array(
    'orderby' => 'name',
    'hierarchical' => 1,
    'taxonomy' => 'category',
    'hide_empty' => 0,
    'parent' => 0,
    );
    $categories = get_categories($args);
    foreach($categories as $category) {
    echo '<li><a href="' . get_category_link($category->cat_ID) . '" title="' . $category->name . '">' . $category->name . '</a></li>';
    } 
    ?>
</ul>

以下代码没有问题。实际上，它完美无缺！您可以在我的wordpress网站上看到它：www.bendaggers.com

我现在想要实现的是如何添加父级的第一级子级，就像下面图像1中显示的那样具有相同的效果。

图片1 - 示例

这就是我想要实现的目标，只要用户在列出的父类别上悬停，它就会显示其第一级子类别，如下图所示。

图片2 - 示例父级/类别层次结构。

顺便说一句，我还需要一个工作代码PHP，HTML和CSS。

非常感谢你的帮助和努力，非常感谢你！

可能有用的其他一些信息。

• 该网站是一个wordpress网站。
• 所有帖子都正确分类（父母，1级儿童类别 被正确分类）。

Answer 1

您可以创建检查功能如果父类别具有子类别并将父项传递给新创建的功能。复制您的ablove代码并创建一个函数并将其粘贴到您的自定义函数中。

获取父类别（您应该首先使用自定义函数来获取术语）并将此术语传递给您的第二个自定义函数

Answer 2

看看wp_list_categories()功能。 用这个替换你在这里提供的整个代码。 wp_list_categories(array('title_li' => '')); 将其添加到样式表。

.cat-item {
    list-style-type: none;
    position: relative;
}
.cat-item .children {
    display: none;
    position: absolute;
    top: 0;
}
.cat-item:hover > .children {
    display: block;
}

Answer 3

你有没有提到wordpress功能wp_nav_menu？

你可以在这里访问wordpress nav，

https://codex.wordpress.org/Function_Reference/wp_nav_menu

这是多级菜单的指南。

https://codex.wordpress.org/WordPress_Menu_User_Guide