如何使用 wordpress 菜单部分创建和设置下拉菜单样式？

Question

在这里编码相对较新。

我遵循了一个教程，该教程向我展示了如何设置网站的导航菜单以显示在 wordpress 仪表板的菜单部分中配置的链接。我遵循了下一个教程，希望找到如何为 child/sub 页面制作下拉菜单，但它只展示了如何通过在 html 中手动输入所有超链接来完成此操作。我真的不想这样做，因为它破坏了第一个教程的目标，并且从 CMS / 客户端可用性的角度来看变得不那么容易，有人可以帮助我吗？我认为这与我在函数文件夹中输入的 php 代码有关，但我不确定。

网站 - www.lucieaverill.co.uk

HTML

`<nav class="site-nav">
<?php $args = array('theme_location' => 'primary'); ?>
<?php wp_nav_menu(); ?>
</nav>`

CSS

`.header nav ul{
display:block;
float:right;
width:auto;
margin-top:15px;
padding: 0;
background-color:#ffffff;
list-style:none; }

.header nav ul li {
float:left;
padding-left:50px; }

PHP

`register_nav_menus(array( 'header' => 
__( 'Header Menu' ),
));`

Answer 1

首先，您需要确保将这些 $args 传递给 wp_nav_menu() 函数 "wp_nav_menu($args)".

其次，您几乎拥有所需的一切，但可能没有意识到。 =) 在 WordPress 菜单编辑器中（登录并导航到外观 -> 菜单后，您只需 drag/drop 一个 link 在另一个下面，这样它就变成了一个子项。您会看到它弹出向右..这意味着它现在在它自己的子菜单中。这些菜单可以嵌套和嵌套。

剩下的就是CSS。您只需要将'.header nav ul ul'设置为'display: none;'以隐藏它们并在悬停为'.header ul li:hover ul'和'display: block;'时再次显示它们。

您不必再编写更多 PHP 或 HTML 的代码。 WordPress 会自动在 HTML.

中添加

如何使用 wordpress 菜单部分创建和设置下拉菜单样式？

How to create and style dropdown menus using the wordpress menus section?

html

css

php

wordpress

drop-down-menu