Question

我正在尝试在Wordpress中设计一个主题，并且遇到了我的主菜单问题。 Wordpress正在生成一个空的列表项，经过检查，我无法理解为什么。

的functions.php

register_nav_menus(array(
    'primary' => __( 'Primary Menu' ),
    'footer' => __( 'Footer Menu' ),
));

的header.php

<html <?php language_attributes(); ?>>
<head> 
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Treet</title>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div id="container">
<!-- Site Header -->
<header class="site-header">
    <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></h1>
    <h5><?php bloginfo('description'); ?></h5>

    <nav class="mainNav">
        <?php 

            $args = array (
                'theme_location' => 'primary'
            );

        ?>
        <?php wp_nav_menu( $args ); ?>
    </nav>

</header>

的style.css

/* Navigation Menus */

nav ul {
margin: 0;
padding: 0;
}

nav ul li {
list-style: none;
float: left;
}

nav ul:before, nav ul:after {
content: "";
display: table;
}

nav ul:after {
clear: both;
}

.site-header nav ul li a {
padding: 10px 10px;
display: block;
border: 1px solid #bbb;
border-bottom: none;
}

最后，这里有两个正在发生的截图。

结果：screenshot

检查：inspectScreenshot

感谢任何帮助，谢谢。

Answer 1

h1中的链接没有结束标记;）

Wordpress在主菜单中生成一个空列表项

1 个答案: